@okta/odyssey-react-mui 1.53.0 → 1.54.0
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/CHANGELOG.md +53 -0
- package/dist/assets/{Accordion-CLdY3bef.js → Accordion-Daq3txl_.js} +1 -1
- package/dist/assets/{Accordion.stories-X3jwsTUf.js → Accordion.stories-B10VjLUt.js} +1 -1
- package/dist/assets/{AccordionSummary-wkTP8_D6.js → AccordionSummary-CIeS6mZS.js} +1 -1
- package/dist/assets/{AddCircle-zDqHIKbQ.js → AddCircle-g6Yk-xuy.js} +1 -1
- package/dist/assets/{AlertTitle-UQV7DT5q.js → AlertTitle-D3upwBLV.js} +1 -1
- package/dist/assets/{AppSwitcher-Dgfa_AoU.js → AppSwitcher-BgQqDA5V.js} +1 -1
- package/dist/assets/{AppSwitcher.stories-CwjWKK9x.js → AppSwitcher.stories-CCbXDr-y.js} +1 -1
- package/dist/assets/{AppTile.stories-BfdQQaCS.js → AppTile.stories-DDx8nWOn.js} +1 -1
- package/dist/assets/{ArrowDropDown-BbLKA4fg.js → ArrowDropDown-C5eUsI_E.js} +1 -1
- package/dist/assets/ArrowLeft-BbZaO7Hg.js +1 -0
- package/dist/assets/ArrowRight-BdyE6fQu.js +1 -0
- package/dist/assets/{Autocomplete-BajR4gNT.js → Autocomplete-CRpfgiy9.js} +1 -1
- package/dist/assets/{Autocomplete-BwSwXNq_.js → Autocomplete-DCgA5sTf.js} +1 -1
- package/dist/assets/{Autocomplete.stories-C7T-kCUQ.js → Autocomplete.stories-CfdgUTKv.js} +1 -1
- package/dist/assets/{Badge-4k4qHpX4.js → Badge-BEFvMQKq.js} +1 -1
- package/dist/assets/{Banner-CfvXqDEI.js → Banner-CB8Hoj01.js} +1 -1
- package/dist/assets/{Banner.stories-NnVFdOhp.js → Banner.stories-4cloYih2.js} +1 -1
- package/dist/assets/{BaseButton-C9tiChQu.js → BaseButton-BMsK9NzI.js} +1 -1
- package/dist/assets/{BaseMenuButton-BXkyi9Y-.js → BaseMenuButton-aaW8V_or.js} +1 -1
- package/dist/assets/Box-BN2_CPSm.js +11 -0
- package/dist/assets/{Box-CnVllI1S.js → Box-DcPUBV1N.js} +1 -1
- package/dist/assets/{Box--NDTewyO.js → Box-GItunEmH.js} +1 -1
- package/dist/assets/{Box-B3rdnavX.js → Box-QXROWmcY.js} +1 -1
- package/dist/assets/{Box.stories-0iw_Ut4E.js → Box.stories-DM_1V94P.js} +1 -1
- package/dist/assets/{Breadcrumb.stories-BOG-nvIn.js → Breadcrumb.stories-Vw9TE_V3.js} +1 -1
- package/dist/assets/{BreadcrumbList.stories-BjYldubq.js → BreadcrumbList.stories-BI-DHs4m.js} +1 -1
- package/dist/assets/{Breadcrumbs-DlF1RjAJ.js → Breadcrumbs-D_1mZ41I.js} +1 -1
- package/dist/assets/{Bug-BnGJL5iO.js → Bug-Do-FQ2IL.js} +1 -1
- package/dist/assets/{Button-BEdrRzeO.js → Button-BRROMbQe.js} +1 -1
- package/dist/assets/{Button-0PI4ljbj.js → Button-BsIMaHFP.js} +1 -1
- package/dist/assets/{Button-CQAScxdp.js → Button-D7yZg2t7.js} +1 -1
- package/dist/assets/{Button-Dug4qNr3.js → Button-DU6-loxu.js} +1 -1
- package/dist/assets/{Button.stories-CaESBfZW.js → Button.stories-Dtw31FkJ.js} +2 -2
- package/dist/assets/{Button.stories-CNPwpgVA.js → Button.stories-MNavRNfY.js} +3 -3
- package/dist/assets/{ButtonBase-Rz8p08Xo.js → ButtonBase-CKEbMwnW.js} +1 -1
- package/dist/assets/{Calendar-Do4wfihU.js → Calendar-DXY28HTO.js} +1 -1
- package/dist/assets/{Call-CZmd0zlk.js → Call-z0I5v6Vn.js} +1 -1
- package/dist/assets/{Callout-WJN7MCgu.js → Callout-yZ41kUV3.js} +1 -1
- package/dist/assets/{Callout.stories-EyhGsZIg.js → Callout.stories-D3VC5gnC.js} +1 -1
- package/dist/assets/Card-B57MWbcR.js +8 -0
- package/dist/assets/{Card-CYHxgfcj.js → Card-DjR7rkSG.js} +1 -1
- package/dist/assets/{Card.stories-CB7itEof.js → Card.stories-D5ZGOkxo.js} +1 -1
- package/dist/assets/{CardActionArea-CjEHgWqq.js → CardActionArea-Dz07RUxL.js} +1 -1
- package/dist/assets/{CardActions-AjPk7ICQ.js → CardActions-UHqxcz4J.js} +1 -1
- package/dist/assets/{Checkbox-mRntsWEy.js → Checkbox-BuEVtAbr.js} +1 -1
- package/dist/assets/{Checkbox-3Yu84dfy.js → Checkbox-DFbGo8vE.js} +1 -1
- package/dist/assets/{Checkbox.stories-CnAqBzmf.js → Checkbox.stories-DIjMiY6R.js} +1 -1
- package/dist/assets/{CheckboxGroup-Bris2fCF.js → CheckboxGroup-DNGXrxzU.js} +1 -1
- package/dist/assets/{CheckboxGroup.stories-CIRolYTR.js → CheckboxGroup.stories-B_8Duwnd.js} +1 -1
- package/dist/assets/{ChevronRight-QYu5EQHS.js → ChevronRight-CKfvqSM2.js} +1 -1
- package/dist/assets/{ChevronUp-D226bAv0.js → ChevronUp-CKd8_YJW.js} +1 -1
- package/dist/assets/{Chip-BgPaZbUf.js → Chip-CHLAMh3i.js} +1 -1
- package/dist/assets/{CircularProgress-B7sj16Me.js → CircularProgress-B51XjcW0.js} +1 -1
- package/dist/assets/{CircularProgress-D6L1y9kt.js → CircularProgress-CEHxaweC.js} +1 -1
- package/dist/assets/{CircularProgress.stories-CvfXEtcf.js → CircularProgress.stories-CtnWCbpX.js} +1 -1
- package/dist/assets/{Clock-CRMbzsTS.js → Clock-Di2hCnJ3.js} +1 -1
- package/dist/assets/Close-Dcbwwr41.js +1 -0
- package/dist/assets/{Code Styling Guidelines-CstdJT8e.js → Code Styling Guidelines-C7MLVafs.js } +1 -1
- package/dist/assets/{Collapse-DULszxZp.js → Collapse-C5U5l6uF.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-D1UGGYVZ.js → Color-ASIRERSW-QSPaKXki.js} +1 -1
- package/dist/assets/{CssBaseline-BxXlsiez.js → CssBaseline-BXXNXkh7.js} +1 -1
- package/dist/assets/{CssBaseline.stories-DVe508J0.js → CssBaseline.stories-DtpQcH9S.js} +1 -1
- package/dist/assets/{Custom Theming-ccLDrBQS.js → Custom Theming-DubIG-fQ.js } +1 -1
- package/dist/assets/{Custom Theming.stories-CWCReKRB.js → Custom Theming.stories-Djl5PVv7.js } +1 -1
- package/dist/assets/{DataFilters-BkX84ZQL.js → DataFilters-DugPV4vD.js} +1 -1
- package/dist/assets/{DataFilters-4og6bOFS.js → DataFilters-tMQx4AVH.js} +1 -1
- package/dist/assets/{DataFilters.stories-DewPnjr_.js → DataFilters.stories-BKYL9wtK.js} +1 -1
- package/dist/assets/{DataTable-019cW0Jq.js → DataTable-BUMJHmNl.js} +2 -2
- package/dist/assets/{DataTable-B5iX_c6m.js → DataTable-CDjFRZZh.js} +1 -1
- package/dist/assets/DataTable-D8n9AkQH.js +41 -0
- package/dist/assets/{DataTable.stories-Bn546tQH.js → DataTable.stories-Csvzcqth.js} +1 -1
- package/dist/assets/{DataTable.stories-CZ38vjC1.js → DataTable.stories-FbmdYJq5.js} +2 -2
- package/dist/assets/{DataView-BS0E464o.js → DataView-BDHLgztj.js} +1 -1
- package/dist/assets/{DataView-C1SHLIDp.js → DataView-DlHiEpmH.js} +2 -2
- package/dist/assets/{DataView.stories-E0Zxfc-o.js → DataView.stories-By2H6RbW.js} +1 -1
- package/dist/assets/{DataView.stories-CzFmgLtp.js → DataView.stories-JA-ZvSHf.js} +1 -1
- package/dist/assets/{DatePicker-DE3q9EuO.js → DatePicker-BEUwPtkD.js} +1 -1
- package/dist/assets/{DatePicker-vZfA4IWy.js → DatePicker-DAwf6UZa.js} +1 -1
- package/dist/assets/DatePicker.stories-D64W45yC.js +133 -0
- package/dist/assets/{DateTimePicker-ByepBMwy.js → DateTimePicker-CqM7OMZL.js} +1 -1
- package/dist/assets/{DateTimePicker.stories-Cas4UCrt.js → DateTimePicker.stories-DC0WM79l.js} +3 -3
- package/dist/assets/{DebugMenu-3nsw5Xt7.js → DebugMenu-BW3w2pGy.js} +1 -1
- package/dist/assets/Design Tokens-BKt0fWJK.js +4 -0
- package/dist/assets/Dialog-BSKCThdx.js +1 -0
- package/dist/assets/Dialog.stories-D1n0EJWm.js +207 -0
- package/dist/assets/Dialog.stories-DjyJMQNC.js +352 -0
- package/dist/assets/{DialogContent-C6DlqjnA.js → DialogContent-BZZC3ZPL.js} +1 -1
- package/dist/assets/DialogContentText-BrVYVEvg.js +1 -0
- package/dist/assets/{DialogTitle-B_QxN4PO.js → DialogTitle-CBL5DhvK.js} +1 -1
- package/dist/assets/{Divider-C7lvc1xB.js → Divider-Cz7bC_1D.js} +1 -1
- package/dist/assets/{Divider.stories-BEuF_CK6.js → Divider.stories-DQWfbxL3.js} +1 -1
- package/dist/assets/{DocsRenderer-GHJI37HO-DFEQwt06.js → DocsRenderer-GHJI37HO-B2LukYLM.js} +2 -2
- package/dist/assets/{Documentation-nAJnZGCK.js → Documentation-RjgHsfAb.js} +1 -1
- package/dist/assets/{Download-CA8gZ8xE.js → Download-BcTe1ZU8.js} +1 -1
- package/dist/assets/{Drawer-CYAKZaWu.js → Drawer-Bw4XHP_g.js} +1 -1
- package/dist/assets/{Drawer.stories-we3mu0fd.js → Drawer.stories-CKqlYMGT.js} +1 -1
- package/dist/assets/{EmptyState-B1EvR4rn.js → EmptyState-Jcfpbtt-.js} +1 -1
- package/dist/assets/EmptyState.stories-BPqPn_5g.js +127 -0
- package/dist/assets/{EmptyState.stories-BoZoxyTs.js → EmptyState.stories-IiRZjDbr.js} +1 -1
- package/dist/assets/{ExampleButton.stories-C3scpIjS.js → ExampleButton.stories-DQwAyfmw.js} +1 -1
- package/dist/assets/{Extending Translations-3H_cpfNQ.js → Extending Translations-5r-hPzv-.js } +1 -1
- package/dist/assets/{ExternalLink-3_gWbh_U.js → ExternalLink-BEu8BCu0.js} +1 -1
- package/dist/assets/{Fade-ZBabHGDm.js → Fade-DrCoA42j.js} +1 -1
- package/dist/assets/{Field-CqIOaZfg.js → Field-BYLEUHch.js} +1 -1
- package/dist/assets/{FieldHint-Cs73lQge.js → FieldHint-Cw2XBNxH.js} +1 -1
- package/dist/assets/{Fieldset-emRDW8u7.js → Fieldset-iW7Xph9x.js} +1 -1
- package/dist/assets/{Fieldset.stories-B_r0XFjE.js → Fieldset.stories-CSWrlIxx.js} +1 -1
- package/dist/assets/{FileUploader.stories-82Cob1aQ.js → FileUploader.stories-CWzLUIaN.js} +1 -1
- package/dist/assets/{Filter-XcwxIcdg.js → Filter-Wswbc_gt.js} +1 -1
- package/dist/assets/{Folder-CVKRyg4P.js → Folder-jR_3li1K.js} +1 -1
- package/dist/assets/{Form Field Accessibility-CZo064GW.js → Form Field Accessibility-Cm_d_9mv.js } +1 -1
- package/dist/assets/{Form-jEIBfmsN.js → Form-BnTT3ykb.js} +1 -1
- package/dist/assets/{Form.stories-Bge8Frr0.js → Form.stories-DAfJRunc.js} +1 -1
- package/dist/assets/{FormControlLabel-BG9mNqQc.js → FormControlLabel-rwZvAjIk.js} +1 -1
- package/dist/assets/{FormGroup-D8ZDwdpx.js → FormGroup--1q97kW5.js} +1 -1
- package/dist/assets/{FormHelperText-CVc1kPQJ.js → FormHelperText-C8Jvf7bP.js} +1 -1
- package/dist/assets/{FormLabel-CWWbs_c2.js → FormLabel-MF6CzxjN.js} +1 -1
- package/dist/assets/{FullScreenOverlay-GJH3R5s4.js → FullScreenOverlay-BJrXEpo4.js} +1 -1
- package/dist/assets/{Generating Icons-DzaDzJO9.js → Generating Icons-BLWsWSK4.js } +1 -1
- package/dist/assets/{Globe-C0SMdL8H.js → Globe-FAvybPgY.js} +1 -1
- package/dist/assets/{Grid-DnpTJXeB.js → Grid-6HD5fC0r.js} +1 -1
- package/dist/assets/{Group-BJr9nAnt.js → Group-Cp6vHli3.js} +1 -1
- package/dist/assets/{GroupPicker.stories-Oc5zKcw1.js → GroupPicker.stories-Dhpygnxg.js} +1 -1
- package/dist/assets/{Grow-DvH-Xu1P.js → Grow-BpzgBh-I.js} +1 -1
- package/dist/assets/{Hide-C2jA-JOQ.js → Hide-B8GBii5B.js} +1 -1
- package/dist/assets/{Hint-BXue9c6p.js → Hint-g9-xnSB5.js} +1 -1
- package/dist/assets/{HintLink.stories-FqiBpDGQ.js → HintLink.stories-DCO620e2.js} +1 -1
- package/dist/assets/{Home-D8RWt2JU.js → Home-BXRcLQe_.js} +1 -1
- package/dist/assets/Icon.stories-B-WWum_N.js +16 -0
- package/dist/assets/{IconButton-BPR_sq0F.js → IconButton-CY54VTm3.js} +1 -1
- package/dist/assets/{IconWithTooltip.stories-qhJ3BM2A.js → IconWithTooltip.stories-DXTdDuRk.js} +1 -1
- package/dist/assets/{IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js → IgaComponentsOdysseyStorybookThemeDecorator-yVsUtNYk.js} +1 -1
- package/dist/assets/{InformationCircle-DRZkRWne.js → InformationCircle-Dg6oiOPA.js} +1 -1
- package/dist/assets/{InputAdornment-Clfg5IS6.js → InputAdornment-B5kJtHOQ.js} +1 -1
- package/dist/assets/{InputBase-BYnzr12H.js → InputBase-C9_GkGNE.js} +1 -1
- package/dist/assets/{Installing odyssey-react-mui-C75NTz-Q.js → Installing odyssey-react-mui-Dl4SPWpo.js } +1 -1
- package/dist/assets/{Introduction-DqVi6Ihy.js → Introduction-gCxd6_tc.js} +1 -1
- package/dist/assets/{Layout-XY1MknZE.js → Layout-Cl3Pe9fw.js} +1 -1
- package/dist/assets/{Layout.stories-CnOmeQ-W.js → Layout.stories-BmKiRHa7.js} +1 -1
- package/dist/assets/{Legacy Migrations-D05TylMb.js → Legacy Migrations-FSGiv6gt.js } +1 -1
- package/dist/assets/{LinearProgress-Z53mwHnp.js → LinearProgress-Due1Z-ms.js} +1 -1
- package/dist/assets/{Link-thynTosX.js → Link-BVJyfG5Z.js} +1 -1
- package/dist/assets/{Link-BKNciOfr.js → Link-D-2xfQL8.js} +1 -1
- package/dist/assets/{Link-Cg_KakDo.js → Link-DBfYgyqI.js} +1 -1
- package/dist/assets/Link-DhNitPJh.js +11 -0
- package/dist/assets/{Link.stories-Clh1Bkzm.js → Link.stories-Dq3qgFlT.js} +1 -1
- package/dist/assets/{List-D0N4Xybp.js → List-BSVKZ0wr.js} +1 -1
- package/dist/assets/{List-CZ2bN2bA.js → List-DyCjsxv2.js} +1 -1
- package/dist/assets/{ListItem-BNz1zv6N.js → ListItem-nLG-781o.js} +1 -1
- package/dist/assets/{ListSubheader-Dwx7m0BA.js → ListSubheader-DROGdpSN.js} +1 -1
- package/dist/assets/{ListSubheader.stories-nA_TcAiG.js → ListSubheader.stories-CxR2xD4x.js} +1 -1
- package/dist/assets/{Menu-DB2s3Jn0.js → Menu-CAnOJYGy.js} +1 -1
- package/dist/assets/{MenuButton-BrxZ5EA2.js → MenuButton-JLuPodYU.js} +1 -1
- package/dist/assets/{MenuButton-BffESdH9.js → MenuButton-XKYLHmS4.js} +1 -1
- package/dist/assets/MenuButton.stories-MUOIPnkF.js +246 -0
- package/dist/assets/{MenuButton.stories-l4pnLJBo.js → MenuButton.stories-yDQct2na.js} +1 -1
- package/dist/assets/{MenuContext-UsOwIWpO.js → MenuContext-ZAp67kRJ.js} +1 -1
- package/dist/assets/{MenuItem-Cmq8TfUJ.js → MenuItem-C24Kmcql.js} +1 -1
- package/dist/assets/{MenuItem-CpMFWgaz.js → MenuItem-DxqkPhH4.js} +1 -1
- package/dist/assets/{MenuItem-nncwAWHS.js → MenuItem-DyRmIfqo.js} +1 -1
- package/dist/assets/{MenuItem.stories-76iDefqo.js → MenuItem.stories-6GN__5Ea.js} +1 -1
- package/dist/assets/{MenuItem.stories-CQ-735qG.js → MenuItem.stories-COVg8d6W.js} +1 -1
- package/dist/assets/{MenuList-D3GSt85L.js → MenuList-De-H5WYL.js} +1 -1
- package/dist/assets/{Modal-C5P7v6Gt.js → Modal-C2qslhip.js} +1 -1
- package/dist/assets/{More-BAN0OFVF.js → More-C9jx0DT3.js} +1 -1
- package/dist/assets/{MuiPropsContext-D6i6qZME.js → MuiPropsContext-Bg_x6l7d.js} +1 -1
- package/dist/assets/{MuiPropsContext-Df02xyKB.js → MuiPropsContext-H20tOLmR.js} +1 -1
- package/dist/assets/{NativeSelect.stories-D2Ob7KE5.js → NativeSelect.stories-CtknOfaK.js} +1 -1
- package/dist/assets/{Notification-CqbysXIb.js → Notification-CZG5fzUR.js} +1 -1
- package/dist/assets/{OdysseyProvider-PxeTd-wx.js → OdysseyProvider-CMlA-CeS.js} +1 -1
- package/dist/assets/{OdysseyProvider-rboSNY26.js → OdysseyProvider-CVwRS5Sq.js} +9 -9
- package/dist/assets/{OdysseyStorybookThemeDecorator-CHlNoX17.js → OdysseyStorybookThemeDecorator-B7y7aS60.js} +1 -1
- package/dist/assets/{OdysseyThemeProvider-BA0_xP7N.js → OdysseyThemeProvider-CCwl8LYd.js} +1 -1
- package/dist/assets/{PageHeader-DHtVYyb-.js → PageHeader-mQcQQKJ2.js} +1 -1
- package/dist/assets/{PageHeader.stories-DzO4wv8w.js → PageHeader.stories-6suF8RgO.js} +1 -1
- package/dist/assets/{PageHeader.stories-xG6qoBox.js → PageHeader.stories-Bk8tYReg.js} +1 -1
- package/dist/assets/{PageHeader.stories-CCvS30-w.js → PageHeader.stories-Bx4vlXfy.js} +1 -1
- package/dist/assets/{PageTemplate-BUVvgcIj.js → PageTemplate-CooiV4KC.js} +1 -1
- package/dist/assets/PageTemplate-W9dzsIZk.js +8 -0
- package/dist/assets/{PageTemplate.stories-XizDmXOT.js → PageTemplate.stories-32o76pgm.js} +1 -1
- package/dist/assets/{PageTemplate.stories-mpYXgZT4.js → PageTemplate.stories-Bl1I3kw4.js} +1 -1
- package/dist/assets/{PageTemplate.stories-M6ewVPJx.js → PageTemplate.stories-y3VCe0pC.js} +1 -1
- package/dist/assets/{PaginatedTable.stories-BGRIoKo4.js → PaginatedTable.stories-Bv7r4mF8.js} +1 -1
- package/dist/assets/{Paper-vUVrw-QB.js → Paper-Bv-8rqJG.js} +1 -1
- package/dist/assets/{PasswordField.stories-T70RtAAe.js → PasswordField.stories-RlpYEesu.js} +1 -1
- package/dist/assets/{Picker.stories-DHQ88s15.js → Picker.stories-BzNZYpEc.js} +1 -1
- package/dist/assets/{PickerWithOptionAdornment.stories-DC1J_qH3.js → PickerWithOptionAdornment.stories-DUuxsL3s.js} +1 -1
- package/dist/assets/{PlaceholderLogo-SOqcoUNb.js → PlaceholderLogo-BQYeqJ_d.js} +1 -1
- package/dist/assets/{Popper-CISS1LuJ.js → Popper-DAO3a_fx.js} +1 -1
- package/dist/assets/{Portal-DeJFqeW-.js → Portal-Be1GH4ah.js} +1 -1
- package/dist/assets/ProgressBar.stories-BEYS_PFg.js +20 -0
- package/dist/assets/{Radio-BlxlCYZY.js → Radio-DmSXm_7d.js} +1 -1
- package/dist/assets/{Radio-C5-GzJtb.js → Radio-mhEI_Lft.js} +1 -1
- package/dist/assets/{Radio.stories-BrGqWocJ.js → Radio.stories-CVBgcKIq.js} +1 -1
- package/dist/assets/RadioGroup-Cwl9fB9Q.js +10 -0
- package/dist/assets/{RadioGroup-BcwUBGJo.js → RadioGroup-DbKGawnM.js} +1 -1
- package/dist/assets/{RadioGroup-sL620ofZ.js → RadioGroup-DokX7ODU.js} +1 -1
- package/dist/assets/{RadioGroup.stories-CBlRX0KY.js → RadioGroup.stories-CLphGkYm.js} +1 -1
- package/dist/assets/{Refresh-ZZ_nNcXg.js → Refresh-CASA72Vm.js} +1 -1
- package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-C-AyLafs.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-8FjQBMSw.js} +1 -1
- package/dist/assets/{Right-to-Left (RTL)-DMJ1RF_H.js → Right-to-Left (RTL)-jz_GTPNz.js } +1 -1
- package/dist/assets/{ScopedCssBaseline-BOa6kM98.js → ScopedCssBaseline-DLzkuFGv.js} +1 -1
- package/dist/assets/{ScreenReaderText-toqV93JE.js → ScreenReaderText-6hJD_NSR.js} +1 -1
- package/dist/assets/{ScreenReaderText-BfpueyoK.js → ScreenReaderText-uyKsLgZb.js} +1 -1
- package/dist/assets/{ScreenReaderText.stories-C1dE1n7A.js → ScreenReaderText.stories-CzCZ0hf2.js} +1 -1
- package/dist/assets/{Search-0744_rm_.js → Search-BSCrQGJG.js} +1 -1
- package/dist/assets/{SearchDropdown.stories-lpj_p0pn.js → SearchDropdown.stories-CLn7XX8C.js} +1 -1
- package/dist/assets/{SearchField-DmDpB-Sd.js → SearchField-BezuuZAt.js} +1 -1
- package/dist/assets/{SearchField.stories-LT1ewC26.js → SearchField.stories-DlIHk877.js} +1 -1
- package/dist/assets/{Select-DE0mojaE.js → Select-Cia8mIUa.js} +1 -1
- package/dist/assets/{Select-CQoJvuLM.js → Select-DmM1YYIG.js} +1 -1
- package/dist/assets/{Select.stories-B8cWbr6v.js → Select.stories-BJdbQiAn.js} +1 -1
- package/dist/assets/{Server-1eTAy_EZ.js → Server-BCLxvuXN.js} +1 -1
- package/dist/assets/{Settings-CnuBvsmb.js → Settings-D7DZLft8.js} +1 -1
- package/dist/assets/{Setup-CG2Lh3Ff.js → Setup-CTxCAdah.js} +1 -1
- package/dist/assets/{Shadow DOM-D2Xm68lR.js → Shadow DOM-StxMEsiC.js } +1 -1
- package/dist/assets/{Show-C6ORd-wr.js → Show-CPDqp9eP.js} +1 -1
- package/dist/assets/{SideNav-WgViafRP.js → SideNav-6XrbY_-H.js} +1 -1
- package/dist/assets/{SideNav-tldrZCp2.js → SideNav-DOEshqiu.js} +1 -1
- package/dist/assets/{SideNav.stories-Crrw-ySP.js → SideNav.stories-CZTfc6tR.js} +1 -1
- package/dist/assets/{Skeleton-DxFSebyW.js → Skeleton-B4juUFkj.js} +1 -1
- package/dist/assets/{Snackbar-C2LtiN82.js → Snackbar-BtyFsRaP.js} +1 -1
- package/dist/assets/{Stack-jxMWaEAU.js → Stack-BlNTLl9F.js} +1 -1
- package/dist/assets/{Stack-Duw-TXBf.js → Stack-Ds5ITe5E.js} +1 -1
- package/dist/assets/{Stack.stories-B9W1XlQs.js → Stack.stories-CZjN_nbA.js} +1 -1
- package/dist/assets/{StaticTable.stories-D0R7o_xf.js → StaticTable.stories-DBW5rOOn.js} +1 -1
- package/dist/assets/{Status-DyDCzqET.js → Status-BzfvgnE8.js} +1 -1
- package/dist/assets/{Status.stories-CT9I5C3E.js → Status.stories-D-5uelAK.js} +1 -1
- package/dist/assets/{Stepper.stories-BGyCeC7L.js → Stepper.stories-DBWEGGw0.js} +2 -2
- package/dist/assets/{Surface-s9E2mDWU.js → Surface-DiOLp-IF.js} +1 -1
- package/dist/assets/{Switch.stories-CiNsUF_b.js → Switch.stories-DutmBO0q.js} +1 -1
- package/dist/assets/{SwitchBase-C_6ALR3v.js → SwitchBase-DFhbxMFU.js} +1 -1
- package/dist/assets/{Sync-Bo0k4rYZ.js → Sync-DRzWBzLb.js} +1 -1
- package/dist/assets/{Tabs-BPWnyCAU.js → Tabs-CzBTAREX.js} +1 -1
- package/dist/assets/{Tabs-BnDKqj9p.js → Tabs-DixvwYji.js} +2 -2
- package/dist/assets/{Tabs.stories-xaGU0YrM.js → Tabs.stories-DW1zbBKp.js} +1 -1
- package/dist/assets/{Tag-CYK8pNzu.js → Tag-c92hpyWa.js} +1 -1
- package/dist/assets/Tag.stories-D84h0Ctd.js +96 -0
- package/dist/assets/{TagList-CunLkaIS.js → TagList-BzCEw4W6.js} +1 -1
- package/dist/assets/{TextField-DF5R_omM.js → TextField-C_OR_Dhs.js} +1 -1
- package/dist/assets/{TextField.stories-julPXfI1.js → TextField.stories-CB4JnkHg.js} +1 -1
- package/dist/assets/{Toast.stories-BuX-cdk6.js → Toast.stories-BkXY915Y.js} +1 -1
- package/dist/assets/{ToastManager.stories-C6VVt3In.js → ToastManager.stories-1c6d94Wr.js} +1 -1
- package/dist/assets/{Tooltip-B-PXZNTK.js → Tooltip-CtMQ7ejP.js} +1 -1
- package/dist/assets/{Tooltip-yxN-KFjL.js → Tooltip-DoyRbWb9.js} +1 -1
- package/dist/assets/{Tooltip.stories-BXjrRGGM.js → Tooltip.stories-CY8HtzZN.js} +1 -1
- package/dist/assets/{TopNav-CCO_Sukh.js → TopNav-BBaI7wBA.js} +1 -1
- package/dist/assets/TopNav.stories-BonEcWsg.js +13 -0
- package/dist/assets/{TransitionGroupContext-yBqGXZYI.js → TransitionGroupContext-FeNnDXqj.js} +1 -1
- package/dist/assets/{Typography-CjpHjc10.js → Typography-B7LPQ65D.js} +1 -1
- package/dist/assets/{Typography-Jr4Brrb5.js → Typography-CAaRogW8.js} +1 -1
- package/dist/assets/{Typography-CP569bC2.js → Typography-avG8-lGj.js} +1 -1
- package/dist/assets/Typography-vFph2crD.js +9 -0
- package/dist/assets/{Typography.stories-dzvvlIBm.js → Typography.stories-BdpTOvow.js} +1 -1
- package/dist/assets/{Typography.stories-DjnTqZOD.js → Typography.stories-Bhg4Hpj7.js} +1 -1
- package/dist/assets/{Typography.stories-CBkQTJR8.js → Typography.stories-CqHoB4eE.js} +1 -1
- package/dist/assets/UDComponentsStorybookThemeDecorator-CUrY30iv.js +239 -0
- package/dist/assets/{UiShell.stories-Cz9ZqBh6.js → UiShell.stories-CqHTAwmz.js} +2 -2
- package/dist/assets/{UiShellProvider-oDzwqt6Y.js → UiShellProvider-BnHvOMpD.js} +1 -1
- package/dist/assets/{Upload-nb-hV6Ym.js → Upload-DXb67X9X.js} +1 -1
- package/dist/assets/{User-BEFwQRGi.js → User-CgytLiqa.js} +1 -1
- package/dist/assets/{UserProfile-BM4I2P2Q.js → UserProfile-CH1CH7s6.js} +1 -1
- package/dist/assets/UserProfile.stories-CZKfgysp.js +14 -0
- package/dist/assets/{UserProfileMenuButton.stories-PNsdwClg.js → UserProfileMenuButton.stories-DXHL4TiM.js} +3 -3
- package/dist/assets/{Video-DHeibuka.js → Video-CkI57iP_.js} +1 -1
- package/dist/assets/{WarningFilled-DOHs-JmZ.js → WarningFilled-qIqi4h0v.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-DQaUt46F.js → WithTooltip-IO6J4KBT-izYKYgZb.js} +1 -1
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-CfGk2U4j.js +1 -0
- package/dist/assets/{WpComponentsStorybookThemeDecorator-Db3wSJC0.js → WpComponentsStorybookThemeDecorator-BfUB6Fji.js} +1 -1
- package/dist/assets/{axe-9-4xvXvL.js → axe-CZ-24O2A.js} +1 -1
- package/dist/assets/{axeRun-w5CBCc9V.js → axeRun-QswtvkOz.js} +1 -1
- package/dist/assets/{blocks-D521Uej3.js → blocks-CtYZtf3a.js} +6 -6
- package/dist/assets/{colorManipulator-BYcVMQmD.js → colorManipulator-DlY4JhNG.js} +1 -1
- package/dist/assets/{createStyled-BKWdp2xc.js → createStyled-C3GEIcOd.js} +1 -1
- package/dist/assets/{createSvgIcon-CaWcxZng.js → createSvgIcon-DMOOI9wR.js} +1 -1
- package/dist/assets/{dialogActionsClasses-J0iu7jYO.js → dialogActionsClasses-BlWxTtt7.js} +1 -1
- package/dist/assets/formatter-QJ4M4OGQ-Bz0pvfL5.js +1 -0
- package/dist/assets/{iconUtils-DmnxHGuV.js → iconUtils-BUsEqJnv.js} +1 -1
- package/dist/assets/{iframe-CQjT1fxh.js → iframe-DE4RuJrv.js} +5 -5
- package/dist/assets/{index-C77ZwfYm.js → index-BAELNoi-.js} +1 -1
- package/dist/assets/{index-D5BUEpVX.js → index-CMrI_MV3.js} +1 -1
- package/dist/assets/index-DBPVAcBX.js +1 -0
- package/dist/assets/index-DvA7jsks.js +1 -0
- package/dist/assets/{index.esm-Dvk_qjX0.js → index.esm-BZBFx5zE.js} +1 -1
- package/dist/assets/{index.esm-Bohtd3OQ.js → index.esm-DPEH-2Dd.js} +1 -1
- package/dist/assets/{index.modern-DX91rx7y.js → index.modern-dR7HgQex.js} +1 -1
- package/dist/assets/{inputUtils-BBH9ADKa.js → inputUtils-DtvLbmm9.js} +1 -1
- package/dist/assets/{personData-CV-uVWcJ.js → personData-CLoFzEp9.js} +1 -1
- package/dist/assets/{personData-Bi-Gg5yH.js → personData-WNkbjNZy.js} +1 -1
- package/dist/assets/{pickerComponentPropsMetaData-aBuTm1AZ.js → pickerComponentPropsMetaData-BPcY4jWd.js} +1 -1
- package/dist/assets/{react-18-DkaAwiRb.js → react-18-Cgo9p-UD.js} +1 -1
- package/dist/assets/{renderUiShell.stories-R-ckgOdr.js → renderUiShell.stories-CZwFE9fh.js} +7 -7
- package/dist/assets/{resolveComponentProps-DGxe9oED.js → resolveComponentProps-DH5wuSot.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-CL1ROTuv.js → syntaxhighlighter-IQDEPFLK-DllV8wKq.js} +1 -1
- package/dist/assets/{tableRowClasses-Bk1uFtwh.js → tableRowClasses-SdduqaRI.js} +1 -1
- package/dist/assets/{tableSortLabelClasses-i_d6KGQQ.js → tableSortLabelClasses-Btt1VxyW.js} +1 -1
- package/dist/assets/{useAutocomplete-DG_kuhWb.js → useAutocomplete-NsoONBGQ.js} +1 -1
- package/dist/assets/{useControlled-BUhC7uWK.js → useControlled-0vpPKndq.js} +1 -1
- package/dist/assets/{useIsFocusVisible-D1xCTBdT.js → useIsFocusVisible-DEbTNWvz.js} +1 -1
- package/dist/assets/{useMobilePicker-DJQJ3D8W.js → useMobilePicker-BzwZRuUY.js} +1 -1
- package/dist/assets/{useMountLifecycleEffect-BNByHT_g.js → useMountLifecycleEffect-BQjBLWpH.js} +1 -1
- package/dist/assets/{useOdysseyDateFields-BVmmVg1G.js → useOdysseyDateFields-CcTWyzYw.js} +3 -3
- package/dist/assets/{useScrollIndication-BGw7dgC5.js → useScrollIndication-iOp--772.js} +4 -4
- package/dist/assets/{useSlot-BMAKysxJ.js → useSlot-CxZuq7zC.js} +1 -1
- package/dist/assets/{useThemeProps-BCUqwy59.js → useThemeProps-BDmyOQ5c.js} +1 -1
- package/dist/assets/useThemeProps-DjFwRijR.js +1 -0
- package/dist/assets/{useUniqueId-DG6rB8dI.js → useUniqueId-ej4W3xOJ.js} +1 -1
- package/dist/assets/{utilities.esm-D9akhJLQ.js → utilities.esm-B9jaZcpU.js} +1 -1
- package/dist/assets/{utils-D-QCjykO.js → utils-DAOaxsLc.js} +1 -1
- package/dist/cjs/FullScreenOverlayContext.cjs +8 -2
- package/dist/cjs/FullScreenOverlayContext.cjs.map +1 -1
- package/dist/cjs/OdysseyProvider.cjs +2 -0
- package/dist/cjs/OdysseyProvider.cjs.map +1 -1
- package/dist/cjs/ui-shell/UiShell.cjs +1 -0
- package/dist/cjs/ui-shell/UiShell.cjs.map +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
- package/dist/esm/FullScreenOverlayContext.js +8 -2
- package/dist/esm/FullScreenOverlayContext.js.map +1 -1
- package/dist/esm/OdysseyProvider.js +2 -0
- package/dist/esm/OdysseyProvider.js.map +1 -1
- package/dist/esm/ui-shell/UiShell.js +1 -0
- package/dist/esm/ui-shell/UiShell.js.map +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.cjs +231 -0
- package/dist/index.es.js +3173 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.iife.js +9 -0
- package/dist/index.iife.js.map +1 -0
- package/dist/index.json +1 -1
- package/dist/index.mjs +229 -0
- package/dist/index.scss +549 -0
- package/dist/index.umd.cjs +9 -0
- package/dist/index.umd.cjs.map +1 -0
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-6/manager-bundle.js +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/types/FullScreenOverlayContext.d.ts +5 -1
- package/dist/types/FullScreenOverlayContext.d.ts.map +1 -1
- package/dist/types/OdysseyProvider.d.ts +1 -1
- package/dist/types/OdysseyProvider.d.ts.map +1 -1
- package/dist/types/getTranslationServices.browser.test.d.ts +1 -0
- package/dist/types/getTranslationServices.browser.test.js +88 -0
- package/dist/types/getTranslationServices.browser.test.js.map +1 -0
- package/dist/types/getTranslationServices.d.ts +91 -0
- package/dist/types/getTranslationServices.js +77 -0
- package/dist/types/getTranslationServices.js.map +1 -0
- package/dist/types/getTypedObjectEntries.d.ts +1 -0
- package/dist/types/getTypedObjectEntries.js +2 -0
- package/dist/types/getTypedObjectEntries.js.map +1 -0
- package/dist/types/index.js +3 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/translationServices.types.d.ts +2 -0
- package/dist/types/translationServices.types.js +34 -0
- package/dist/types/translationServices.types.js.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/dist/types/ui-shell/UiShell.d.ts.map +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/ok.yaml +1 -0
- package/package.json +7 -7
- package/src/getTranslationServices.browser.test.tsx +173 -0
- package/src/getTranslationServices.tsx +286 -0
- package/src/getTypedObjectEntries.ts +3 -0
- package/src/index.ts +2 -0
- package/src/translationServices.types.ts +36 -0
- package/src/tsconfig.json +7 -0
- package/tsconfig.json +41 -0
- package/vite.config.project.ts +61 -0
- package/vite.config.ts +21 -0
- package/vite.config.ts.bak +33 -0
- package/vitest-browser-setup.ts +14 -0
- package/vitest-jsdom-setup.ts +13 -0
- package/vitest-node-setup.ts +13 -0
- package/vitest.config.project.ts +16 -0
- package/vitest.config.ts +27 -0
- package/vitest.config.ts.bak +27 -0
- package/dist/assets/ArrowRight-C5USrGY5.js +0 -1
- package/dist/assets/Box-Dieb6jd6.js +0 -11
- package/dist/assets/Card-BejcE3ak.js +0 -8
- package/dist/assets/Close-CELHOmN_.js +0 -1
- package/dist/assets/DataTable-DV-P1c62.js +0 -41
- package/dist/assets/DatePicker.stories-DWhZFsWV.js +0 -133
- package/dist/assets/Design Tokens-OxRvZCcK.js +0 -4
- package/dist/assets/Dialog-DiU8nQnH.js +0 -1
- package/dist/assets/Dialog.stories-Cl9r8_yI.js +0 -207
- package/dist/assets/Icon.stories-CB1sFVG5.js +0 -16
- package/dist/assets/Link-Djl4opNm.js +0 -11
- package/dist/assets/MenuButton.stories-CtQrmY2o.js +0 -246
- package/dist/assets/PageTemplate-Dfm2PU1P.js +0 -8
- package/dist/assets/ProgressBar.stories-Cyam9OIf.js +0 -258
- package/dist/assets/RadioGroup-D8i98nDO.js +0 -10
- package/dist/assets/Tag.stories-CFd40qf5.js +0 -96
- package/dist/assets/TopNav.stories-C3X2SUf9.js +0 -13
- package/dist/assets/Typography-Dy2bDiU6.js +0 -9
- package/dist/assets/UserProfile.stories-BOMOuxsL.js +0 -14
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DrWk22II.js +0 -1
- package/dist/assets/formatter-QJ4M4OGQ-BVt8pa2h.js +0 -1
- package/dist/assets/index-5Qx3hCfP.js +0 -1
- package/dist/assets/index-Vzl5wUDu.js +0 -1
- package/dist/assets/useThemeProps-Bc2iWdri.js +0 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# Change Log
|
|
2
|
+
|
|
3
|
+
All notable changes to this project will be documented in this file.
|
|
4
|
+
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
+
|
|
6
|
+
## [1.54.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.53.0...v1.54.0) (2026-02-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
9
|
+
|
|
10
|
+
## [1.52.1](https://github.com/atko-eng/odyssey-design-system/compare/v1.51.0...v1.52.1) (2026-01-29)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- fix: correct return statement structure in FullScreenOverlay component ([#181](https://github.com/atko-eng/odyssey-design-system/issues/181)) ([41f74c](https://github.com/atko-eng/odyssey-design-system/commit/41f74cc0ad69108e8bdf70a7466ef4cc65c3c2b2))
|
|
15
|
+
|
|
16
|
+
## [1.52.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.51.0...v1.52.0) (2026-01-21)
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
- update playwright version to latest ([#175](https://github.com/atko-eng/odyssey-design-system/issues/175)) ([1afc2a7](https://github.com/atko-eng/odyssey-design-system/commit/1afc2a7bd312f963e72ec391f5cde0567f9a3f44))
|
|
21
|
+
|
|
22
|
+
## [1.51.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.50.1...v1.51.0) (2026-01-07)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
25
|
+
|
|
26
|
+
## [1.50.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.49.0...v1.50.0) (2025-12-11)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
29
|
+
|
|
30
|
+
## [1.49.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.48.0...v1.49.0) (2025-11-26)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
33
|
+
|
|
34
|
+
## [1.48.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.47.0...v1.48.0) (2025-11-13)
|
|
35
|
+
|
|
36
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
37
|
+
|
|
38
|
+
## [1.47.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.46.0...v1.47.0) (2025-10-28)
|
|
39
|
+
|
|
40
|
+
### Bug Fixes
|
|
41
|
+
|
|
42
|
+
- fixes React v19 forward-compatibility ([#102](https://github.com/atko-eng/odyssey-design-system/issues/102)) ([5e20038](https://github.com/atko-eng/odyssey-design-system/commit/5e2003829a19e43bfb0d94b4b8437c7ae9204d7c))
|
|
43
|
+
|
|
44
|
+
## [1.46.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.45.2...v1.46.0) (2025-10-16)
|
|
45
|
+
|
|
46
|
+
### Bug Fixes
|
|
47
|
+
|
|
48
|
+
- add missing peerDeps to contribution tooling ([#93](https://github.com/atko-eng/odyssey-design-system/issues/93)) ([4f465dd](https://github.com/atko-eng/odyssey-design-system/commit/4f465ddd7249f31a0ad1b002adbb2c6e98341eb2))
|
|
49
|
+
- fixes Odyssey overlays styling when used in Shadow DOM ([#87](https://github.com/atko-eng/odyssey-design-system/issues/87)) ([c7f8746](https://github.com/atko-eng/odyssey-design-system/commit/c7f87461f156d6968472344f3d5f4bd93f116ff4))
|
|
50
|
+
|
|
51
|
+
## [1.45.2](https://github.com/atko-eng/odyssey-design-system/compare/v1.45.1...v1.45.2) (2025-10-03)
|
|
52
|
+
|
|
53
|
+
**Note:** Version bump only for package @okta/odyssey-contribution-tooling
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as u,j as o}from"./iframe-
|
|
1
|
+
import{r as u,j as o}from"./iframe-DE4RuJrv.js";import{d as h}from"./Typography-B7LPQ65D.js";import{u as f}from"./useUniqueId-ej4W3xOJ.js";import{A as j,a as A,b}from"./AccordionSummary-CIeS6mZS.js";import{M as I}from"./WarningFilled-qIqi4h0v.js";const M=({children:a,label:d,id:n,isDefaultExpanded:t,isDisabled:s,isExpanded:i,onChange:c,testId:m,translate:l,variant:p="default"})=>{const e=f(n),r=`${e}-header`,x=`${e}-content`;return o.jsxs(j,{"data-ods-variant":p,"data-se":m,defaultExpanded:t,disabled:s,disableGutters:!0,expanded:i,onChange:c,children:[o.jsx(A,{"aria-controls":x,expandIcon:o.jsx(I,{}),id:r,children:o.jsx(h,{component:"div",translate:l,children:d})}),o.jsx(b,{"aria-labelledby":r,children:a})]})},v=u.memo(M);v.displayName="Accordion";export{v as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n,r as m}from"./iframe-
|
|
1
|
+
import{j as n,r as m}from"./iframe-DE4RuJrv.js";import{O as k}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{M as o}from"./Accordion-Daq3txl_.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-CIeS6mZS.js";import"./useSlot-CxZuq7zC.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./useControlled-0vpPKndq.js";import"./Collapse-C5U5l6uF.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./index-DBPVAcBX.js";import"./Paper-Bv-8rqJG.js";import"./ButtonBase-CKEbMwnW.js";const{expect:h,userEvent:u,waitFor:b,within:V}=__STORYBOOK_MODULE_TEST__,ae={component:o,decorators:[k],argTypes:{children:{control:"text",description:"",table:{type:{summary:"ReactNode"}}},label:{control:"text",description:"",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},isExpanded:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},variant:{control:"select",options:["default","borderless"],description:"Visual style for the accordion",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{children:"Lorem ipsum dolor sit amet.",isDisabled:!1,isExpanded:void 0,label:"Label",variant:"default"}},a={args:{children:"This is the content of the box."},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},c={args:{children:"This is the content of the box.",variant:"borderless"},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},d={args:{children:"This is the content of the box."},render:function(e){return n.jsxs(n.Fragment,{children:[n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,children:e.children}),n.jsx(o,{label:"Accordion 2",children:"This is the second accordion item."}),n.jsx(o,{label:"Accordion 3",children:"This is the third accordion item."}),n.jsx(o,{label:"Accordion 4",children:"This is the fourth accordion item."}),n.jsx(o,{label:"Accordion 5",children:"This is the fifth accordion item."})]})}},l={args:{children:"This is the content of the box.",isDisabled:!0},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,label:"Label",children:e.children})}},p={args:{children:"This is the content of the box."},render:function(e){const[t,s]=m.useState(!0),i=m.useCallback((L,P)=>s(P),[]);return n.jsx(o,{isExpanded:t,label:"Label",onChange:i,children:e.children})},play:async({canvasElement:r,step:e})=>{await e("Accordion Expanded",async()=>{const t=V(r),s=t.getByRole("button"),i=t.getByRole("region");await b(()=>{h(i).toBeVisible()}),await u.click(s),await b(()=>{h(i).not.toBeVisible()}),await u.click(s),await b(()=>{h(i).toBeVisible()})})}};var x,f,A;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
children: "This is the content of the box."
|
|
4
4
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N,M as $,b as k,_ as w,a as d,c as g,d as R,f as G}from"./tableRowClasses-
|
|
1
|
+
import{N,M as $,b as k,_ as w,a as d,c as g,d as R,f as G}from"./tableRowClasses-SdduqaRI.js";import{r as c,j as l}from"./iframe-DE4RuJrv.js";import{u as L}from"./useSlot-CxZuq7zC.js";import{u as H}from"./useControlled-0vpPKndq.js";import{C as F}from"./Collapse-C5U5l6uF.js";import{P as O}from"./Paper-Bv-8rqJG.js";import{B as z}from"./ButtonBase-CKEbMwnW.js";const D=c.createContext({});function J(o){return $("MuiAccordion",o)}const A=N("MuiAccordion",["root","rounded","expanded","disabled","gutters","region"]),K=["children","className","defaultExpanded","disabled","disableGutters","expanded","onChange","square","slots","slotProps","TransitionComponent","TransitionProps"],Q=o=>{const{classes:s,square:t,expanded:r,disabled:e,disableGutters:n}=o;return G({root:["root",!t&&"rounded",r&&"expanded",e&&"disabled",!n&&"gutters"],region:["region"]},J,s)},X=g(O,{name:"MuiAccordion",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:t}=o;return[{[`& .${A.region}`]:s.region},s.root,!t.square&&s.rounded,!t.disableGutters&&s.gutters]}})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{position:"relative",transition:o.transitions.create(["margin"],s),overflowAnchor:"none","&::before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(o.vars||o).palette.divider,transition:o.transitions.create(["opacity","background-color"],s)},"&:first-of-type":{"&::before":{display:"none"}},[`&.${A.expanded}`]:{"&::before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&::before":{display:"none"}}},[`&.${A.disabled}`]:{backgroundColor:(o.vars||o).palette.action.disabledBackground}}},({theme:o})=>({variants:[{props:s=>!s.square,style:{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(o.vars||o).shape.borderRadius,borderTopRightRadius:(o.vars||o).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(o.vars||o).shape.borderRadius,borderBottomRightRadius:(o.vars||o).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},{props:s=>!s.disableGutters,style:{[`&.${A.expanded}`]:{margin:"16px 0"}}}]})),xo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordion"}),{children:e,className:n,defaultExpanded:i=!1,disabled:p=!1,disableGutters:u=!1,expanded:S,onChange:m,square:y=!1,slots:C={},slotProps:v={},TransitionComponent:h,TransitionProps:f}=r,b=w(r,K),[a,j]=H({controlled:S,default:i,name:"Accordion",state:"expanded"}),T=c.useCallback(q=>{j(!a),m&&m(q,!a)},[a,m,j]),[P,...I]=c.Children.toArray(e),V=c.useMemo(()=>({expanded:a,disabled:p,disableGutters:u,toggle:T}),[a,p,u,T]),M=d({},r,{square:y,disabled:p,disableGutters:u,expanded:a}),B=Q(M),U=d({transition:h},C),W=d({transition:f},v),[E,_]=L("transition",{elementType:F,externalForwardedProps:{slots:U,slotProps:W},ownerState:M});return l.jsxs(X,d({className:R(B.root,n),ref:t,ownerState:M,square:y},b,{children:[l.jsx(D.Provider,{value:V,children:P}),l.jsx(E,d({in:a,timeout:"auto"},_,{children:l.jsx("div",{"aria-labelledby":P.props.id,id:P.props["aria-controls"],role:"region",className:B.region,children:I})}))]}))});function Y(o){return $("MuiAccordionDetails",o)}N("MuiAccordionDetails",["root"]);const Z=["className"],oo=o=>{const{classes:s}=o;return G({root:["root"]},Y,s)},so=g("div",{name:"MuiAccordionDetails",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>({padding:o.spacing(1,2,2)})),go=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionDetails"}),{className:e}=r,n=w(r,Z),i=r,p=oo(i);return l.jsx(so,d({className:R(p.root,e),ref:t,ownerState:i},n))});function to(o){return $("MuiAccordionSummary",o)}const x=N("MuiAccordionSummary",["root","expanded","focusVisible","disabled","gutters","contentGutters","content","expandIconWrapper"]),ro=["children","className","expandIcon","focusVisibleClassName","onClick"],eo=o=>{const{classes:s,expanded:t,disabled:r,disableGutters:e}=o;return G({root:["root",t&&"expanded",r&&"disabled",!e&&"gutters"],focusVisible:["focusVisible"],content:["content",t&&"expanded",!e&&"contentGutters"],expandIconWrapper:["expandIconWrapper",t&&"expanded"]},to,s)},ao=g(z,{name:"MuiAccordionSummary",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{display:"flex",minHeight:48,padding:o.spacing(0,2),transition:o.transitions.create(["min-height","background-color"],s),[`&.${x.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},[`&.${x.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity},[`&:hover:not(.${x.disabled})`]:{cursor:"pointer"},variants:[{props:t=>!t.disableGutters,style:{[`&.${x.expanded}`]:{minHeight:64}}}]}}),no=g("div",{name:"MuiAccordionSummary",slot:"Content",overridesResolver:(o,s)=>s.content})(({theme:o})=>({display:"flex",flexGrow:1,margin:"12px 0",variants:[{props:s=>!s.disableGutters,style:{transition:o.transitions.create(["margin"],{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{margin:"20px 0"}}}]})),io=g("div",{name:"MuiAccordionSummary",slot:"ExpandIconWrapper",overridesResolver:(o,s)=>s.expandIconWrapper})(({theme:o})=>({display:"flex",color:(o.vars||o).palette.action.active,transform:"rotate(0deg)",transition:o.transitions.create("transform",{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{transform:"rotate(180deg)"}})),yo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionSummary"}),{children:e,className:n,expandIcon:i,focusVisibleClassName:p,onClick:u}=r,S=w(r,ro),{disabled:m=!1,disableGutters:y,expanded:C,toggle:v}=c.useContext(D),h=a=>{v&&v(a),u&&u(a)},f=d({},r,{expanded:C,disabled:m,disableGutters:y}),b=eo(f);return l.jsxs(ao,d({focusRipple:!1,disableRipple:!0,disabled:m,component:"div","aria-expanded":C,className:R(b.root,n),focusVisibleClassName:R(b.focusVisible,p),onClick:h,ref:t,ownerState:f},S,{children:[l.jsx(no,{className:b.content,ownerState:f,children:e}),i&&l.jsx(io,{className:b.expandIconWrapper,ownerState:f,children:i})]}))});export{xo as A,yo as a,go as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,j as e}from"./iframe-
|
|
1
|
+
import{r,j as e}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const d=r.forwardRef((o,l)=>e.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm6.666-.667v-2h1.334v2h2v1.334h-2v2H7.333v-2h-2V7.333h2Z",fill:"currentColor",fillRule:"evenodd"})})})),i=r.memo(d);i.displayName="AddCircleIcon";export{i as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as _,M as F,b as $,_ as R,a as l,c as p,d as z,e as m,f as b,l as f,al as V}from"./tableRowClasses-
|
|
1
|
+
import{N as _,M as F,b as $,_ as R,a as l,c as p,d as z,e as m,f as b,l as f,al as V}from"./tableRowClasses-SdduqaRI.js";import{j as e,r as P}from"./iframe-DE4RuJrv.js";import{u as I}from"./useSlot-CxZuq7zC.js";import{c as v}from"./createSvgIcon-DMOOI9wR.js";import{C as Z}from"./Close-Dcbwwr41.js";import{I as D}from"./IconButton-CY54VTm3.js";import{P as q}from"./Paper-Bv-8rqJG.js";import{T as G}from"./Typography-CAaRogW8.js";function J(t){return F("MuiAlert",t)}const S=_("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),K=v(e.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),Q=v(e.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),X=v(e.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),Y=v(e.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),tt=["action","children","className","closeText","color","components","componentsProps","icon","iconMapping","onClose","role","severity","slotProps","slots","variant"],ot=t=>{const{variant:s,color:r,severity:o,classes:a}=t,i={root:["root",`color${m(r||o)}`,`${s}${m(r||o)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return b(i,J,a)},st=p(q,{name:"MuiAlert",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:r}=t;return[s.root,s[r.variant],s[`${r.variant}${m(r.color||r.severity)}`]]}})(({theme:t})=>{const s=t.palette.mode==="light"?f.darken:f.lighten,r=t.palette.mode==="light"?f.lighten:f.darken;return l({},t.typography.body2,{backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"standard"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),backgroundColor:t.vars?t.vars.palette.Alert[`${o}StandardBg`]:r(t.palette[o].light,.9),[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"outlined"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),border:`1px solid ${(t.vars||t).palette[o].light}`,[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.dark).map(([o])=>({props:{colorSeverity:o,variant:"filled"},style:l({fontWeight:t.typography.fontWeightMedium},t.vars?{color:t.vars.palette.Alert[`${o}FilledColor`],backgroundColor:t.vars.palette.Alert[`${o}FilledBg`]}:{backgroundColor:t.palette.mode==="dark"?t.palette[o].dark:t.palette[o].main,color:t.palette.getContrastText(t.palette[o].main)})}))]})}),et=p("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(t,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),rt=p("div",{name:"MuiAlert",slot:"Message",overridesResolver:(t,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),j=p("div",{name:"MuiAlert",slot:"Action",overridesResolver:(t,s)=>s.action})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),h={success:e.jsx(K,{fontSize:"inherit"}),warning:e.jsx(Q,{fontSize:"inherit"}),error:e.jsx(X,{fontSize:"inherit"}),info:e.jsx(Y,{fontSize:"inherit"})},mt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlert"}),{action:a,children:i,className:d,closeText:u="Close",color:x,components:A={},componentsProps:T={},icon:C,iconMapping:L=h,onClose:y,role:k="alert",severity:g="success",slotProps:N={},slots:O={},variant:B="standard"}=o,W=R(o,tt),n=l({},o,{color:x,severity:g,variant:B,colorSeverity:x||g}),c=ot(n),M={slots:l({closeButton:A.CloseButton,closeIcon:A.CloseIcon},O),slotProps:l({},T,N)},[E,w]=I("closeButton",{elementType:D,externalForwardedProps:M,ownerState:n}),[U,H]=I("closeIcon",{elementType:Z,externalForwardedProps:M,ownerState:n});return e.jsxs(st,l({role:k,elevation:0,ownerState:n,className:z(c.root,d),ref:r},W,{children:[C!==!1?e.jsx(et,{ownerState:n,className:c.icon,children:C||L[g]||h[g]}):null,e.jsx(rt,{ownerState:n,className:c.message,children:i}),a!=null?e.jsx(j,{ownerState:n,className:c.action,children:a}):null,a==null&&y?e.jsx(j,{ownerState:n,className:c.action,children:e.jsx(E,l({size:"small","aria-label":u,title:u,color:"inherit",onClick:y},w,{children:e.jsx(U,l({fontSize:"small"},H))}))}):null]}))}),lt=["className"],nt=t=>{const{classes:s}=t;return b({root:["root"]},V,s)},at=p(G,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(t,s)=>s.root})(({theme:t})=>({fontWeight:t.typography.fontWeightMedium,marginTop:-2})),xt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlertTitle"}),{className:a}=o,i=R(o,lt),d=o,u=nt(d);return e.jsx(at,l({gutterBottom:!0,component:"div",ownerState:d,ref:r,className:z(u.root,a)},i))});export{mt as A,xt as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s as n}from"./tableRowClasses-
|
|
1
|
+
import{s as n}from"./tableRowClasses-SdduqaRI.js";import{j as o,r as d}from"./iframe-DE4RuJrv.js";import{u as a}from"./OdysseyThemeProvider-CCwl8LYd.js";import{T as h}from"./uiShellSharedConstants-CvCey4L_.js";import{M as m}from"./MuiPropsContext-Bg_x6l7d.js";import{M as u}from"./Tooltip-CtMQ7ejP.js";import{S as y}from"./Skeleton-B4juUFkj.js";const C=n("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({margin:"auto",marginBlockEnd:e.Spacing3,textAlign:"center"})),S=n("a",{shouldForwardProp:e=>!["isSelected","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,isSelected:i})=>({display:"inline-block",margin:"auto",padding:e.Spacing1,backgroundColor:i?e.PalettePrimaryLighter:"transparent",borderRadius:e.BorderRadiusTight,transition:`background-color ${e.TransitionDurationMain}`,"&:hover, &:focus":{backgroundColor:e.HueNeutral50}})),k=n("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"inline-block",margin:"auto",padding:e.Spacing1})),w=n("img",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"block",width:e.Spacing6,height:e.Spacing6})),A=({appIconDefaultUrl:e,appIconSelectedUrl:i,appName:L,label:s,linkUrl:r,selectedAppName:l})=>{const t=a(),p=L===l,c=d.useCallback(g=>o.jsx(S,{...g,"aria-current":p?"page":void 0,href:r,isSelected:p,odysseyDesignTokens:t,children:o.jsx(w,{odysseyDesignTokens:t,role:"presentation",src:p?i:e})}),[t,p,r,e,i]);return o.jsx(C,{odysseyDesignTokens:t,children:o.jsx(u,{ariaType:"label",placement:"right",text:s,translate:"no",children:o.jsx(m.Consumer,{children:c})})})},M=()=>{const e=a();return o.jsx(C,{odysseyDesignTokens:e,children:o.jsx(k,{odysseyDesignTokens:e,children:o.jsx(y,{height:e.Spacing6,variant:"rounded",width:e.Spacing6})})})};/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./iframe-
|
|
1
|
+
import{j as n}from"./iframe-DE4RuJrv.js";import{O as k}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{M as r}from"./AppSwitcher-BgQqDA5V.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./MuiPropsContext-Bg_x6l7d.js";import"./Tooltip-CtMQ7ejP.js";import"./Tooltip-DoyRbWb9.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./index-DBPVAcBX.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./ownerDocument-DW-IO8s5.js";import"./Skeleton-B4juUFkj.js";import"./colorManipulator-DlY4JhNG.js";const{expect:a,within:l}=__STORYBOOK_MODULE_TEST__,G={component:r,decorators:[k],parameters:{layout:"fullscreen"},argTypes:{appIcons:{description:"",table:{type:{summary:"Array<AppSwitcherAppIcon>"}}},isLoading:{control:"boolean"},selectedAppName:{description:"The App Instance app name that the UI is on",control:"text"}},args:{appIcons:[]}},o={args:{appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows all items",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(3),await a(e.queryByRole("link",{name:"Admin Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Workflows"})).toBeVisible()})}},i={args:{appIcons:[],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(0),await a(e.queryAllByRole("link")).toHaveLength(0)})}},p={args:{appIcons:[],isLoading:!0,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(0)})}};var c,d,m;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
appIcons: [{
|
|
4
4
|
appIconDefaultUrl: "/appswitcher/admin-app-default.svg",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as g,j as e}from"./iframe-CQjT1fxh.js";import{O as Be}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{s as u}from"./tableRowClasses-Bk1uFtwh.js";import{M as h}from"./Box-B3rdnavX.js";import{u as Ce}from"./OdysseyThemeProvider-BA0_xP7N.js";import{f as W,a as Se,c as Ie}from"./Typography-CjpHjc10.js";import{M as Pe}from"./Button-0PI4ljbj.js";import{S as f}from"./Skeleton-DxFSebyW.js";import{C as He,a as qe}from"./CardActionArea-CjEHgWqq.js";import{M as x}from"./TagList-CunLkaIS.js";import{M as r}from"./Tag-CYK8pNzu.js";import{M as we}from"./Drawer-CYAKZaWu.js";import{M as H}from"./Settings-CnuBvsmb.js";import{M as _e}from"./Status-DyDCzqET.js";import{M as j}from"./More-BAN0OFVF.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Box-CnVllI1S.js";import"./WarningFilled-DOHs-JmZ.js";import"./Typography-Jr4Brrb5.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./colorManipulator-BYcVMQmD.js";import"./Paper-vUVrw-QB.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./FullScreenOverlay-GJH3R5s4.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";const P="2.85714286rem",_="4.57142857rem",We="4.57142857rem",z=["comfortable","compact"],De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:_,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:_,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Oe=u(He,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),ze=u(qe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),Fe=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Oe,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(Ie,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:_,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(W,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Re=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Ee,title:y,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(De,{odysseyDesignTokens:m,variant:p,children:A}),y&&e.jsx(W,{component:"div",children:y}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,y,p]);return q?e.jsx(Fe,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!y,variant:p}):e.jsxs(Oe,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(ke,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(Pe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Re);l.displayName="AppTile";const{fn:o}=__STORYBOOK_MODULE_TEST__,Rt={component:l,decorators:[Be],argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:z,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:z[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"},tags:["labs-export"]},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},I={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},w={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},D={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},k={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},O={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},E={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(_e,{label:"Active",severity:"success"})}),e.jsx(W,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,R,N;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
|
|
1
|
+
import{r as g,j as e}from"./iframe-DE4RuJrv.js";import{O as Be}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{s as u}from"./tableRowClasses-SdduqaRI.js";import{M as h}from"./Box-GItunEmH.js";import{u as Ce}from"./OdysseyThemeProvider-CCwl8LYd.js";import{f as W,a as Se,c as Ie}from"./Typography-B7LPQ65D.js";import{M as Pe}from"./Button-BsIMaHFP.js";import{S as f}from"./Skeleton-B4juUFkj.js";import{C as He,a as qe}from"./CardActionArea-Dz07RUxL.js";import{M as x}from"./TagList-BzCEw4W6.js";import{M as r}from"./Tag-c92hpyWa.js";import{M as we}from"./Drawer-Bw4XHP_g.js";import{M as H}from"./Settings-D7DZLft8.js";import{M as _e}from"./Status-BzfvgnE8.js";import{M as j}from"./More-C9jx0DT3.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-DcPUBV1N.js";import"./WarningFilled-qIqi4h0v.js";import"./Typography-CAaRogW8.js";import"./BaseButton-BMsK9NzI.js";import"./MuiPropsContext-Bg_x6l7d.js";import"./Tooltip-CtMQ7ejP.js";import"./Tooltip-DoyRbWb9.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./index-DBPVAcBX.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-DU6-loxu.js";import"./ButtonBase-CKEbMwnW.js";import"./colorManipulator-DlY4JhNG.js";import"./Paper-Bv-8rqJG.js";import"./Stack-Ds5ITe5E.js";import"./createStyled-C3GEIcOd.js";import"./useThemeProps-BDmyOQ5c.js";import"./Chip-CHLAMh3i.js";import"./createSvgIcon-DMOOI9wR.js";import"./FullScreenOverlay-BJrXEpo4.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-C2qslhip.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DrCoA42j.js";const P="2.85714286rem",_="4.57142857rem",We="4.57142857rem",z=["comfortable","compact"],De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:_,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:_,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Oe=u(He,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),ze=u(qe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),Fe=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Oe,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(Ie,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:_,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(W,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Re=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Ee,title:y,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(De,{odysseyDesignTokens:m,variant:p,children:A}),y&&e.jsx(W,{component:"div",children:y}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,y,p]);return q?e.jsx(Fe,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!y,variant:p}):e.jsxs(Oe,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(ke,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(Pe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Re);l.displayName="AppTile";const{fn:o}=__STORYBOOK_MODULE_TEST__,Rt={component:l,decorators:[Be],argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:z,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:z[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"},tags:["labs-export"]},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},I={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},w={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},D={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},k={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},O={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},E={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(_e,{label:"Active",severity:"success"})}),e.jsx(W,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,R,N;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
children: <TagList>
|
|
4
4
|
<Tag label="Tag 1" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n,W as s,N as i,M as e}from"./tableRowClasses-
|
|
1
|
+
import{a as n,W as s,N as i,M as e}from"./tableRowClasses-SdduqaRI.js";import{j as u}from"./iframe-DE4RuJrv.js";import{c as o}from"./createSvgIcon-DMOOI9wR.js";function p(t){return e("MuiInput",t)}const d=n({},s,i("MuiInput",["root","underline","input"]));function I(t){return e("MuiOutlinedInput",t)}const c=n({},s,i("MuiOutlinedInput",["root","notchedOutline","input"]));function C(t){return e("MuiFilledInput",t)}const f=n({},s,i("MuiFilledInput",["root","underline","input"])),M=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{M as A,p as a,I as b,f,C as g,d as i,c as o};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,j as r}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m3.098 8.707 3.097 3.098.943-.943-2.195-2.195h8.39V7.333h-8.39l2.195-2.195-.943-.943-3.097 3.098a1 1 0 0 0 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(l);s.displayName="ArrowLeftIcon";export{s as M};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,j as r}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M12.902 7.293 9.805 4.195l-.943.943 2.195 2.195h-8.39v1.334h8.39l-2.195 2.195.943.943 3.097-3.098a1 1 0 0 0 0-1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(l);i.displayName="ArrowRightIcon";export{i as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{z as Pt,a as O,b as $t,_ as _e,c as M,d as ye,e as bt,f as Ct,ad as yt,ae as s,W as oe,l as tt}from"./tableRowClasses-Bk1uFtwh.js";import{r as b,j as I}from"./iframe-CQjT1fxh.js";import{A as vt,f as de,o as dt,i as ot}from"./ArrowDropDown-BbLKA4fg.js";import{C as At}from"./Close-CELHOmN_.js";import{P as xt}from"./Paper-vUVrw-QB.js";import{P as It}from"./Popper-CISS1LuJ.js";import{u as nt}from"./useControlled-BUhC7uWK.js";import{u as je}from"./TransitionGroupContext-yBqGXZYI.js";import{s as Lt,u as St}from"./useIsFocusVisible-D1xCTBdT.js";import{C as Tt}from"./Chip-BgPaZbUf.js";import{I as Ot}from"./IconButton-BPR_sq0F.js";import{L as Rt}from"./ListSubheader-Dwx7m0BA.js";const kt=o=>{const l=b.useRef({});return b.useEffect(()=>{l.current=o}),l.current};function ft(o){return typeof o.normalize<"u"?o.normalize("NFD").replace(/[\u0300-\u036f]/g,""):o}function wt(o={}){const{ignoreAccents:l=!0,ignoreCase:f=!0,limit:A,matchFrom:H="any",stringify:D,trim:T=!1}=o;return(m,{inputValue:Q,getOptionLabel:U})=>{let R=T?Q.trim():Q;f&&(R=R.toLowerCase()),l&&(R=ft(R));const X=R?m.filter(fe=>{let k=(D||U)(fe);return f&&(k=k.toLowerCase()),l&&(k=ft(k)),H==="start"?k.indexOf(R)===0:k.indexOf(R)>-1}):m;return typeof A=="number"?X.slice(0,A):X}}function Be(o,l){for(let f=0;f<o.length;f+=1)if(l(o[f]))return f;return-1}const Dt=wt(),gt=5,Nt=o=>{var l;return o.current!==null&&((l=o.current.parentElement)==null?void 0:l.contains(document.activeElement))},Et=[];function Ft(o){const{unstable_isActiveElementInListbox:l=Nt,unstable_classNamePrefix:f="Mui",autoComplete:A=!1,autoHighlight:H=!1,autoSelect:D=!1,blurOnSelect:T=!1,clearOnBlur:m=!o.freeSolo,clearOnEscape:Q=!1,componentName:U="useAutocomplete",defaultValue:R=o.multiple?Et:null,disableClearable:X=!1,disableCloseOnSelect:fe=!1,disabled:k,disabledItemsFocusable:We=!1,disableListWrap:Ge=!1,filterOptions:rt=Dt,filterSelectedOptions:ge=!1,freeSolo:K=!1,getOptionDisabled:j,getOptionKey:Ue,getOptionLabel:ve=t=>{var e;return(e=t.label)!=null?e:t},groupBy:me,handleHomeEndKeys:q=!o.freeSolo,id:lt,includeInputInList:Ke=!1,inputValue:Ae,isOptionEqualToValue:ne=(t,e)=>t===e,multiple:u=!1,onChange:he,onClose:Le,onHighlightChange:Se,onInputChange:B,onOpen:Te,open:at,openOnFocus:st=!1,options:be,readOnly:Y=!1,selectOnFocus:xe=!o.freeSolo,value:Re}=o,L=Pt(lt);let C=ve;C=t=>{const e=ve(t);return typeof e!="string"?String(e):e};const Ie=b.useRef(!1),ke=b.useRef(!0),h=b.useRef(null),S=b.useRef(null),[re,qe]=b.useState(null),[y,Oe]=b.useState(-1),we=H?0:-1,P=b.useRef(we),[a,it]=nt({controlled:Re,default:R,name:U}),[p,W]=nt({controlled:Ae,default:"",name:U,state:"inputValue"}),[le,De]=b.useState(!1),Z=b.useCallback((t,e)=>{if(!(u?a.length<e.length:e!==null)&&!m)return;let r;if(u)r="";else if(e==null)r="";else{const i=C(e);r=typeof i=="string"?i:""}p!==r&&(W(r),B&&B(t,r,"reset"))},[C,p,u,B,W,m,a]),[J,Ne]=nt({controlled:at,default:!1,name:U,state:"open"}),[Je,Ee]=b.useState(!0),Fe=!u&&a!=null&&p===C(a),v=J&&!Y,c=v?rt(be.filter(t=>!(ge&&(u?a:[a]).some(e=>e!==null&&ne(t,e)))),{inputValue:Fe&&Je?"":p,getOptionLabel:C}):[],N=kt({filteredOptions:c,value:a,inputValue:p});b.useEffect(()=>{const t=a!==N.value;le&&!t||K&&!t||Z(null,a)},[a,Z,le,N.value,K]);const Pe=J&&c.length>0&&!Y,ae=je(t=>{t===-1?h.current.focus():re.querySelector(`[data-tag-index="${t}"]`).focus()});b.useEffect(()=>{u&&y>a.length-1&&(Oe(-1),ae(-1))},[a,u,y,ae]);function se(t,e){if(!S.current||t<0||t>=c.length)return-1;let n=t;for(;;){const r=S.current.querySelector(`[data-option-index="${n}"]`),i=We?!1:!r||r.disabled||r.getAttribute("aria-disabled")==="true";if(r&&r.hasAttribute("tabindex")&&!i)return n;if(e==="next"?n=(n+1)%c.length:n=(n-1+c.length)%c.length,n===t)return-1}}const z=je(({event:t,index:e,reason:n="auto"})=>{if(P.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${L}-option-${e}`),Se&&Se(t,e===-1?null:c[e],n),!S.current)return;const r=S.current.querySelector(`[role="option"].${f}-focused`);r&&(r.classList.remove(`${f}-focused`),r.classList.remove(`${f}-focusVisible`));let i=S.current;if(S.current.getAttribute("role")!=="listbox"&&(i=S.current.parentElement.querySelector('[role="listbox"]')),!i)return;if(e===-1){i.scrollTop=0;return}const d=S.current.querySelector(`[data-option-index="${e}"]`);if(d&&(d.classList.add(`${f}-focused`),n==="keyboard"&&d.classList.add(`${f}-focusVisible`),i.scrollHeight>i.clientHeight&&n!=="mouse"&&n!=="touch")){const g=d,_=i.clientHeight+i.scrollTop,ct=g.offsetTop+g.offsetHeight;ct>_?i.scrollTop=ct-i.clientHeight:g.offsetTop-g.offsetHeight*(me?1.3:0)<i.scrollTop&&(i.scrollTop=g.offsetTop-g.offsetHeight*(me?1.3:0))}}),E=je(({event:t,diff:e,direction:n="next",reason:r="auto"})=>{if(!v)return;const d=se((()=>{const g=c.length-1;if(e==="reset")return we;if(e==="start")return 0;if(e==="end")return g;const _=P.current+e;return _<0?_===-1&&Ke?-1:Ge&&P.current!==-1||Math.abs(e)>1?0:g:_>g?_===g+1&&Ke?-1:Ge||Math.abs(e)>1?g:0:_})(),n);if(z({index:d,reason:r,event:t}),A&&e!=="reset")if(d===-1)h.current.value=p;else{const g=C(c[d]);h.current.value=g,g.toLowerCase().indexOf(p.toLowerCase())===0&&p.length>0&&h.current.setSelectionRange(p.length,g.length)}}),ie=()=>{const t=(e,n)=>{const r=e?C(e):"",i=n?C(n):"";return r===i};if(P.current!==-1&&N.filteredOptions&&N.filteredOptions.length!==c.length&&N.inputValue===p&&(u?a.length===N.value.length&&N.value.every((e,n)=>C(a[n])===C(e)):t(N.value,a))){const e=N.filteredOptions[P.current];if(e)return Be(c,n=>C(n)===C(e))}return-1},$e=b.useCallback(()=>{if(!v)return;const t=ie();if(t!==-1){P.current=t;return}const e=u?a[0]:a;if(c.length===0||e==null){E({diff:"reset"});return}if(S.current){if(e!=null){const n=c[P.current];if(u&&n&&Be(a,i=>ne(n,i))!==-1)return;const r=Be(c,i=>ne(i,e));r===-1?E({diff:"reset"}):z({index:r});return}if(P.current>=c.length-1){z({index:c.length-1});return}z({index:P.current})}},[c.length,u?!1:a,ge,E,z,v,p,u]),Qe=je(t=>{Lt(S,t),t&&$e()});b.useEffect(()=>{$e()},[$e]);const w=t=>{J||(Ne(!0),Ee(!0),Te&&Te(t))},G=(t,e)=>{J&&(Ne(!1),Le&&Le(t,e))},V=(t,e,n,r)=>{if(u){if(a.length===e.length&&a.every((i,d)=>i===e[d]))return}else if(a===e)return;he&&he(t,e,n,r),it(e)},pe=b.useRef(!1),ee=(t,e,n="selectOption",r="options")=>{let i=n,d=e;if(u){d=Array.isArray(a)?a.slice():[];const g=Be(d,_=>ne(e,_));g===-1?d.push(e):r!=="freeSolo"&&(d.splice(g,1),i="removeOption")}Z(t,d),V(t,d,i,{option:e}),!fe&&(!t||!t.ctrlKey&&!t.metaKey)&&G(t,i),(T===!0||T==="touch"&&pe.current||T==="mouse"&&!pe.current)&&h.current.blur()};function Me(t,e){if(t===-1)return-1;let n=t;for(;;){if(e==="next"&&n===a.length||e==="previous"&&n===-1)return-1;const r=re.querySelector(`[data-tag-index="${n}"]`);if(!r||!r.hasAttribute("tabindex")||r.disabled||r.getAttribute("aria-disabled")==="true")n+=e==="next"?1:-1;else return n}}const He=(t,e)=>{if(!u)return;p===""&&G(t,"toggleInput");let n=y;y===-1?p===""&&e==="previous"&&(n=a.length-1):(n+=e==="next"?1:-1,n<0&&(n=0),n===a.length&&(n=-1)),n=Me(n,e),Oe(n),ae(n)},ze=t=>{Ie.current=!0,W(""),B&&B(t,"","clear"),V(t,u?[]:null,"clear")},Xe=t=>e=>{if(t.onKeyDown&&t.onKeyDown(e),!e.defaultMuiPrevented&&(y!==-1&&["ArrowLeft","ArrowRight"].indexOf(e.key)===-1&&(Oe(-1),ae(-1)),e.which!==229))switch(e.key){case"Home":v&&q&&(e.preventDefault(),E({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":v&&q&&(e.preventDefault(),E({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),E({diff:-gt,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),E({diff:gt,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowDown":e.preventDefault(),E({diff:1,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowUp":e.preventDefault(),E({diff:-1,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"ArrowLeft":He(e,"previous");break;case"ArrowRight":He(e,"next");break;case"Enter":if(P.current!==-1&&v){const n=c[P.current],r=j?j(n):!1;if(e.preventDefault(),r)return;ee(e,n,"selectOption"),A&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else K&&p!==""&&Fe===!1&&(u&&e.preventDefault(),ee(e,p,"createOption","freeSolo"));break;case"Escape":v?(e.preventDefault(),e.stopPropagation(),G(e,"escape")):Q&&(p!==""||u&&a.length>0)&&(e.preventDefault(),e.stopPropagation(),ze(e));break;case"Backspace":if(u&&!Y&&p===""&&a.length>0){const n=y===-1?a.length-1:y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break;case"Delete":if(u&&!Y&&p===""&&a.length>0&&y!==-1){const n=y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break}},pt=t=>{De(!0),st&&!Ie.current&&w(t)},ue=t=>{if(l(S)){h.current.focus();return}De(!1),ke.current=!0,Ie.current=!1,D&&P.current!==-1&&v?ee(t,c[P.current],"blur"):D&&K&&p!==""?ee(t,p,"blur","freeSolo"):m&&Z(t,a),G(t,"blur")},$=t=>{const e=t.target.value;p!==e&&(W(e),Ee(!1),B&&B(t,e,"input")),e===""?!X&&!u&&V(t,null,"clear"):w(t)},x=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));P.current!==e&&z({event:t,index:e,reason:"mouse"})},F=t=>{z({event:t,index:Number(t.currentTarget.getAttribute("data-option-index")),reason:"touch"}),pe.current=!0},ut=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));ee(t,c[e],"selectOption"),pe.current=!1},Ye=t=>e=>{const n=a.slice();n.splice(t,1),V(e,n,"removeOption",{option:a[t]})},Ze=t=>{J?G(t,"toggleInput"):w(t)},et=t=>{t.currentTarget.contains(t.target)&&t.target.getAttribute("id")!==L&&t.preventDefault()},Ve=t=>{t.currentTarget.contains(t.target)&&(h.current.focus(),xe&&ke.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),ke.current=!1)},Ce=t=>{!k&&(p===""||!J)&&Ze(t)};let te=K&&p.length>0;te=te||(u?a.length>0:a!==null);let ce=c;return me&&(ce=c.reduce((t,e,n)=>{const r=me(e);return t.length>0&&t[t.length-1].group===r?t[t.length-1].options.push(e):t.push({key:n,index:n,group:r,options:[e]}),t},[])),k&&le&&ue(),{getRootProps:(t={})=>O({"aria-owns":Pe?`${L}-listbox`:null},t,{onKeyDown:Xe(t),onMouseDown:et,onClick:Ve}),getInputLabelProps:()=>({id:`${L}-label`,htmlFor:L}),getInputProps:()=>({id:L,value:p,onBlur:ue,onFocus:pt,onChange:$,onMouseDown:Ce,"aria-activedescendant":v?"":null,"aria-autocomplete":A?"both":"list","aria-controls":Pe?`${L}-listbox`:void 0,"aria-expanded":Pe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:k}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ze}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:Ze}),getTagProps:({index:t})=>O({key:t,"data-tag-index":t,tabIndex:-1},!Y&&{onDelete:Ye(t)}),getListboxProps:()=>({role:"listbox",id:`${L}-listbox`,"aria-labelledby":`${L}-label`,ref:Qe,onMouseDown:t=>{t.preventDefault()}}),getOptionProps:({index:t,option:e})=>{var n;const r=(u?a:[a]).some(d=>d!=null&&ne(e,d)),i=j?j(e):!1;return{key:(n=Ue==null?void 0:Ue(e))!=null?n:C(e),tabIndex:-1,role:"option",id:`${L}-option-${t}`,onMouseMove:x,onClick:ut,onTouchStart:F,"data-option-index":t,"aria-disabled":i,"aria-selected":r}},id:L,inputValue:p,value:a,dirty:te,expanded:v&&re,popupOpen:v,focused:le||y!==-1,anchorEl:re,setAnchorEl:qe,focusedTag:y,groupedOptions:ce}}var mt,ht;const Mt=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionKey","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","slotProps","value"],Ht=["ref"],zt=["key"],Vt=["key"],_t=o=>{const{classes:l,disablePortal:f,expanded:A,focused:H,fullWidth:D,hasClearIcon:T,hasPopupIcon:m,inputFocused:Q,popupOpen:U,size:R}=o,X={root:["root",A&&"expanded",H&&"focused",D&&"fullWidth",T&&"hasClearIcon",m&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",Q&&"inputFocused"],tag:["tag",`tagSize${bt(R)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",U&&"popupIndicatorOpen"],popper:["popper",f&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return Ct(X,yt,l)},jt=M("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(o,l)=>{const{ownerState:f}=o,{fullWidth:A,hasClearIcon:H,hasPopupIcon:D,inputFocused:T,size:m}=f;return[{[`& .${s.tag}`]:l.tag},{[`& .${s.tag}`]:l[`tagSize${bt(m)}`]},{[`& .${s.inputRoot}`]:l.inputRoot},{[`& .${s.input}`]:l.input},{[`& .${s.input}`]:T&&l.inputFocused},l.root,A&&l.fullWidth,D&&l.hasPopupIcon,H&&l.hasClearIcon]}})({[`&.${s.focused} .${s.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${s.clearIndicator}`]:{visibility:"visible"}},[`& .${s.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${s.inputRoot}`]:{[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:30},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:56},[`& .${s.input}`]:{width:0,minWidth:30}},[`& .${ot.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${ot.root}.${oe.sizeSmall}`]:{[`& .${ot.input}`]:{padding:"2px 4px 3px 0"}},[`& .${dt.root}`]:{padding:9,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${s.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${dt.root}.${oe.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${s.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${de.root}`]:{paddingTop:19,paddingLeft:8,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${de.input}`]:{padding:"7px 4px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${de.root}.${oe.sizeSmall}`]:{paddingBottom:1,[`& .${de.input}`]:{padding:"2.5px 4px"}},[`& .${oe.hiddenLabel}`]:{paddingTop:8},[`& .${de.root}.${oe.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${s.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${de.root}.${oe.hiddenLabel}.${oe.sizeSmall}`]:{[`& .${s.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${s.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${s.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${s.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${s.inputRoot}`]:{flexWrap:"wrap"}}}]}),Bt=M("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(o,l)=>l.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Wt=M(Ot,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(o,l)=>l.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),Gt=M(Ot,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:o},l)=>O({},l.popupIndicator,o.popupOpen&&l.popupIndicatorOpen)})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),Ut=M(It,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(o,l)=>{const{ownerState:f}=o;return[{[`& .${s.option}`]:l.option},l.popper,f.disablePortal&&l.popperDisablePortal]}})(({theme:o})=>({zIndex:(o.vars||o).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]})),Kt=M(xt,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(o,l)=>l.paper})(({theme:o})=>O({},o.typography.body1,{overflow:"auto"})),qt=M("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(o,l)=>l.loading})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Jt=M("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(o,l)=>l.noOptions})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Qt=M("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(o,l)=>l.listbox})(({theme:o})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${s.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[o.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${s.focused}`]:{backgroundColor:(o.vars||o).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(o.vars||o).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${s.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity),[`&.${s.focused}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(o.vars||o).palette.action.selected}},[`&.${s.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}}}})),Xt=M(Rt,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(o,l)=>l.groupLabel})(({theme:o})=>({backgroundColor:(o.vars||o).palette.background.paper,top:-8})),Yt=M("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(o,l)=>l.groupUl})({padding:0,[`& .${s.option}`]:{paddingLeft:24}}),co=b.forwardRef(function(l,f){var A,H,D,T;const m=$t({props:l,name:"MuiAutocomplete"}),{autoComplete:Q=!1,autoHighlight:U=!1,autoSelect:R=!1,blurOnSelect:X=!1,ChipProps:fe,className:k,clearIcon:We=mt||(mt=I.jsx(At,{fontSize:"small"})),clearOnBlur:Ge=!m.freeSolo,clearOnEscape:rt=!1,clearText:ge="Clear",closeText:K="Close",componentsProps:j={},defaultValue:Ue=m.multiple?[]:null,disableClearable:ve=!1,disableCloseOnSelect:me=!1,disabled:q=!1,disabledItemsFocusable:lt=!1,disableListWrap:Ke=!1,disablePortal:Ae=!1,filterSelectedOptions:ne=!1,forcePopupIcon:u="auto",freeSolo:he=!1,fullWidth:Le=!1,getLimitTagsText:Se=e=>`+${e}`,getOptionLabel:B,groupBy:Te,handleHomeEndKeys:at=!m.freeSolo,includeInputInList:st=!1,limitTags:be=-1,ListboxComponent:Y="ul",ListboxProps:xe,loading:Re=!1,loadingText:L="Loading…",multiple:C=!1,noOptionsText:Ie="No options",openOnFocus:ke=!1,openText:h="Open",PaperComponent:S=xt,PopperComponent:re=It,popupIcon:qe=ht||(ht=I.jsx(vt,{})),readOnly:y=!1,renderGroup:Oe,renderInput:we,renderOption:P,renderTags:a,selectOnFocus:it=!m.freeSolo,size:p="medium",slotProps:W={}}=m,le=_e(m,Mt),{getRootProps:De,getInputProps:Z,getInputLabelProps:J,getPopupIndicatorProps:Ne,getClearProps:Je,getTagProps:Ee,getListboxProps:Fe,getOptionProps:v,value:c,dirty:N,expanded:Pe,id:ae,popupOpen:se,focused:z,focusedTag:E,anchorEl:ie,setAnchorEl:$e,inputValue:Qe,groupedOptions:w}=Ft(O({},m,{componentName:"Autocomplete"})),G=!ve&&!q&&N&&!y,V=(!he||u===!0)&&u!==!1,{onMouseDown:pe}=Z(),{ref:ee}=xe??{},Me=Fe(),{ref:He}=Me,ze=_e(Me,Ht),Xe=St(He,ee),ue=B||(e=>{var n;return(n=e.label)!=null?n:e}),$=O({},m,{disablePortal:Ae,expanded:Pe,focused:z,fullWidth:Le,getOptionLabel:ue,hasClearIcon:G,hasPopupIcon:V,inputFocused:E===-1,popupOpen:se,size:p}),x=_t($);let F;if(C&&c.length>0){const e=n=>O({className:x.tag,disabled:q},Ee(n));a?F=a(c,e,$):F=c.map((n,r)=>{const i=e({index:r}),{key:d}=i,g=_e(i,zt);return I.jsx(Tt,O({label:ue(n),size:p},g,fe),d)})}if(be>-1&&Array.isArray(F)){const e=F.length-be;!z&&e>0&&(F=F.splice(0,be),F.push(I.jsx("span",{className:x.tag,children:Se(e)},F.length)))}const Ye=Oe||(e=>I.jsxs("li",{children:[I.jsx(Xt,{className:x.groupLabel,ownerState:$,component:"div",children:e.group}),I.jsx(Yt,{className:x.groupUl,ownerState:$,children:e.children})]},e.key)),et=P||((e,n)=>{const{key:r}=e,i=_e(e,Vt);return I.jsx("li",O({},i,{children:ue(n)}),r)}),Ve=(e,n)=>{const r=v({option:e,index:n});return et(O({},r,{className:x.option}),e,{selected:r["aria-selected"],index:n,inputValue:Qe},$)},Ce=(A=W.clearIndicator)!=null?A:j.clearIndicator,te=(H=W.paper)!=null?H:j.paper,ce=(D=W.popper)!=null?D:j.popper,t=(T=W.popupIndicator)!=null?T:j.popupIndicator;return I.jsxs(b.Fragment,{children:[I.jsx(jt,O({ref:f,className:ye(x.root,k),ownerState:$},De(le),{children:we({id:ae,disabled:q,fullWidth:!0,size:p==="small"?"small":void 0,InputLabelProps:J(),InputProps:O({ref:$e,className:x.inputRoot,startAdornment:F,onClick:e=>{e.target===e.currentTarget&&pe(e)}},(G||V)&&{endAdornment:I.jsxs(Bt,{className:x.endAdornment,ownerState:$,children:[G?I.jsx(Wt,O({},Je(),{"aria-label":ge,title:ge,ownerState:$},Ce,{className:ye(x.clearIndicator,Ce==null?void 0:Ce.className),children:We})):null,V?I.jsx(Gt,O({},Ne(),{disabled:q,"aria-label":se?K:h,title:se?K:h,ownerState:$},t,{className:ye(x.popupIndicator,t==null?void 0:t.className),children:qe})):null]})}),inputProps:O({className:x.input,disabled:q,readOnly:y},Z())})})),ie?I.jsx(Ut,O({as:re,disablePortal:Ae,style:{width:ie?ie.clientWidth:null},ownerState:$,role:"presentation",anchorEl:ie,open:se},ce,{className:ye(x.popper,ce==null?void 0:ce.className),children:I.jsxs(Kt,O({ownerState:$,as:S},te,{className:ye(x.paper,te==null?void 0:te.className),children:[Re&&w.length===0?I.jsx(qt,{className:x.loading,ownerState:$,children:L}):null,w.length===0&&!he&&!Re?I.jsx(Jt,{className:x.noOptions,ownerState:$,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:Ie}):null,w.length>0?I.jsx(Qt,O({as:Y,className:x.listbox,ownerState:$},ze,xe,{ref:Xe,children:w.map((e,n)=>Te?Ye({key:e.key,group:e.group,children:e.options.map((r,i)=>Ve(r,e.index+i))}):Ve(e,n))})):null]}))})):null]})});export{co as A,kt as u};
|
|
1
|
+
import{z as Pt,a as O,b as $t,_ as _e,c as M,d as ye,e as bt,f as Ct,ad as yt,ae as s,W as oe,l as tt}from"./tableRowClasses-SdduqaRI.js";import{r as b,j as I}from"./iframe-DE4RuJrv.js";import{A as vt,f as de,o as dt,i as ot}from"./ArrowDropDown-C5eUsI_E.js";import{C as At}from"./Close-Dcbwwr41.js";import{P as xt}from"./Paper-Bv-8rqJG.js";import{P as It}from"./Popper-DAO3a_fx.js";import{u as nt}from"./useControlled-0vpPKndq.js";import{u as je}from"./TransitionGroupContext-FeNnDXqj.js";import{s as Lt,u as St}from"./useIsFocusVisible-DEbTNWvz.js";import{C as Tt}from"./Chip-CHLAMh3i.js";import{I as Ot}from"./IconButton-CY54VTm3.js";import{L as Rt}from"./ListSubheader-DROGdpSN.js";const kt=o=>{const l=b.useRef({});return b.useEffect(()=>{l.current=o}),l.current};function ft(o){return typeof o.normalize<"u"?o.normalize("NFD").replace(/[\u0300-\u036f]/g,""):o}function wt(o={}){const{ignoreAccents:l=!0,ignoreCase:f=!0,limit:A,matchFrom:H="any",stringify:D,trim:T=!1}=o;return(m,{inputValue:Q,getOptionLabel:U})=>{let R=T?Q.trim():Q;f&&(R=R.toLowerCase()),l&&(R=ft(R));const X=R?m.filter(fe=>{let k=(D||U)(fe);return f&&(k=k.toLowerCase()),l&&(k=ft(k)),H==="start"?k.indexOf(R)===0:k.indexOf(R)>-1}):m;return typeof A=="number"?X.slice(0,A):X}}function Be(o,l){for(let f=0;f<o.length;f+=1)if(l(o[f]))return f;return-1}const Dt=wt(),gt=5,Nt=o=>{var l;return o.current!==null&&((l=o.current.parentElement)==null?void 0:l.contains(document.activeElement))},Et=[];function Ft(o){const{unstable_isActiveElementInListbox:l=Nt,unstable_classNamePrefix:f="Mui",autoComplete:A=!1,autoHighlight:H=!1,autoSelect:D=!1,blurOnSelect:T=!1,clearOnBlur:m=!o.freeSolo,clearOnEscape:Q=!1,componentName:U="useAutocomplete",defaultValue:R=o.multiple?Et:null,disableClearable:X=!1,disableCloseOnSelect:fe=!1,disabled:k,disabledItemsFocusable:We=!1,disableListWrap:Ge=!1,filterOptions:rt=Dt,filterSelectedOptions:ge=!1,freeSolo:K=!1,getOptionDisabled:j,getOptionKey:Ue,getOptionLabel:ve=t=>{var e;return(e=t.label)!=null?e:t},groupBy:me,handleHomeEndKeys:q=!o.freeSolo,id:lt,includeInputInList:Ke=!1,inputValue:Ae,isOptionEqualToValue:ne=(t,e)=>t===e,multiple:u=!1,onChange:he,onClose:Le,onHighlightChange:Se,onInputChange:B,onOpen:Te,open:at,openOnFocus:st=!1,options:be,readOnly:Y=!1,selectOnFocus:xe=!o.freeSolo,value:Re}=o,L=Pt(lt);let C=ve;C=t=>{const e=ve(t);return typeof e!="string"?String(e):e};const Ie=b.useRef(!1),ke=b.useRef(!0),h=b.useRef(null),S=b.useRef(null),[re,qe]=b.useState(null),[y,Oe]=b.useState(-1),we=H?0:-1,P=b.useRef(we),[a,it]=nt({controlled:Re,default:R,name:U}),[p,W]=nt({controlled:Ae,default:"",name:U,state:"inputValue"}),[le,De]=b.useState(!1),Z=b.useCallback((t,e)=>{if(!(u?a.length<e.length:e!==null)&&!m)return;let r;if(u)r="";else if(e==null)r="";else{const i=C(e);r=typeof i=="string"?i:""}p!==r&&(W(r),B&&B(t,r,"reset"))},[C,p,u,B,W,m,a]),[J,Ne]=nt({controlled:at,default:!1,name:U,state:"open"}),[Je,Ee]=b.useState(!0),Fe=!u&&a!=null&&p===C(a),v=J&&!Y,c=v?rt(be.filter(t=>!(ge&&(u?a:[a]).some(e=>e!==null&&ne(t,e)))),{inputValue:Fe&&Je?"":p,getOptionLabel:C}):[],N=kt({filteredOptions:c,value:a,inputValue:p});b.useEffect(()=>{const t=a!==N.value;le&&!t||K&&!t||Z(null,a)},[a,Z,le,N.value,K]);const Pe=J&&c.length>0&&!Y,ae=je(t=>{t===-1?h.current.focus():re.querySelector(`[data-tag-index="${t}"]`).focus()});b.useEffect(()=>{u&&y>a.length-1&&(Oe(-1),ae(-1))},[a,u,y,ae]);function se(t,e){if(!S.current||t<0||t>=c.length)return-1;let n=t;for(;;){const r=S.current.querySelector(`[data-option-index="${n}"]`),i=We?!1:!r||r.disabled||r.getAttribute("aria-disabled")==="true";if(r&&r.hasAttribute("tabindex")&&!i)return n;if(e==="next"?n=(n+1)%c.length:n=(n-1+c.length)%c.length,n===t)return-1}}const z=je(({event:t,index:e,reason:n="auto"})=>{if(P.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${L}-option-${e}`),Se&&Se(t,e===-1?null:c[e],n),!S.current)return;const r=S.current.querySelector(`[role="option"].${f}-focused`);r&&(r.classList.remove(`${f}-focused`),r.classList.remove(`${f}-focusVisible`));let i=S.current;if(S.current.getAttribute("role")!=="listbox"&&(i=S.current.parentElement.querySelector('[role="listbox"]')),!i)return;if(e===-1){i.scrollTop=0;return}const d=S.current.querySelector(`[data-option-index="${e}"]`);if(d&&(d.classList.add(`${f}-focused`),n==="keyboard"&&d.classList.add(`${f}-focusVisible`),i.scrollHeight>i.clientHeight&&n!=="mouse"&&n!=="touch")){const g=d,_=i.clientHeight+i.scrollTop,ct=g.offsetTop+g.offsetHeight;ct>_?i.scrollTop=ct-i.clientHeight:g.offsetTop-g.offsetHeight*(me?1.3:0)<i.scrollTop&&(i.scrollTop=g.offsetTop-g.offsetHeight*(me?1.3:0))}}),E=je(({event:t,diff:e,direction:n="next",reason:r="auto"})=>{if(!v)return;const d=se((()=>{const g=c.length-1;if(e==="reset")return we;if(e==="start")return 0;if(e==="end")return g;const _=P.current+e;return _<0?_===-1&&Ke?-1:Ge&&P.current!==-1||Math.abs(e)>1?0:g:_>g?_===g+1&&Ke?-1:Ge||Math.abs(e)>1?g:0:_})(),n);if(z({index:d,reason:r,event:t}),A&&e!=="reset")if(d===-1)h.current.value=p;else{const g=C(c[d]);h.current.value=g,g.toLowerCase().indexOf(p.toLowerCase())===0&&p.length>0&&h.current.setSelectionRange(p.length,g.length)}}),ie=()=>{const t=(e,n)=>{const r=e?C(e):"",i=n?C(n):"";return r===i};if(P.current!==-1&&N.filteredOptions&&N.filteredOptions.length!==c.length&&N.inputValue===p&&(u?a.length===N.value.length&&N.value.every((e,n)=>C(a[n])===C(e)):t(N.value,a))){const e=N.filteredOptions[P.current];if(e)return Be(c,n=>C(n)===C(e))}return-1},$e=b.useCallback(()=>{if(!v)return;const t=ie();if(t!==-1){P.current=t;return}const e=u?a[0]:a;if(c.length===0||e==null){E({diff:"reset"});return}if(S.current){if(e!=null){const n=c[P.current];if(u&&n&&Be(a,i=>ne(n,i))!==-1)return;const r=Be(c,i=>ne(i,e));r===-1?E({diff:"reset"}):z({index:r});return}if(P.current>=c.length-1){z({index:c.length-1});return}z({index:P.current})}},[c.length,u?!1:a,ge,E,z,v,p,u]),Qe=je(t=>{Lt(S,t),t&&$e()});b.useEffect(()=>{$e()},[$e]);const w=t=>{J||(Ne(!0),Ee(!0),Te&&Te(t))},G=(t,e)=>{J&&(Ne(!1),Le&&Le(t,e))},V=(t,e,n,r)=>{if(u){if(a.length===e.length&&a.every((i,d)=>i===e[d]))return}else if(a===e)return;he&&he(t,e,n,r),it(e)},pe=b.useRef(!1),ee=(t,e,n="selectOption",r="options")=>{let i=n,d=e;if(u){d=Array.isArray(a)?a.slice():[];const g=Be(d,_=>ne(e,_));g===-1?d.push(e):r!=="freeSolo"&&(d.splice(g,1),i="removeOption")}Z(t,d),V(t,d,i,{option:e}),!fe&&(!t||!t.ctrlKey&&!t.metaKey)&&G(t,i),(T===!0||T==="touch"&&pe.current||T==="mouse"&&!pe.current)&&h.current.blur()};function Me(t,e){if(t===-1)return-1;let n=t;for(;;){if(e==="next"&&n===a.length||e==="previous"&&n===-1)return-1;const r=re.querySelector(`[data-tag-index="${n}"]`);if(!r||!r.hasAttribute("tabindex")||r.disabled||r.getAttribute("aria-disabled")==="true")n+=e==="next"?1:-1;else return n}}const He=(t,e)=>{if(!u)return;p===""&&G(t,"toggleInput");let n=y;y===-1?p===""&&e==="previous"&&(n=a.length-1):(n+=e==="next"?1:-1,n<0&&(n=0),n===a.length&&(n=-1)),n=Me(n,e),Oe(n),ae(n)},ze=t=>{Ie.current=!0,W(""),B&&B(t,"","clear"),V(t,u?[]:null,"clear")},Xe=t=>e=>{if(t.onKeyDown&&t.onKeyDown(e),!e.defaultMuiPrevented&&(y!==-1&&["ArrowLeft","ArrowRight"].indexOf(e.key)===-1&&(Oe(-1),ae(-1)),e.which!==229))switch(e.key){case"Home":v&&q&&(e.preventDefault(),E({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":v&&q&&(e.preventDefault(),E({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),E({diff:-gt,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),E({diff:gt,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowDown":e.preventDefault(),E({diff:1,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowUp":e.preventDefault(),E({diff:-1,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"ArrowLeft":He(e,"previous");break;case"ArrowRight":He(e,"next");break;case"Enter":if(P.current!==-1&&v){const n=c[P.current],r=j?j(n):!1;if(e.preventDefault(),r)return;ee(e,n,"selectOption"),A&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else K&&p!==""&&Fe===!1&&(u&&e.preventDefault(),ee(e,p,"createOption","freeSolo"));break;case"Escape":v?(e.preventDefault(),e.stopPropagation(),G(e,"escape")):Q&&(p!==""||u&&a.length>0)&&(e.preventDefault(),e.stopPropagation(),ze(e));break;case"Backspace":if(u&&!Y&&p===""&&a.length>0){const n=y===-1?a.length-1:y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break;case"Delete":if(u&&!Y&&p===""&&a.length>0&&y!==-1){const n=y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break}},pt=t=>{De(!0),st&&!Ie.current&&w(t)},ue=t=>{if(l(S)){h.current.focus();return}De(!1),ke.current=!0,Ie.current=!1,D&&P.current!==-1&&v?ee(t,c[P.current],"blur"):D&&K&&p!==""?ee(t,p,"blur","freeSolo"):m&&Z(t,a),G(t,"blur")},$=t=>{const e=t.target.value;p!==e&&(W(e),Ee(!1),B&&B(t,e,"input")),e===""?!X&&!u&&V(t,null,"clear"):w(t)},x=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));P.current!==e&&z({event:t,index:e,reason:"mouse"})},F=t=>{z({event:t,index:Number(t.currentTarget.getAttribute("data-option-index")),reason:"touch"}),pe.current=!0},ut=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));ee(t,c[e],"selectOption"),pe.current=!1},Ye=t=>e=>{const n=a.slice();n.splice(t,1),V(e,n,"removeOption",{option:a[t]})},Ze=t=>{J?G(t,"toggleInput"):w(t)},et=t=>{t.currentTarget.contains(t.target)&&t.target.getAttribute("id")!==L&&t.preventDefault()},Ve=t=>{t.currentTarget.contains(t.target)&&(h.current.focus(),xe&&ke.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),ke.current=!1)},Ce=t=>{!k&&(p===""||!J)&&Ze(t)};let te=K&&p.length>0;te=te||(u?a.length>0:a!==null);let ce=c;return me&&(ce=c.reduce((t,e,n)=>{const r=me(e);return t.length>0&&t[t.length-1].group===r?t[t.length-1].options.push(e):t.push({key:n,index:n,group:r,options:[e]}),t},[])),k&&le&&ue(),{getRootProps:(t={})=>O({"aria-owns":Pe?`${L}-listbox`:null},t,{onKeyDown:Xe(t),onMouseDown:et,onClick:Ve}),getInputLabelProps:()=>({id:`${L}-label`,htmlFor:L}),getInputProps:()=>({id:L,value:p,onBlur:ue,onFocus:pt,onChange:$,onMouseDown:Ce,"aria-activedescendant":v?"":null,"aria-autocomplete":A?"both":"list","aria-controls":Pe?`${L}-listbox`:void 0,"aria-expanded":Pe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:k}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ze}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:Ze}),getTagProps:({index:t})=>O({key:t,"data-tag-index":t,tabIndex:-1},!Y&&{onDelete:Ye(t)}),getListboxProps:()=>({role:"listbox",id:`${L}-listbox`,"aria-labelledby":`${L}-label`,ref:Qe,onMouseDown:t=>{t.preventDefault()}}),getOptionProps:({index:t,option:e})=>{var n;const r=(u?a:[a]).some(d=>d!=null&&ne(e,d)),i=j?j(e):!1;return{key:(n=Ue==null?void 0:Ue(e))!=null?n:C(e),tabIndex:-1,role:"option",id:`${L}-option-${t}`,onMouseMove:x,onClick:ut,onTouchStart:F,"data-option-index":t,"aria-disabled":i,"aria-selected":r}},id:L,inputValue:p,value:a,dirty:te,expanded:v&&re,popupOpen:v,focused:le||y!==-1,anchorEl:re,setAnchorEl:qe,focusedTag:y,groupedOptions:ce}}var mt,ht;const Mt=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionKey","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","slotProps","value"],Ht=["ref"],zt=["key"],Vt=["key"],_t=o=>{const{classes:l,disablePortal:f,expanded:A,focused:H,fullWidth:D,hasClearIcon:T,hasPopupIcon:m,inputFocused:Q,popupOpen:U,size:R}=o,X={root:["root",A&&"expanded",H&&"focused",D&&"fullWidth",T&&"hasClearIcon",m&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",Q&&"inputFocused"],tag:["tag",`tagSize${bt(R)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",U&&"popupIndicatorOpen"],popper:["popper",f&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return Ct(X,yt,l)},jt=M("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(o,l)=>{const{ownerState:f}=o,{fullWidth:A,hasClearIcon:H,hasPopupIcon:D,inputFocused:T,size:m}=f;return[{[`& .${s.tag}`]:l.tag},{[`& .${s.tag}`]:l[`tagSize${bt(m)}`]},{[`& .${s.inputRoot}`]:l.inputRoot},{[`& .${s.input}`]:l.input},{[`& .${s.input}`]:T&&l.inputFocused},l.root,A&&l.fullWidth,D&&l.hasPopupIcon,H&&l.hasClearIcon]}})({[`&.${s.focused} .${s.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${s.clearIndicator}`]:{visibility:"visible"}},[`& .${s.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${s.inputRoot}`]:{[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:30},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:56},[`& .${s.input}`]:{width:0,minWidth:30}},[`& .${ot.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${ot.root}.${oe.sizeSmall}`]:{[`& .${ot.input}`]:{padding:"2px 4px 3px 0"}},[`& .${dt.root}`]:{padding:9,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${s.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${dt.root}.${oe.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${s.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${de.root}`]:{paddingTop:19,paddingLeft:8,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${de.input}`]:{padding:"7px 4px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${de.root}.${oe.sizeSmall}`]:{paddingBottom:1,[`& .${de.input}`]:{padding:"2.5px 4px"}},[`& .${oe.hiddenLabel}`]:{paddingTop:8},[`& .${de.root}.${oe.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${s.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${de.root}.${oe.hiddenLabel}.${oe.sizeSmall}`]:{[`& .${s.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${s.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${s.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${s.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${s.inputRoot}`]:{flexWrap:"wrap"}}}]}),Bt=M("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(o,l)=>l.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Wt=M(Ot,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(o,l)=>l.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),Gt=M(Ot,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:o},l)=>O({},l.popupIndicator,o.popupOpen&&l.popupIndicatorOpen)})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),Ut=M(It,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(o,l)=>{const{ownerState:f}=o;return[{[`& .${s.option}`]:l.option},l.popper,f.disablePortal&&l.popperDisablePortal]}})(({theme:o})=>({zIndex:(o.vars||o).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]})),Kt=M(xt,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(o,l)=>l.paper})(({theme:o})=>O({},o.typography.body1,{overflow:"auto"})),qt=M("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(o,l)=>l.loading})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Jt=M("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(o,l)=>l.noOptions})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Qt=M("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(o,l)=>l.listbox})(({theme:o})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${s.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[o.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${s.focused}`]:{backgroundColor:(o.vars||o).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(o.vars||o).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${s.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity),[`&.${s.focused}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(o.vars||o).palette.action.selected}},[`&.${s.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}}}})),Xt=M(Rt,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(o,l)=>l.groupLabel})(({theme:o})=>({backgroundColor:(o.vars||o).palette.background.paper,top:-8})),Yt=M("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(o,l)=>l.groupUl})({padding:0,[`& .${s.option}`]:{paddingLeft:24}}),co=b.forwardRef(function(l,f){var A,H,D,T;const m=$t({props:l,name:"MuiAutocomplete"}),{autoComplete:Q=!1,autoHighlight:U=!1,autoSelect:R=!1,blurOnSelect:X=!1,ChipProps:fe,className:k,clearIcon:We=mt||(mt=I.jsx(At,{fontSize:"small"})),clearOnBlur:Ge=!m.freeSolo,clearOnEscape:rt=!1,clearText:ge="Clear",closeText:K="Close",componentsProps:j={},defaultValue:Ue=m.multiple?[]:null,disableClearable:ve=!1,disableCloseOnSelect:me=!1,disabled:q=!1,disabledItemsFocusable:lt=!1,disableListWrap:Ke=!1,disablePortal:Ae=!1,filterSelectedOptions:ne=!1,forcePopupIcon:u="auto",freeSolo:he=!1,fullWidth:Le=!1,getLimitTagsText:Se=e=>`+${e}`,getOptionLabel:B,groupBy:Te,handleHomeEndKeys:at=!m.freeSolo,includeInputInList:st=!1,limitTags:be=-1,ListboxComponent:Y="ul",ListboxProps:xe,loading:Re=!1,loadingText:L="Loading…",multiple:C=!1,noOptionsText:Ie="No options",openOnFocus:ke=!1,openText:h="Open",PaperComponent:S=xt,PopperComponent:re=It,popupIcon:qe=ht||(ht=I.jsx(vt,{})),readOnly:y=!1,renderGroup:Oe,renderInput:we,renderOption:P,renderTags:a,selectOnFocus:it=!m.freeSolo,size:p="medium",slotProps:W={}}=m,le=_e(m,Mt),{getRootProps:De,getInputProps:Z,getInputLabelProps:J,getPopupIndicatorProps:Ne,getClearProps:Je,getTagProps:Ee,getListboxProps:Fe,getOptionProps:v,value:c,dirty:N,expanded:Pe,id:ae,popupOpen:se,focused:z,focusedTag:E,anchorEl:ie,setAnchorEl:$e,inputValue:Qe,groupedOptions:w}=Ft(O({},m,{componentName:"Autocomplete"})),G=!ve&&!q&&N&&!y,V=(!he||u===!0)&&u!==!1,{onMouseDown:pe}=Z(),{ref:ee}=xe??{},Me=Fe(),{ref:He}=Me,ze=_e(Me,Ht),Xe=St(He,ee),ue=B||(e=>{var n;return(n=e.label)!=null?n:e}),$=O({},m,{disablePortal:Ae,expanded:Pe,focused:z,fullWidth:Le,getOptionLabel:ue,hasClearIcon:G,hasPopupIcon:V,inputFocused:E===-1,popupOpen:se,size:p}),x=_t($);let F;if(C&&c.length>0){const e=n=>O({className:x.tag,disabled:q},Ee(n));a?F=a(c,e,$):F=c.map((n,r)=>{const i=e({index:r}),{key:d}=i,g=_e(i,zt);return I.jsx(Tt,O({label:ue(n),size:p},g,fe),d)})}if(be>-1&&Array.isArray(F)){const e=F.length-be;!z&&e>0&&(F=F.splice(0,be),F.push(I.jsx("span",{className:x.tag,children:Se(e)},F.length)))}const Ye=Oe||(e=>I.jsxs("li",{children:[I.jsx(Xt,{className:x.groupLabel,ownerState:$,component:"div",children:e.group}),I.jsx(Yt,{className:x.groupUl,ownerState:$,children:e.children})]},e.key)),et=P||((e,n)=>{const{key:r}=e,i=_e(e,Vt);return I.jsx("li",O({},i,{children:ue(n)}),r)}),Ve=(e,n)=>{const r=v({option:e,index:n});return et(O({},r,{className:x.option}),e,{selected:r["aria-selected"],index:n,inputValue:Qe},$)},Ce=(A=W.clearIndicator)!=null?A:j.clearIndicator,te=(H=W.paper)!=null?H:j.paper,ce=(D=W.popper)!=null?D:j.popper,t=(T=W.popupIndicator)!=null?T:j.popupIndicator;return I.jsxs(b.Fragment,{children:[I.jsx(jt,O({ref:f,className:ye(x.root,k),ownerState:$},De(le),{children:we({id:ae,disabled:q,fullWidth:!0,size:p==="small"?"small":void 0,InputLabelProps:J(),InputProps:O({ref:$e,className:x.inputRoot,startAdornment:F,onClick:e=>{e.target===e.currentTarget&&pe(e)}},(G||V)&&{endAdornment:I.jsxs(Bt,{className:x.endAdornment,ownerState:$,children:[G?I.jsx(Wt,O({},Je(),{"aria-label":ge,title:ge,ownerState:$},Ce,{className:ye(x.clearIndicator,Ce==null?void 0:Ce.className),children:We})):null,V?I.jsx(Gt,O({},Ne(),{disabled:q,"aria-label":se?K:h,title:se?K:h,ownerState:$},t,{className:ye(x.popupIndicator,t==null?void 0:t.className),children:qe})):null]})}),inputProps:O({className:x.input,disabled:q,readOnly:y},Z())})})),ie?I.jsx(Ut,O({as:re,disablePortal:Ae,style:{width:ie?ie.clientWidth:null},ownerState:$,role:"presentation",anchorEl:ie,open:se},ce,{className:ye(x.popper,ce==null?void 0:ce.className),children:I.jsxs(Kt,O({ownerState:$,as:S},te,{className:ye(x.paper,te==null?void 0:te.className),children:[Re&&w.length===0?I.jsx(qt,{className:x.loading,ownerState:$,children:L}):null,w.length===0&&!he&&!Re?I.jsx(Jt,{className:x.noOptions,ownerState:$,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:Ie}):null,w.length>0?I.jsx(Qt,O({as:Y,className:x.listbox,ownerState:$},ze,xe,{ref:Xe,children:w.map((e,n)=>Te?Ye({key:e.key,group:e.group,children:e.options.map((r,i)=>Ve(r,e.index+i))}):Ve(e,n))})):null]}))})):null]})});export{co as A,kt as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as k,j as q}from"./iframe-
|
|
1
|
+
import{r as k,j as q}from"./iframe-DE4RuJrv.js";import{a as v}from"./OdysseyThemeProvider-CCwl8LYd.js";import{u as N,M as $}from"./useAutocomplete-NsoONBGQ.js";import{A as w}from"./Autocomplete-CRpfgiy9.js";const F=({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,getIsOptionEqualToValue:i,getOptionLabel:p,hasMultipleChoices:t,hint:m,HintLinkComponent:u,id:c,inputValue:d,isCustomValueAllowed:x,isDisabled:o,isFullWidth:n=!1,isLoading:f,isOptional:A=!1,isReadOnly:O,isVirtualized:T=!1,label:b,name:g,noOptionsText:z,onBlur:V,onChange:j,onFocus:E,onInputChange:I,options:L,testId:P,translate:S,value:y})=>{const{t:e}=v(),{inputValueProp:B,isVirtualizedRef:C,renderInput:M,valueProps:R}=N({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,hasMultipleChoices:t,hint:m,HintLinkComponent:u,inputValue:d,isFullWidth:n,isOptional:A,isVirtualized:T,label:b,name:g,testId:P,value:y});return q.jsx(w,{...R,...B,...C.current&&{ListboxComponent:$},"aria-disabled":o,clearText:e("clear.text"),closeText:e("close.text"),disableCloseOnSelect:t,disabled:o,filterSelectedOptions:!0,freeSolo:x,fullWidth:n,getOptionLabel:p,id:c,isOptionEqualToValue:i,loading:f,multiple:t,noOptionsText:z||e("autocomplete.nooptions"),onBlur:V,onChange:j,onFocus:E,onInputChange:I,openText:e("open.text"),options:L,readOnly:O,renderInput:M,translate:S})},G=k.memo(F);G.displayName="Autocomplete";export{G as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as b,r as s}from"./iframe-
|
|
1
|
+
import{j as b,r as s}from"./iframe-DE4RuJrv.js";import{a as R}from"./axeRun-QswtvkOz.js";import{O as Hi}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{f as d}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as f}from"./Autocomplete-DCgA5sTf.js";import{M as Wi}from"./Link-DBfYgyqI.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-CZ-24O2A.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./useAutocomplete-NsoONBGQ.js";import"./index.esm-BZBFx5zE.js";import"./ButtonBase-CKEbMwnW.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./Field-BYLEUHch.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./isHostComponent-DVu5iVWx.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-DtvLbmm9.js";import"./InputBase-C9_GkGNE.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CRpfgiy9.js";import"./ArrowDropDown-C5eUsI_E.js";import"./createSvgIcon-DMOOI9wR.js";import"./Close-Dcbwwr41.js";import"./Paper-Bv-8rqJG.js";import"./Popper-DAO3a_fx.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./index-DBPVAcBX.js";import"./useControlled-0vpPKndq.js";import"./Chip-CHLAMh3i.js";import"./IconButton-CY54VTm3.js";import"./ListSubheader-DROGdpSN.js";import"./Link-BVJyfG5Z.js";import"./ExternalLink-BEu8BCu0.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as g,j as m}from"./iframe-
|
|
1
|
+
import{r as g,j as m}from"./iframe-DE4RuJrv.js";import{M as h}from"./Box-GItunEmH.js";import{u as f}from"./OdysseyThemeProvider-CCwl8LYd.js";/*!
|
|
2
2
|
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as x,j as e}from"./iframe-
|
|
1
|
+
import{r as x,j as e}from"./iframe-DE4RuJrv.js";import{a as f}from"./OdysseyThemeProvider-CCwl8LYd.js";import{M as u}from"./Link-DBfYgyqI.js";import{M as h}from"./ScreenReaderText-6hJD_NSR.js";import{A as j,a as M}from"./AlertTitle-D3upwBLV.js";const g=["status","alert"],C=["success","info","warning","error"],b=({linkRel:n,linkTarget:o,linkText:a,linkUrl:t,onClose:i,onLinkClick:m,role:l,severity:s,testId:c,text:d,translate:r})=>{const{t:p}=f();return e.jsxs(j,{"data-se":c,onClose:i,role:l,severity:s,variant:"banner",children:[e.jsx(h,{translate:r,children:p(`severity.${s}`)}),e.jsx(M,{translate:r,children:d}),a&&e.jsx(u,{href:t??"#",onClick:m,rel:n,target:o,translate:r,variant:"monochrome",children:a})]})},v=x.memo(b);v.displayName="Banner";export{v as M,g as a,C as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as M}from"./axeRun-
|
|
1
|
+
import{a as M}from"./axeRun-QswtvkOz.js";import{O as W}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{b as g,a as h,M as N}from"./Banner-CB8Hoj01.js";import"./axe-CZ-24O2A.js";import"./iframe-DE4RuJrv.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Link-DBfYgyqI.js";import"./Link-BVJyfG5Z.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Typography-CAaRogW8.js";import"./ExternalLink-BEu8BCu0.js";import"./ScreenReaderText-6hJD_NSR.js";import"./Box-DcPUBV1N.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-D3upwBLV.js";import"./useSlot-CxZuq7zC.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-DMOOI9wR.js";import"./Close-Dcbwwr41.js";import"./IconButton-CY54VTm3.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./Paper-Bv-8rqJG.js";/*!
|
|
2
2
|
* Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,j as s}from"./iframe-
|
|
1
|
+
import{r as e,j as s}from"./iframe-DE4RuJrv.js";import{u as E,M as N}from"./MuiPropsContext-Bg_x6l7d.js";import{M as q}from"./Tooltip-CtMQ7ejP.js";import{B as w}from"./Button-DU6-loxu.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as w}from"./tableRowClasses-
|
|
1
|
+
import{s as w}from"./tableRowClasses-SdduqaRI.js";import{r as o,j as e}from"./iframe-DE4RuJrv.js";import{M as S}from"./Box-GItunEmH.js";import{u as q}from"./OdysseyThemeProvider-CCwl8LYd.js";import{u as H}from"./useUniqueId-ej4W3xOJ.js";import{M as N}from"./BaseButton-BMsK9NzI.js";import{M as A}from"./MenuContext-ZAp67kRJ.js";import{M as F}from"./More-C9jx0DT3.js";import{M as R,P as U}from"./Menu-CAnOJYGy.js";import{M as G}from"./WarningFilled-qIqi4h0v.js";const re=["left","right"],ie=["start","end"],J=w("div",{shouldForwardProp:t=>t!=="hasVerticalDivider"&&t!=="odysseyDesignTokens"&&t!=="verticalDividerAlignment"})(({hasVerticalDivider:t,odysseyDesignTokens:s,verticalDividerAlignment:r})=>({position:"relative",...t&&{display:"inline-block","&:before":{position:"absolute",top:"50%",left:0,width:1,height:s.Spacing6,backgroundColor:s.HueNeutral300,content:'""',transform:"translate3d(0, -50%, 0)",transition:"opacity 200ms",...r==="end"&&{left:"unset",right:0}},":has(> button:hover)":{"&:before":{opacity:0}},":dir(rtl)":{"&:before":{left:"unset",right:0,...r==="end"&&{right:"unset",left:0}}}}})),K=({ariaLabel:t,ariaLabelledBy:s,ariaDescribedBy:r,buttonChildren:v,buttonLabel:x="",buttonVariant:y="secondary",children:c,popoverContent:m,endIcon:p,hasVerticalDivider:B=!1,id:j,isDisabled:D,isOverflow:k,menuAlignment:i="left",omitEndIcon:z=!1,shouldCloseOnSelect:f=!0,size:C,testId:E,tooltipText:I,translate:O,verticalDividerAlignment:P="start"})=>{const h=q(),[d,M]=o.useState(null),a=!!d,l=o.useCallback(()=>{M(null)},[]),u=o.useCallback($=>{M($.currentTarget)},[]),n=H(j),T=o.useMemo(()=>({"aria-labelledby":`${n}-button`}),[n]),V=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),L=z?void 0:p||(k?e.jsx(F,{}):e.jsx(G,{})),b=o.useMemo(()=>({horizontal:i,vertical:"bottom"}),[i]),g=o.useMemo(()=>({horizontal:i,vertical:"top"}),[i]);return e.jsxs(J,{hasVerticalDivider:B,odysseyDesignTokens:h,verticalDividerAlignment:P,children:[e.jsx(N,{ariaControls:a?`${n}-menu`:void 0,ariaDescribedBy:r,ariaExpanded:a?"true":void 0,ariaHasPopup:"true",ariaLabel:t,ariaLabelledBy:s,children:v,endIcon:L,id:`${n}-button`,isDisabled:D,label:x,onClick:u,size:C,testId:E,tooltipText:I,translate:O,variant:y}),c&&e.jsx(R,{anchorEl:d,anchorOrigin:b,id:`${n}-menu`,MenuListProps:T,onClose:l,open:a,transformOrigin:g,children:e.jsx(A.Provider,{value:V,children:c})}),m&&e.jsx(U,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(S,{sx:{padding:h.Spacing4},children:m})})]})},Q=o.memo(K);Q.displayName="BaseMenuButton";export{Q as M,re as m,ie as v};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as t}from"./iframe-DE4RuJrv.js";import{useMDXComponents as n}from"./index-CMrI_MV3.js";import{M as s,T as p,S as m,D as a,P as c,a as d,b as x}from"./blocks-CtYZtf3a.js";import{B as r}from"./Box.stories-DM_1V94P.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BAELNoi-.js";import"./index-DBPVAcBX.js";import"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./TextField-C_OR_Dhs.js";import"./Field-BYLEUHch.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-DtvLbmm9.js";import"./InputBase-C9_GkGNE.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-B5kJtHOQ.js";function i(e){const o={a:"a",code:"code",p:"p",...n(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{of:r}),`
|
|
2
|
+
`,t.jsx(p,{of:r}),`
|
|
3
|
+
`,t.jsx(m,{of:r}),`
|
|
4
|
+
`,t.jsx(a,{of:r}),`
|
|
5
|
+
`,t.jsx(c,{of:r}),`
|
|
6
|
+
`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"})," is a utility component that renders a simple HTML ",t.jsx(o.code,{children:"<div>"}),`, which can then be used for styling or layout. CSS properties
|
|
7
|
+
can be set using the `,t.jsx(o.code,{children:"sx"})," prop, as detailed in the ",t.jsxs(o.a,{href:"https://mui.com/system/getting-started/the-sx-prop/",rel:"nofollow",children:["MUI documentation on ",t.jsx(o.code,{children:"sx"})]}),`.
|
|
8
|
+
The component can also be set to render another element besides `,t.jsx(o.code,{children:"<div>"}),"."]}),`
|
|
9
|
+
`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"}),' is useful as an "escape hatch" when you need to create a layout or pattern not yet supported by Odyssey.']}),`
|
|
10
|
+
`,t.jsx(d,{}),`
|
|
11
|
+
`,t.jsx(x,{})]})}function Y(e={}){const{wrapper:o}={...n(),...e.components};return o?t.jsx(o,{...e,children:t.jsx(i,{...e})}):i(e)}export{Y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as h,H as f,Z as B,q as N,_ as p,a as C,d as T,N as _,ab as E,T as g,R as j}from"./tableRowClasses-
|
|
1
|
+
import{E as h,H as f,Z as B,q as N,_ as p,a as C,d as T,N as _,ab as E,T as g,R as j}from"./tableRowClasses-SdduqaRI.js";import{r as P,j as R}from"./iframe-DE4RuJrv.js";const b=["className","component"];function y(n={}){const{themeId:t,defaultTheme:m,defaultClassName:o="MuiBox-root",generateClassName:a}=n,c=h("div",{shouldForwardProp:e=>e!=="theme"&&e!=="sx"&&e!=="as"})(f);return P.forwardRef(function(x,l){const s=B(m),r=N(x),{className:d,component:u="div"}=r,i=p(r,b);return R.jsx(c,C({as:u,ref:l,className:T(d,a?a(o):o),theme:t&&s[t]||s},i))})}const I=_("MuiBox",["root"]),M=j(),F=y({themeId:g,defaultTheme:M,defaultClassName:I.root,generateClassName:E.generate});export{F as B};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,j as n}from"./iframe-
|
|
1
|
+
import{r as o,j as n}from"./iframe-DE4RuJrv.js";import{B as p}from"./Box-DcPUBV1N.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>n.jsx(p,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),c=o.memo(d);c.displayName="Box";export{c as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,j as n}from"./iframe-
|
|
1
|
+
import{r as o,j as n}from"./iframe-DE4RuJrv.js";import{B as p}from"./Box-DcPUBV1N.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>n.jsx(p,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),c=o.memo(d);c.displayName="Box";export{c as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./iframe-
|
|
1
|
+
import{j as e}from"./iframe-DE4RuJrv.js";import{O as x}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{M as b}from"./Box-GItunEmH.js";import{M as n}from"./TextField-C_OR_Dhs.js";const{expect:y,within:T}=__STORYBOOK_MODULE_TEST__,g={component:b,decorators:[x],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=T(c).getByText("This is the content of the box.");y(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var s,r,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
children: "This is the content of the box.",
|
|
4
4
|
sx: {
|