@okta/odyssey-react-mui 1.48.0 → 1.49.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/dist/assets/{Accordion-MTHvu5cR.js → Accordion-BNJn0pfW.js} +1 -1
- package/dist/assets/{Accordion.stories-DniSJ38i.js → Accordion.stories-DZIjfE-o.js} +1 -1
- package/dist/assets/{AccordionSummary-Byc6MkHu.js → AccordionSummary-BjqT0nEb.js} +1 -1
- package/dist/assets/{AlertTitle-BDkgiA29.js → AlertTitle-q6ff_Zkl.js} +1 -1
- package/dist/assets/{AppSwitcher-mUx_f1r6.js → AppSwitcher-cyyPttJv.js} +1 -1
- package/dist/assets/{AppSwitcher.stories-CENgxWSC.js → AppSwitcher.stories--8DVDaS1.js} +1 -1
- package/dist/assets/AppTile _labs_.stories-D9W_XD90.js +136 -0
- package/dist/assets/ArrowDropDown-DdemyKZU.js +1 -0
- package/dist/assets/{ArrowRight-BquvVn3D.js → ArrowRight-ChWYjNny.js} +1 -1
- package/dist/assets/{Autocomplete-Bh3XRXMy.js → Autocomplete-Cpi_kUVA.js} +1 -1
- package/dist/assets/{Autocomplete-CknstIK_.js → Autocomplete-CxtGbb8j.js} +1 -1
- package/dist/assets/{Autocomplete.stories-DNDWoB5E.js → Autocomplete.stories-CQuaZrwN.js} +3 -3
- package/dist/assets/{Badge-DFZYqSZN.js → Badge-BO7bTIEa.js} +1 -1
- package/dist/assets/{Banner-25ZggH76.js → Banner-K7AM0SJj.js} +1 -1
- package/dist/assets/{Banner.stories-Dz37neYC.js → Banner.stories-BRQINNIu.js} +3 -3
- package/dist/assets/{BaseButton-Cd1oZPsh.js → BaseButton-DYZHKnV3.js} +1 -1
- package/dist/assets/BaseMenuButton-BIietjUB.js +1 -0
- package/dist/assets/{Box-B-R2QRDU.js → Box-1mvP3NLW.js} +1 -1
- package/dist/assets/Box-BcMTQ_R2.js +1 -0
- package/dist/assets/Box-DXoV5_ch.js +11 -0
- package/dist/assets/{Box.stories-BCtoarqr.js → Box.stories-C8EeKXhb.js} +1 -1
- package/dist/assets/Breadcrumbs-Bp-jt6t5.js +6 -0
- package/dist/assets/{Breadcrumbs.stories-BTEZLo9U.js → Breadcrumbs.stories-B_3snTWA.js} +1 -1
- package/dist/assets/{Bug-Z3X3t5xp.js → Bug-CQIUmZ-N.js} +1 -1
- package/dist/assets/{Button-DPUOjyZy.js → Button-BEA5U6Tg.js} +1 -1
- package/dist/assets/{Button-BvUGu5Sm.js → Button-BzIwUmSM.js} +1 -1
- package/dist/assets/{Button.stories-CLRsJ0J2.js → Button.stories-S7v-663i.js} +2 -2
- package/dist/assets/{ButtonBase-CrcIXP69.js → ButtonBase-BNqa2TMD.js} +2 -2
- package/dist/assets/{Calendar-DnwsjheN.js → Calendar-_GPHtaRa.js} +1 -1
- package/dist/assets/{Callout-qkeUDNKn.js → Callout-FZxPpigF.js} +1 -1
- package/dist/assets/Callout.stories-CODSBn6K.js +105 -0
- package/dist/assets/{Card-DL97TZJd.js → Card-C0RGIer3.js} +1 -1
- package/dist/assets/Card-CBiqCoFv.js +8 -0
- package/dist/assets/{Card.stories-ROWJyBI0.js → Card.stories-Cp5cSsvN.js} +1 -1
- package/dist/assets/{CardActionArea-BaL2GhSM.js → CardActionArea-DWrXZntI.js} +1 -1
- package/dist/assets/{CardActions-C1bW_Jqo.js → CardActions-BQdq7Bn0.js} +1 -1
- package/dist/assets/{Checkbox-eGdyySzm.js → Checkbox-DPv3Q9UW.js} +1 -1
- package/dist/assets/{Checkbox-OauVZWc5.js → Checkbox-vZwuXtzm.js} +1 -1
- package/dist/assets/{Checkbox.stories-DwmuFw2j.js → Checkbox.stories-9dZS0JMC.js} +1 -1
- package/dist/assets/{CheckboxGroup-BQ5GiUey.js → CheckboxGroup-Be66QML5.js} +1 -1
- package/dist/assets/CheckboxGroup.stories-Cx6CsE7C.js +92 -0
- package/dist/assets/{ChevronRight-BLkvXBUf.js → ChevronRight-C12ToI7Y.js} +1 -1
- package/dist/assets/{ChevronUp-Br-QC-XK.js → ChevronUp-CfT7Bz8X.js} +1 -1
- package/dist/assets/{Chip-B9WkuA4b.js → Chip-CXnMieIl.js} +1 -1
- package/dist/assets/{CircularProgress-DxY3QwHW.js → CircularProgress-DPxwxglU.js} +1 -1
- package/dist/assets/{CircularProgress-AX8KCiV6.js → CircularProgress-HbIdZLBB.js} +4 -4
- package/dist/assets/{CircularProgress.stories-a_Rse-5m.js → CircularProgress.stories-BCClfpJw.js} +1 -1
- package/dist/assets/{Clock-8HOQy_d4.js → Clock-17ua7UAW.js} +1 -1
- package/dist/assets/{Close-BjXKhBr_.js → Close-OXBt1nIe.js} +1 -1
- package/dist/assets/{Code Styling Guidelines-BkGO8zp-.js → Code Styling Guidelines-CVbofGQK.js } +1 -1
- package/dist/assets/{Collapse-DtQCvyEw.js → Collapse-DfdoVIdP.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-CcoN0wsl.js → Color-YHDXOIA2-DT4T6TnK.js} +1 -1
- package/dist/assets/{CssBaseline-CI1_OCUX.js → CssBaseline-DpDXOHEK.js} +1 -1
- package/dist/assets/{CssBaseline.stories-BSLs5ScZ.js → CssBaseline.stories-DeSEyTd-.js} +1 -1
- package/dist/assets/{Custom Theming-WlDJkwzT.js → Custom Theming-CmbOHtP1.js } +2 -2
- package/dist/assets/Custom Theming.stories-CxVTbjdx.js +95 -0
- package/dist/assets/{DataFilters _labs_-BIYE5QJU.js → DataFilters _labs_-DvUVhC-g.js } +2 -2
- package/dist/assets/{DataFilters _labs_.stories-BdV81MCI.js → DataFilters _labs_.stories-Ca9tvzkv.js } +1 -1
- package/dist/assets/{DataFilters-KxLw7hL5.js → DataFilters-BnT_U3-o.js} +1 -1
- package/dist/assets/DataTable _labs_-DL8Jc4Hl.js +41 -0
- package/dist/assets/{DataTable _labs_.stories-CTl54dDN.js → DataTable _labs_.stories-C9Tljg4U.js } +1 -1
- package/dist/assets/{DataTable-bZz790ci.js → DataTable-S0xhd1LQ.js} +2 -2
- package/dist/assets/{DataTable-BJQ8WkUd.js → DataTable-XayRBHyP.js} +2 -2
- package/dist/assets/{DataTable.stories-9eBclyx2.js → DataTable.stories-tcZyd507.js} +1 -1
- package/dist/assets/{DataView _labs_-AutzTAhE.js → DataView _labs_-oQPoSKgb.js } +2 -2
- package/dist/assets/{DataView _labs_.stories-CO0XGhOV.js → DataView _labs_.stories-C_xQt04_.js } +1 -1
- package/dist/assets/{DataView-CHGdxu-Z.js → DataView-C5rMFmwA.js} +6 -6
- package/dist/assets/{DataView.stories-6cnSmpm3.js → DataView.stories-oJRHGPAN.js} +3 -3
- package/dist/assets/{DatePicker-BGoHW8Is.js → DatePicker-BwDkz3WT.js} +1 -1
- package/dist/assets/{DatePicker-C6TIvuN7.js → DatePicker-CaivHe9y.js} +2 -2
- package/dist/assets/DatePicker.stories-DbwO66Pf.js +133 -0
- package/dist/assets/{DateTimePicker-DKGE8593.js → DateTimePicker-B7a9bgL6.js} +1 -1
- package/dist/assets/{DateTimePicker.stories-TBpe3AjQ.js → DateTimePicker.stories-DL2oaP7L.js} +6 -6
- package/dist/assets/Design Tokens-CLnoritM.js +4 -0
- package/dist/assets/Dialog-CR4TUjlJ.js +1 -0
- package/dist/assets/{Dialog.stories-BQZpS-f5.js → Dialog.stories-2q37jV4r.js} +1 -1
- package/dist/assets/{DialogContent-B-pM1DP1.js → DialogContent-Cwn-I-C_.js} +1 -1
- package/dist/assets/{DialogTitle-DA2nrmUc.js → DialogTitle-C-K7jEio.js} +1 -1
- package/dist/assets/{Divider-CAwVs6Y1.js → Divider-Ln3VaO81.js} +1 -1
- package/dist/assets/{DocsRenderer-CFRXHY34-kO-n-5EB.js → DocsRenderer-CFRXHY34-CCeAz_jE.js} +1 -1
- package/dist/assets/{Documentation-CBbHUjXC.js → Documentation-DF3oo39e.js} +1 -1
- package/dist/assets/{Download-VHpUH0as.js → Download-Zlhupksh.js} +1 -1
- package/dist/assets/{Drawer-C9M8pytV.js → Drawer-CXQ3piJR.js} +2 -2
- package/dist/assets/Drawer.stories-Dlkg74m1.js +95 -0
- package/dist/assets/{EmptyState-FpIKkMpd.js → EmptyState-CpBEzmap.js} +1 -1
- package/dist/assets/EmptyState.stories-Dl57LvdY.js +11 -0
- package/dist/assets/{ExampleButton.stories-CbAFs20l.js → ExampleButton.stories-Bbj5W6A-.js} +1 -1
- package/dist/assets/{Extending Translations-mp_vyXoH.js → Extending Translations-D38KR8Kn.js } +1 -1
- package/dist/assets/{ExternalLink-lox07hAR.js → ExternalLink-D0l1c5Cz.js} +1 -1
- package/dist/assets/{Fade-CHnXmzFb.js → Fade-dUgBN8rJ.js} +1 -1
- package/dist/assets/{Field-BxkyNVQW.js → Field-DH3L8v09.js} +2 -2
- package/dist/assets/{FieldHint-D5VttvwL.js → FieldHint-B3Jif_Up.js} +1 -1
- package/dist/assets/{Fieldset-Dp9uCwiB.js → Fieldset-D7_59eeI.js} +1 -1
- package/dist/assets/Fieldset.stories-B-NXKKP-.js +15 -0
- package/dist/assets/{FileUploader.stories-CxYwF2DZ.js → FileUploader.stories-C9ua336t.js} +6 -6
- package/dist/assets/{Filter-BiREetkX.js → Filter-DsDJ7si-.js} +1 -1
- package/dist/assets/{Folder-8esChg_E.js → Folder-e-po0U54.js} +1 -1
- package/dist/assets/{Form Field Accessibility-BCFouYXt.js → Form Field Accessibility-D5GmQTjo.js } +1 -1
- package/dist/assets/{Form-CJrxMkwr.js → Form-iTx8DKdm.js} +1 -1
- package/dist/assets/Form.stories-CKX8F-HV.js +69 -0
- package/dist/assets/{FormControlLabel-CoGABX1G.js → FormControlLabel-0BBemR80.js} +1 -1
- package/dist/assets/{FormGroup-D2d8E3Cw.js → FormGroup-HFkGZ983.js} +1 -1
- package/dist/assets/{FormHelperText-Ca69g4Je.js → FormHelperText-CsNAE1E3.js} +1 -1
- package/dist/assets/{FormLabel-EOlXQpGp.js → FormLabel-CiGre9wK.js} +1 -1
- package/dist/assets/{FullScreenOverlay-Bujsxbxh.js → FullScreenOverlay-BTMDlJhE.js} +1 -1
- package/dist/assets/{Generating Icons-pN6RBs4J.js → Generating Icons-B_lqn7WI.js } +1 -1
- package/dist/assets/{Globe-BHk1B5d7.js → Globe-B83Xmd05.js} +1 -1
- package/dist/assets/{Grid-B7XSvQ_X.js → Grid-EpV3TL4a.js} +1 -1
- package/dist/assets/{Group-DWmiPyzE.js → Group-mTVRC79V.js} +1 -1
- package/dist/assets/GroupPicker _labs_.stories-rRod3ZIj.js +33 -0
- package/dist/assets/{Grow-6R6cTzr4.js → Grow-C8kUeGCY.js} +1 -1
- package/dist/assets/{Hide-Bvhl5PVN.js → Hide-TKfOHglI.js} +1 -1
- package/dist/assets/{Hint-DTEjQAxl.js → Hint-DoJneNg9.js} +1 -1
- package/dist/assets/{Home-CUQc6tB8.js → Home-la7Lmt_L.js} +1 -1
- package/dist/assets/Icon _icons_.stories-BmisOf4s.js +16 -0
- package/dist/assets/{IconButton-Wwvz84xG.js → IconButton-5qShmnSr.js} +1 -1
- package/dist/assets/{IconWithTooltip _icons_.stories-BiiIBhOv.js → IconWithTooltip _icons_.stories-C86MVO5n.js } +1 -1
- package/dist/assets/{InformationCircle-DYQV39lt.js → InformationCircle-a2jMUKfL.js} +1 -1
- package/dist/assets/{InputAdornment-Dj-8HF_1.js → InputAdornment-CdR3XT6f.js} +1 -1
- package/dist/assets/{InputBase-6reb9B7r.js → InputBase-DeB4_faH.js} +2 -2
- package/dist/assets/{Installing odyssey-react-mui-DuIfuEaw.js → Installing odyssey-react-mui-BlZZYALn.js } +1 -1
- package/dist/assets/{Introduction-BTH-MnwV.js → Introduction-D6814AO1.js} +6 -6
- package/dist/assets/{Layout-BndkhA1_.js → Layout-DGOs1275.js} +1 -1
- package/dist/assets/{Layout.stories-BwMtW-cW.js → Layout.stories-DE3l510g.js} +2 -2
- package/dist/assets/{Legacy Migrations-BfDwGUg3.js → Legacy Migrations-B9gOEz-l.js } +1 -1
- package/dist/assets/{Link-BQo2zH0c.js → Link-BDoLypER.js} +1 -1
- package/dist/assets/{Link-DcsndbPK.js → Link-DNIf0luC.js} +1 -1
- package/dist/assets/Link-dX7EI1Ct.js +11 -0
- package/dist/assets/{Link.stories-DiVQZsn1.js → Link.stories-DnkjU-5y.js} +1 -1
- package/dist/assets/{List-_p0jkXPM.js → List-CmjR1pNu.js} +1 -1
- package/dist/assets/{List-CNCQEpRl.js → List-UlX1tusJ.js} +1 -1
- package/dist/assets/{ListItem-BLYwuKOG.js → ListItem-C0ExFtXb.js} +1 -1
- package/dist/assets/{ListSubheader-DO359rMr.js → ListSubheader-CQJAAOsd.js} +1 -1
- package/dist/assets/{Menu-CU_mHT7L.js → Menu-K9lpVvDG.js} +1 -1
- package/dist/assets/{MenuButton-DvVmjwMC.js → MenuButton-B3T7c15t.js} +1 -1
- package/dist/assets/MenuButton-hdFGv_9Z.js +9 -0
- package/dist/assets/{MenuButton.stories-rLpv4nq1.js → MenuButton.stories-BRHUGqba.js} +1 -1
- package/dist/assets/{MenuItem-DoUaLmgU.js → MenuItem-CmSG6PNu.js} +1 -1
- package/dist/assets/{MenuItem-oi_JaUho.js → MenuItem-vhp8G-Nb.js} +1 -1
- package/dist/assets/{MenuItem.stories-Ba6BR5kj.js → MenuItem.stories-dOOOz3KO.js} +1 -1
- package/dist/assets/{MenuList-0OHGr5AC.js → MenuList-BMOesnfs.js} +1 -1
- package/dist/assets/{Modal-B12sS2Yh.js → Modal-CSDyCVCf.js} +1 -1
- package/dist/assets/{More-BgQrTkKM.js → More-DLQ2RjWn.js} +1 -1
- package/dist/assets/NativeSelect.stories-DHgms1GM.js +173 -0
- package/dist/assets/{OdysseyProvider-BPLFYiwr.js → OdysseyProvider-qIn9QVYS.js} +2 -2
- package/dist/assets/{OdysseyStorybookThemeDecorator-CGH8visK.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js} +1 -1
- package/dist/assets/{OdysseyThemeProvider-BykOaJq8.js → OdysseyThemeProvider-Bh0Bu-2o.js} +1 -1
- package/dist/assets/{PageHeader.stories-DHDJTskZ.js → PageHeader.stories-MDEEjM1g.js} +2 -2
- package/dist/assets/{PageHeader.stories-Cg0XA0p_.js → PageHeader.stories-eACdVWYK.js} +3 -3
- package/dist/assets/PageTemplate _labs_-BuvgCua7.js +8 -0
- package/dist/assets/{PageTemplate _labs_.stories-DdUcW43S.js → PageTemplate _labs_.stories-C8RdfTqi.js } +1 -1
- package/dist/assets/{PageTemplate-mjLVQesI.js → PageTemplate-D-EQlTUx.js} +1 -1
- package/dist/assets/{PageTemplate.stories-BD8Hafdu.js → PageTemplate.stories-BzgC-WCT.js} +3 -3
- package/dist/assets/{PaginatedTable _labs_.stories-Lt6yWTDo.js → PaginatedTable _labs_.stories-CvpuSFlt.js } +3 -3
- package/dist/assets/{Pagination-BTycGMV-.js → Pagination-CB1wBW8Q.js} +2 -2
- package/dist/assets/Pagination.stories-RoH8O-RA.js +17 -0
- package/dist/assets/{Paper-DwBg74qy.js → Paper-D-_O-EjU.js} +1 -1
- package/dist/assets/PasswordField.stories-BUOy4gYe.js +129 -0
- package/dist/assets/Picker _labs_.stories-BIZmrH82.js +18 -0
- package/dist/assets/{PickerWithOptionAdornment _labs_.stories-BxW5XACd.js → PickerWithOptionAdornment _labs_.stories-CQYX6Af7.js } +3 -3
- package/dist/assets/Popper-BARIxJrI.js +1 -0
- package/dist/assets/{Portal-CsPQSHsR.js → Portal-C6D59xAE.js} +1 -1
- package/dist/assets/ProgressBar.stories-Dyp9UXSp.js +311 -0
- package/dist/assets/{Radio-7iHx2pBU.js → Radio-B4gVvwps.js} +1 -1
- package/dist/assets/{Radio-AD-L5UNl.js → Radio-BdNnpooK.js} +1 -1
- package/dist/assets/{Radio.stories-eZmvoamt.js → Radio.stories-BtiaRnXY.js} +1 -1
- package/dist/assets/{RadioGroup-Mx_cTqVX.js → RadioGroup-BYJZ378_.js} +1 -1
- package/dist/assets/RadioGroup-CtUWSbQc.js +1 -0
- package/dist/assets/RadioGroup-D1k5iqEQ.js +10 -0
- package/dist/assets/{RadioGroup.stories-CackbN0d.js → RadioGroup.stories-kfMrpCQ4.js} +1 -1
- package/dist/assets/{Refresh-CgZVXlSy.js → Refresh-DexPEklu.js} +1 -1
- package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js} +1 -1
- package/dist/assets/{Right-to-Left (RTL)-CALRs8aM.js → Right-to-Left (RTL)-BHFSR1q8.js } +1 -1
- package/dist/assets/{ScreenReaderText-DbrZU7M5.js → ScreenReaderText-CebALBsG.js} +1 -1
- package/dist/assets/{ScreenReaderText-D9dVDvYs.js → ScreenReaderText-DkVEZTIb.js} +2 -2
- package/dist/assets/ScreenReaderText.stories-BuS5WxvE.js +8 -0
- package/dist/assets/{Search-BSlcf4bB.js → Search-C5TVrLyE.js} +1 -1
- package/dist/assets/{SearchDropdown _labs_.stories-CQype98o.js → SearchDropdown _labs_.stories-Bq7Qapoa.js } +3 -3
- package/dist/assets/{SearchField-glDE5e-X.js → SearchField-BdnOrhVM.js} +1 -1
- package/dist/assets/SearchField.stories-IB3f7QOK.js +37 -0
- package/dist/assets/{Select-VvpDulqk.js → Select-DZTigpTO.js} +1 -1
- package/dist/assets/{Select-BWJ6-p1Z.js → Select-KZvejALm.js} +2 -2
- package/dist/assets/{Select.stories-BXXrgt5o.js → Select.stories-5trfU4Ma.js} +2 -2
- package/dist/assets/{Server-DS5iERo2.js → Server-Ch5aeRtt.js} +1 -1
- package/dist/assets/{Settings-SRsJGOHl.js → Settings-2rTKyez8.js} +1 -1
- package/dist/assets/{Setup-Ri7IU42o.js → Setup-BDM9nDVO.js} +1 -1
- package/dist/assets/{Shadow DOM-DK_1Epv_.js → Shadow DOM-DHECKIzr.js } +1 -1
- package/dist/assets/{Show-DXIrBgNq.js → Show-BnmQFsN6.js} +1 -1
- package/dist/assets/{SideNav-QMiST_j6.js → SideNav-5pMdKSEl.js} +1 -1
- package/dist/assets/{SideNav-CUpwLG1e.js → SideNav-bhdOFKbL.js} +2 -2
- package/dist/assets/{SideNav.stories-l5XPKDfB.js → SideNav.stories-ciX1pArE.js} +1 -1
- package/dist/assets/{Skeleton-DAUyPclv.js → Skeleton-BPjIT6NG.js} +5 -5
- package/dist/assets/{Snackbar-DWLMI8Az.js → Snackbar-BM0ZOC4Y.js} +1 -1
- package/dist/assets/{Stack-t9yXrJ7r.js → Stack-B7OGvu7C.js} +1 -1
- package/dist/assets/{Stack.stories-zmhDXY_k.js → Stack.stories-CYylNLHT.js} +1 -1
- package/dist/assets/{StaticTable _labs_.stories-DJCAtW2q.js → StaticTable _labs_.stories-ChL0Cwn4.js } +3 -3
- package/dist/assets/{Status-CdgTiE4c.js → Status-BlOUycBm.js} +1 -1
- package/dist/assets/{Status.stories-D5tSpO2F.js → Status.stories-Dv4b1Z5X.js} +1 -1
- package/dist/assets/{Surface-BCTO1YR-.js → Surface-DTngmQRF.js} +1 -1
- package/dist/assets/{Switch.stories-r3bYAZpt.js → Switch.stories-hjVvL7UR.js} +5 -5
- package/dist/assets/{SwitchBase-CWdXZnig.js → SwitchBase-CefEM0OA.js} +1 -1
- package/dist/assets/{Sync-CCP_JZB8.js → Sync-BbqTDeWk.js} +1 -1
- package/dist/assets/{Tabs-Dxt5P3aJ.js → Tabs-CQz87GHd.js} +1 -1
- package/dist/assets/{Tabs-DCV9oDtT.js → Tabs-gXh7YFSu.js} +2 -2
- package/dist/assets/{Tabs.stories-CmjPJB02.js → Tabs.stories-CRJgQA20.js} +4 -4
- package/dist/assets/{Tag-C_iW2sj3.js → Tag-DwH0t814.js} +1 -1
- package/dist/assets/{Tag.stories-uilRDgPB.js → Tag.stories-CoLnXBke.js} +1 -1
- package/dist/assets/{TagList-cWni94xt.js → TagList-BZGEhGXn.js} +1 -1
- package/dist/assets/{TextField-BIepBlYn.js → TextField-BhK0y2Zt.js} +1 -1
- package/dist/assets/{TextField.stories-DkCMFN0S.js → TextField.stories-DYOK0z5b.js} +2 -2
- package/dist/assets/Toast.stories-BipAY3GN.js +134 -0
- package/dist/assets/{ToastManager.stories-DToM8bFE.js → ToastManager.stories-BWZvSWGT.js} +1 -1
- package/dist/assets/{Tooltip-D_pBGtcj.js → Tooltip-Cq2rQGbD.js} +1 -1
- package/dist/assets/{Tooltip-DQDBPKMu.js → Tooltip-CsVWtVfL.js} +1 -1
- package/dist/assets/{Tooltip.stories-CgIybZDx.js → Tooltip.stories-B6wyATg5.js} +1 -1
- package/dist/assets/{TopNav-Dwo-KfAw.js → TopNav-DEIYDz6v.js} +1 -1
- package/dist/assets/TopNav.stories-DJNZEi08.js +13 -0
- package/dist/assets/{Typography-DBt3ajUl.js → Typography-CkeEfKaM.js} +1 -1
- package/dist/assets/{Typography-CSpPZFTF.js → Typography-ClQ35Rr-.js} +1 -1
- package/dist/assets/{Typography-B7ktrxCD.js → Typography-Cz6D417Y.js} +1 -1
- package/dist/assets/{Typography-CQfngSjD.js → Typography-r6MlG5YM.js} +1 -1
- package/dist/assets/{Typography.stories-CitS-iTX.js → Typography.stories-93RlEwpU.js} +1 -1
- package/dist/assets/{Typography.stories-dzT0O_H3.js → Typography.stories-DRUYEGzH.js} +1 -1
- package/dist/assets/{UiShell.stories-BV5mK0Oz.js → UiShell.stories-HV8yGvd3.js} +3 -3
- package/dist/assets/{UiShellProvider-Bm9plvoZ.js → UiShellProvider-BEcD16AU.js} +1 -1
- package/dist/assets/{Upload-DH1T10x5.js → Upload-CfzP_Muq.js} +1 -1
- package/dist/assets/{User-CvYTA860.js → User-CyxEAfVT.js} +1 -1
- package/dist/assets/{UserProfile-DrnAMPM1.js → UserProfile-B6GSEZPs.js} +1 -1
- package/dist/assets/UserProfile.stories-Cx9GmLsV.js +14 -0
- package/dist/assets/{UserProfileMenuButton.stories-Dhe9t4Oh.js → UserProfileMenuButton.stories-BjxJHNWm.js} +3 -3
- package/dist/assets/{Video-D8qbHdF4.js → Video-DWT3WylB.js} +1 -1
- package/dist/assets/{WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js → WorkflowsComponentsStorybookThemeDecorator-CxOFxh0W.js} +1 -1
- package/dist/assets/{colorManipulator-C6C6_xuT.js → colorManipulator-DKifQsuo.js} +1 -1
- package/dist/assets/createBox-Dxawkfow.js +1 -0
- package/dist/assets/{createStyled-B0CJenTX.js → createStyled-D6bTcpHC.js} +1 -1
- package/dist/assets/{createSvgIcon-Bv_3NNsK.js → createSvgIcon-ClUWwDzL.js} +1 -1
- package/dist/assets/{dialogActionsClasses-d6kliu8x.js → dialogActionsClasses-ZEPlxVw-.js} +1 -1
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js +1 -0
- package/dist/assets/{entry-preview-Bi6MTClg.js → entry-preview-BxxndF3a.js} +1 -1
- package/dist/assets/{getReactElementRef-Bs64nbeG.js → getReactElementRef-DsIevm5t.js} +1 -1
- package/dist/assets/{iconUtils-C1HBA-0w.js → iconUtils-BII10A1q.js} +1 -1
- package/dist/assets/{iframe-C7GWUW76.js → iframe-Cf-Lpz6Y.js} +2 -2
- package/dist/assets/{index-DkrUiDVY.js → index-DB8HwIVZ.js} +1 -1
- package/dist/assets/{index-DfE121Jj.js → index-DLgQDw3r.js} +3 -3
- package/dist/assets/{index-DoKqiSdS.js → index-Ml2UeFXJ.js} +1 -1
- package/dist/assets/index-_dyfSX8u.js +1 -0
- package/dist/assets/{index.esm-BliC9-aw.js → index.esm-CBOWgn41.js} +1 -1
- package/dist/assets/{index.esm-XFhSJO0s.js → index.esm-DTxqsiYY.js} +1 -1
- package/dist/assets/{inheritsLoose-DTTkq0Su.js → inheritsLoose-CJ6Ie9dp.js} +1 -1
- package/dist/assets/{personData-BOnk54P3.js → personData-BYPP3apv.js} +1 -1
- package/dist/assets/{personData-L8dJyb3X.js → personData-CRkmqebZ.js} +1 -1
- package/dist/assets/{pickerComponentPropsMetadata-CozVRRyR.js → pickerComponentPropsMetadata-D10GkMIO.js} +2 -2
- package/dist/assets/{popper-aiaZgC6t.js → popper-BVOCD5jc.js} +1 -1
- package/dist/assets/{preview-DXRUsonv.js → preview-D06dtFvI.js} +2 -2
- package/dist/assets/{preview-NdtsJkHc.js → preview-Dk8DzNBz.js} +1 -1
- package/dist/assets/{renderUiShell.stories-Pp6_Iqzc.js → renderUiShell.stories-CAw-IOS4.js} +4 -4
- package/dist/assets/{resolveComponentProps-TTQVZ4OZ.js → resolveComponentProps-DXQ8X87i.js} +1 -1
- package/dist/assets/{tableSortLabelClasses-C7INAE6Y.js → tableSortLabelClasses-CkKrbp1R.js} +1 -1
- package/dist/assets/{useAutocomplete-CD_GwhMI.js → useAutocomplete-BRetTkpF.js} +1 -1
- package/dist/assets/{useMobilePicker-CRiGjvfW.js → useMobilePicker-DZhX9dEQ.js} +1 -1
- package/dist/assets/{useOdysseyDateFields-D1TYF4ew.js → useOdysseyDateFields-DPSkeXJj.js} +1 -1
- package/dist/assets/{useScrollIndication-Dq_i6CX-.js → useScrollIndication-mYI-g6xa.js} +3 -3
- package/dist/assets/{useSlot-VN2O4BOA.js → useSlot-CvpE2t6D.js} +1 -1
- package/dist/assets/useThemeProps-BPvYx-mf.js +1 -0
- package/dist/assets/useThemeProps-DwvbKxez.js +1 -0
- package/dist/assets/utils-kUZVaD1e.js +1 -0
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.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.json +1 -1
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/package.json +8 -8
- package/CHANGELOG.md +0 -25
- package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +0 -136
- package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +0 -1
- package/dist/assets/BaseMenuButton-DCwowxQ6.js +0 -1
- package/dist/assets/Box-B6KmU4_J.js +0 -1
- package/dist/assets/Box-B92Cdrku.js +0 -11
- package/dist/assets/Breadcrumbs-BGJJeoxM.js +0 -6
- package/dist/assets/Callout.stories-DVWATUoj.js +0 -105
- package/dist/assets/Card-DqLPNu4w.js +0 -8
- package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +0 -92
- package/dist/assets/Custom Theming.stories-Kx3noLIn.js +0 -95
- package/dist/assets/DataTable _labs_-D_W9CY5T.js +0 -41
- package/dist/assets/DatePicker.stories-DldeVOlB.js +0 -133
- package/dist/assets/Design Tokens-BnlBB5OL.js +0 -4
- package/dist/assets/Dialog-BkOLgyLu.js +0 -1
- package/dist/assets/Drawer.stories-DpNTQVxG.js +0 -95
- package/dist/assets/EmptyState.stories-CkUF2dIR.js +0 -11
- package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +0 -15
- package/dist/assets/Form.stories-Bc84FwlQ.js +0 -69
- package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +0 -33
- package/dist/assets/Icon _icons_.stories-S2muaIBP.js +0 -16
- package/dist/assets/Link-C5sM1_ZF.js +0 -11
- package/dist/assets/MenuButton-CGRa_Y2p.js +0 -9
- package/dist/assets/NativeSelect.stories-CYtg4GGs.js +0 -173
- package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +0 -8
- package/dist/assets/Pagination.stories-rN3x32X9.js +0 -17
- package/dist/assets/PasswordField.stories-BdnDY-tl.js +0 -129
- package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +0 -18
- package/dist/assets/Popper-CSwIGEpk.js +0 -1
- package/dist/assets/RadioGroup-C_zn6OtS.js +0 -1
- package/dist/assets/RadioGroup-yPcOJn0w.js +0 -10
- package/dist/assets/ScreenReaderText.stories-CuVJmeWD.js +0 -8
- package/dist/assets/SearchField.stories-B_myC5_S.js +0 -37
- package/dist/assets/Toast.stories-BgAm1BNQ.js +0 -134
- package/dist/assets/TopNav.stories-z9mNMFB3.js +0 -13
- package/dist/assets/UserProfile.stories-C4EJFTV8.js +0 -14
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js +0 -1
- package/dist/assets/index-6QUE-j0v.js +0 -1
- package/dist/assets/useThemeProps-BgDANuN6.js +0 -1
- package/dist/assets/useThemeProps-DJ3F4KkW.js +0 -1
- package/dist/assets/utils-BdcLUgCD.js +0 -1
- package/dist/index.cjs +0 -231
- package/dist/index.es.js +0 -3173
- package/dist/index.es.js.map +0 -1
- package/dist/index.iife.js +0 -9
- package/dist/index.iife.js.map +0 -1
- package/dist/index.mjs +0 -229
- package/dist/index.scss +0 -549
- package/dist/index.umd.cjs +0 -9
- package/dist/index.umd.cjs.map +0 -1
- package/dist/types/getTranslationServices.browser.test.d.ts +0 -1
- package/dist/types/getTranslationServices.browser.test.js +0 -88
- package/dist/types/getTranslationServices.browser.test.js.map +0 -1
- package/dist/types/getTranslationServices.d.ts +0 -91
- package/dist/types/getTranslationServices.js +0 -77
- package/dist/types/getTranslationServices.js.map +0 -1
- package/dist/types/getTypedObjectEntries.d.ts +0 -1
- package/dist/types/getTypedObjectEntries.js +0 -2
- package/dist/types/getTypedObjectEntries.js.map +0 -1
- package/dist/types/index.js +0 -3
- package/dist/types/index.js.map +0 -1
- package/dist/types/translationServices.types.d.ts +0 -2
- package/dist/types/translationServices.types.js +0 -34
- package/dist/types/translationServices.types.js.map +0 -1
- package/dist/types/tsconfig.tsbuildinfo +0 -1
- package/ok.yaml +0 -1
- package/src/getTranslationServices.browser.test.tsx +0 -173
- package/src/getTranslationServices.tsx +0 -286
- package/src/getTypedObjectEntries.ts +0 -3
- package/src/index.ts +0 -2
- package/src/translationServices.types.ts +0 -36
- package/src/tsconfig.json +0 -7
- package/tsconfig.json +0 -41
- package/vite.config.project.ts +0 -61
- package/vite.config.ts +0 -21
- package/vite.config.ts.bak +0 -33
- package/vitest-browser-setup.ts +0 -14
- package/vitest-jsdom-setup.ts +0 -13
- package/vitest-node-setup.ts +0 -13
- package/vitest.config.project.ts +0 -16
- package/vitest.config.ts +0 -27
- package/vitest.config.ts.bak +0 -27
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{a as Z}from"./index-B-lxVbXh.js";import{c as $,w as ee,e as n,a as f,u as x}from"./index-BJMTVygn.js";import{r as I}from"./index-NdkWRN8K.js";import{P as S}from"./PlaceholderLogo-JfVvgA23.js";import{O as te}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{a as Z}from"./index-B-lxVbXh.js";import{c as $,w as ee,e as n,a as f,u as x}from"./index-BJMTVygn.js";import{r as I}from"./index-NdkWRN8K.js";import{P as S}from"./PlaceholderLogo-JfVvgA23.js";import{O as te}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as o}from"./SideNav-5pMdKSEl.js";import{M as Y,a as J,b as y,c as oe,d as ae,e as ne,f as se}from"./Server-Ch5aeRtt.js";import{M as re}from"./Box-1mvP3NLW.js";import{f as ie,d as le}from"./Typography-Cz6D417Y.js";import{M as de}from"./User-CyxEAfVT.js";import{M as Q}from"./Home-la7Lmt_L.js";import{M as C}from"./Folder-e-po0U54.js";import{M as ce}from"./Download-Zlhupksh.js";import{M as me}from"./Clock-17ua7UAW.js";import{M as pe}from"./Settings-2rTKyez8.js";const ue=()=>e.jsxs(re,{sx:{border:"1px dashed gray"},children:[e.jsx(ie,{children:"Your custom footer content goes here"}),e.jsx(le,{children:"Dashed border to show content box. Not present outside of this example"})]}),ge={component:o,decorators:[te],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{appName:{control:"text",description:"Header text for the side nav",table:{type:{summary:"string"}}},footerComponent:{description:"Custom footer component to render in place of footer items."},footerItems:{description:"",table:{type:{summary:"Array<SideNavFooterItem>"}}},hasCustomFooter:{control:"boolean",description:"Defines if a custom footer should be visible when available.",table:{type:{summary:"boolean"}}},isCollapsible:{control:"boolean",description:"Controls whether the side nav is collapsible",table:{type:{summary:"boolean"}}},isCollapsed:{control:"boolean",description:"Controls whether the side nav is collapsed",table:{type:{summary:"boolean"}}},isCompact:{control:"boolean",description:"Controls whether the side nav uses compact layout",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Controls whether the side nav shows the skeleton loader.",table:{type:{summary:"boolean"}}},logoProps:{description:"Props passed in to render custom logo and/or link",table:{type:{summary:"href?: string; logoSrcUrl?: string; altText?: string; logoComponent?: ReactElement"}}},onCollapse:{description:"Callback to be triggered when the side nav is collapsed"},onExpand:{description:"Callback to be triggered when the side nav is expanded"},onSort:{description:"Callback to be triggered when a nested side nav item inside is reordered. Returns the new items list"},sideNavItems:{description:"",table:{type:{summary:"Array<SideNavItem>"}}}},args:{appName:"Admin Console",isCollapsible:!0,isCollapsed:!1,isCompact:!1,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:e.jsx(Y,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(de,{})},{id:"item4",label:"Dashboard",startIcon:e.jsx(Q,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:e.jsx(J,{})},{id:"item6",label:"Onboarding",startIcon:e.jsx(C,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start",translate:"no"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:e.jsx(y,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:e.jsx(oe,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:e.jsx(ce,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(ae,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(me,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:e.jsx(ne,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:e.jsx(pe,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General",translate:"no"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management",translate:"no"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:e.jsx(C,{})},{id:"item17",href:"/",label:"Really Long Item Name With Spaces",startIcon:e.jsx(y,{})},{id:"item18",href:"/",label:"ReallyLongSingleItemNameWithoutSpaces",startIcon:e.jsx(y,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]}},l={render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})}),play:async({canvasElement:t,step:s})=>{$({testIdAttribute:"data-se"});const r=ee(t),a=r.getByRole("button",{name:"Close navigation"}),b=r.getByRole("navigation",{name:"Main navigation"}),i=r.getByTestId("scrollable-region");await s("Side Nav Should be scrolled as expected",async()=>{await new Promise(v=>setTimeout(v,100)),i.scrollTop!==0?n(i.scrollTop).not.toBe(0):await f(()=>{n(i.scrollTop).not.toBe(0)},{timeout:1e3})}),await s("Side Nav Collapse",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("false"),n(b).toHaveStyle({width:0})})}),await s("Side Nav Expand",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("true"),n(b).toBeVisible()})})}},d={args:{appName:void 0,logoProps:{logoComponent:e.jsx(S.One,{})},sideNavItems:[{href:"#",id:"sortable-item1",label:"My Apps",onClick:t=>{t.preventDefault(),Z('onClick: "My Apps"')(t)},isSortable:!0,startIcon:e.jsx(Q,{}),nestedNavItems:[{id:"sortable-item1-1",label:"Recently Used",isSortable:!1},{id:"sortable-item1-2",label:"Work"},{id:"sortable-item1-3",label:"Group 1"},{id:"sortable-item1-4",label:"Group 2"},{id:"sortable-item1-5",label:"Add section",endIcon:e.jsx(Y,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(se,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(J,{})}]},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},c={args:{isLoading:!0},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},m={args:{logoProps:{logoComponent:e.jsx(S.One,{})}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},p={args:{logoProps:{imageUrl:"https://placehold.co/600x60",imageAltText:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},u={args:{logoProps:{href:"/",logoComponent:e.jsx(S.One,{}),ariaLabel:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},g={args:{footerItems:void 0,hasCustomFooter:!0,footerComponent:e.jsx(ue,{})},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},h={args:{isLoading:!0},render:function({sideNavItems:s,isLoading:r,...a}){const[b,i]=I.useState([]),[v,X]=I.useState(r);return I.useEffect(()=>{setTimeout(()=>{i(s||[]),X(!1)},1e3)}),e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{isLoading:v,sideNavItems:b,...a})})}};var N,w,j;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
2
2
|
render: props => {
|
|
3
3
|
return <div style={{
|
|
4
4
|
height: "100vh"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{W as y,V as w,c as R,_,b as o,s as S,d as U,f as $,ai as u,aj as b}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as j}from"./index-NdkWRN8K.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{a as A}from"./colorManipulator-DKifQsuo.js";function X(t){return String(t).match(/[\d.\-+]*\s*(.*)/)[1]||""}function N(t){return parseFloat(t)}function W(t){return w("MuiSkeleton",t)}const T=y("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]),B=["animation","className","component","height","style","variant","width"];let r=t=>t,p,m,f,g;const E=t=>{const{classes:a,variant:e,animation:i,hasChildren:s,width:l,height:n}=t;return $({root:["root",e,i,s&&"withChildren",s&&!l&&"fitContent",s&&!n&&"heightAuto"]},W,a)},F=b(p||(p=r`
|
|
2
2
|
0% {
|
|
3
3
|
opacity: 1;
|
|
4
4
|
}
|
|
@@ -10,7 +10,7 @@ import{V as y,U as w,c as R,_,b as o,s as U,d as S,f as $,ah as u,ai as b}from".
|
|
|
10
10
|
100% {
|
|
11
11
|
opacity: 1;
|
|
12
12
|
}
|
|
13
|
-
`)),
|
|
13
|
+
`)),K=b(m||(m=r`
|
|
14
14
|
0% {
|
|
15
15
|
transform: translateX(-100%);
|
|
16
16
|
}
|
|
@@ -23,9 +23,9 @@ import{V as y,U as w,c as R,_,b as o,s as U,d as S,f as $,ah as u,ai as b}from".
|
|
|
23
23
|
100% {
|
|
24
24
|
transform: translateX(100%);
|
|
25
25
|
}
|
|
26
|
-
`)),
|
|
26
|
+
`)),P=S("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:e}=t;return[a.root,a[e.variant],e.animation!==!1&&a[e.animation],e.hasChildren&&a.withChildren,e.hasChildren&&!e.width&&a.fitContent,e.hasChildren&&!e.height&&a.heightAuto]}})(({theme:t,ownerState:a})=>{const e=X(t.shape.borderRadius)||"px",i=N(t.shape.borderRadius);return o({display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:A(t.palette.text.primary,t.palette.mode==="light"?.11:.13),height:"1.2em"},a.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${e}/${Math.round(i/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}},a.variant==="circular"&&{borderRadius:"50%"},a.variant==="rounded"&&{borderRadius:(t.vars||t).shape.borderRadius},a.hasChildren&&{"& > *":{visibility:"hidden"}},a.hasChildren&&!a.width&&{maxWidth:"fit-content"},a.hasChildren&&!a.height&&{height:"auto"})},({ownerState:t})=>t.animation==="pulse"&&u(f||(f=r`
|
|
27
27
|
animation: ${0} 2s ease-in-out 0.5s infinite;
|
|
28
|
-
`),
|
|
28
|
+
`),F),({ownerState:t,theme:a})=>t.animation==="wave"&&u(g||(g=r`
|
|
29
29
|
position: relative;
|
|
30
30
|
overflow: hidden;
|
|
31
31
|
|
|
@@ -48,4 +48,4 @@ import{V as y,U as w,c as R,_,b as o,s as U,d as S,f as $,ah as u,ai as b}from".
|
|
|
48
48
|
right: 0;
|
|
49
49
|
top: 0;
|
|
50
50
|
}
|
|
51
|
-
`),
|
|
51
|
+
`),K,(a.vars||a).palette.action.hover)),q=j.forwardRef(function(a,e){const i=R({props:a,name:"MuiSkeleton"}),{animation:s="pulse",className:l,component:n="span",height:d,style:v,variant:C="text",width:k}=i,h=_(i,B),c=o({},i,{animation:s,component:n,variant:C,hasChildren:!!h.children}),x=E(c);return M.jsx(P,o({as:n,ref:e,className:U(x.root,l),ownerState:c},h,{style:o({width:k,height:d},v)}))});export{q as S,T as s};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as C,
|
|
1
|
+
import{b as C,V as A,W as D,c as B,_ as M,s as y,d as V,f as F,n as Y,e as R}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as i}from"./index-NdkWRN8K.js";import{u as J,a as Q}from"./useIsFocusVisible-DH0qxT5e.js";import{u as P}from"./inheritsLoose-CJ6Ie9dp.js";import{e as j}from"./resolveComponentProps-DXQ8X87i.js";import{j as k}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./utils-kUZVaD1e.js";import{G as ee}from"./Grow-C8kUeGCY.js";import{g as ne,u as te}from"./getReactElementRef-DsIevm5t.js";import{o as S}from"./ownerDocument-DW-IO8s5.js";import{P as oe}from"./Paper-D-_O-EjU.js";function z(e){return e.substring(2).toLowerCase()}function re(e,n){return n.documentElement.clientWidth<e.clientX||n.documentElement.clientHeight<e.clientY}function se(e){const{children:n,disableReactTree:s=!1,mouseEvent:o="onClick",onClickAway:l,touchEvent:u="onTouchEnd"}=e,g=i.useRef(!1),d=i.useRef(null),h=i.useRef(!1),v=i.useRef(!1);i.useEffect(()=>(setTimeout(()=>{h.current=!0},0),()=>{h.current=!1}),[]);const m=J(ne(n),d),f=P(a=>{const c=v.current;v.current=!1;const b=S(d.current);if(!h.current||!d.current||"clientX"in a&&re(a,b))return;if(g.current){g.current=!1;return}let t;a.composedPath?t=a.composedPath().indexOf(d.current)>-1:t=!b.documentElement.contains(a.target)||d.current.contains(a.target),!t&&(s||!c)&&l(a)}),x=a=>c=>{v.current=!0;const b=n.props[a];b&&b(c)},E={ref:m};return u!==!1&&(E[u]=x(u)),i.useEffect(()=>{if(u!==!1){const a=z(u),c=S(d.current),b=()=>{g.current=!0};return c.addEventListener(a,f),c.addEventListener("touchmove",b),()=>{c.removeEventListener(a,f),c.removeEventListener("touchmove",b)}}},[f,u]),o!==!1&&(E[o]=x(o)),i.useEffect(()=>{if(o!==!1){const a=z(o),c=S(d.current);return c.addEventListener(a,f),()=>{c.removeEventListener(a,f)}}},[f,o]),k.jsx(i.Fragment,{children:i.cloneElement(n,E)})}function ae(e={}){const{autoHideDuration:n=null,disableWindowBlurListener:s=!1,onClose:o,open:l,resumeHideDuration:u}=e,g=Q();i.useEffect(()=>{if(!l)return;function t(r){r.defaultPrevented||(r.key==="Escape"||r.key==="Esc")&&(o==null||o(r,"escapeKeyDown"))}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[l,o]);const d=P((t,r)=>{o==null||o(t,r)}),h=P(t=>{!o||t==null||g.start(t,()=>{d(null,"timeout")})});i.useEffect(()=>(l&&h(n),g.clear),[l,n,h,g]);const v=t=>{o==null||o(t,"clickaway")},m=g.clear,f=i.useCallback(()=>{n!=null&&h(u??n*.5)},[n,u,h]),x=t=>r=>{const p=t.onBlur;p==null||p(r),f()},E=t=>r=>{const p=t.onFocus;p==null||p(r),m()},a=t=>r=>{const p=t.onMouseEnter;p==null||p(r),m()},c=t=>r=>{const p=t.onMouseLeave;p==null||p(r),f()};return i.useEffect(()=>{if(!s&&l)return window.addEventListener("focus",f),window.addEventListener("blur",m),()=>{window.removeEventListener("focus",f),window.removeEventListener("blur",m)}},[s,l,f,m]),{getRootProps:(t={})=>{const r=C({},j(e),j(t));return C({role:"presentation"},t,r,{onBlur:x(r),onFocus:E(r),onMouseEnter:a(r),onMouseLeave:c(r)})},onClickAway:v}}function ie(e){return A("MuiSnackbarContent",e)}D("MuiSnackbarContent",["root","message","action"]);const ce=["action","className","message","role"],le=e=>{const{classes:n}=e;return F({root:["root"],action:["action"],message:["message"]},ie,n)},ue=y(oe,{name:"MuiSnackbarContent",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>{const n=e.palette.mode==="light"?.8:.98,s=Y.emphasize(e.palette.background.default,n);return C({},e.typography.body2,{color:e.vars?e.vars.palette.SnackbarContent.color:e.palette.getContrastText(s),backgroundColor:e.vars?e.vars.palette.SnackbarContent.bg:s,display:"flex",alignItems:"center",flexWrap:"wrap",padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,flexGrow:1,[e.breakpoints.up("sm")]:{flexGrow:"initial",minWidth:288}})}),de=y("div",{name:"MuiSnackbarContent",slot:"Message",overridesResolver:(e,n)=>n.message})({padding:"8px 0"}),fe=y("div",{name:"MuiSnackbarContent",slot:"Action",overridesResolver:(e,n)=>n.action})({display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8}),pe=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbarContent"}),{action:l,className:u,message:g,role:d="alert"}=o,h=M(o,ce),v=o,m=le(v);return k.jsxs(ue,C({role:d,square:!0,elevation:6,className:V(m.root,u),ownerState:v,ref:s},h,{children:[k.jsx(de,{className:m.message,ownerState:v,children:g}),l?k.jsx(fe,{className:m.action,ownerState:v,children:l}):null]}))});function me(e){return A("MuiSnackbar",e)}D("MuiSnackbar",["root","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft"]);const ge=["onEnter","onExited"],he=["action","anchorOrigin","autoHideDuration","children","className","ClickAwayListenerProps","ContentProps","disableWindowBlurListener","message","onBlur","onClose","onFocus","onMouseEnter","onMouseLeave","open","resumeHideDuration","TransitionComponent","transitionDuration","TransitionProps"],ve=e=>{const{classes:n,anchorOrigin:s}=e,o={root:["root",`anchorOrigin${R(s.vertical)}${R(s.horizontal)}`]};return F(o,me,n)},H=y("div",{name:"MuiSnackbar",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:s}=e;return[n.root,n[`anchorOrigin${R(s.anchorOrigin.vertical)}${R(s.anchorOrigin.horizontal)}`]]}})(({theme:e,ownerState:n})=>{const s={left:"50%",right:"auto",transform:"translateX(-50%)"};return C({zIndex:(e.vars||e).zIndex.snackbar,position:"fixed",display:"flex",left:8,right:8,justifyContent:"center",alignItems:"center"},n.anchorOrigin.vertical==="top"?{top:8}:{bottom:8},n.anchorOrigin.horizontal==="left"&&{justifyContent:"flex-start"},n.anchorOrigin.horizontal==="right"&&{justifyContent:"flex-end"},{[e.breakpoints.up("sm")]:C({},n.anchorOrigin.vertical==="top"?{top:24}:{bottom:24},n.anchorOrigin.horizontal==="center"&&s,n.anchorOrigin.horizontal==="left"&&{left:24,right:"auto"},n.anchorOrigin.horizontal==="right"&&{right:24,left:"auto"})})}),Pe=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbar"}),l=Z(),u={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{action:g,anchorOrigin:{vertical:d,horizontal:h}={vertical:"bottom",horizontal:"left"},autoHideDuration:v=null,children:m,className:f,ClickAwayListenerProps:x,ContentProps:E,disableWindowBlurListener:a=!1,message:c,open:b,TransitionComponent:t=ee,transitionDuration:r=u,TransitionProps:{onEnter:p,onExited:O}={}}=o,N=M(o.TransitionProps,ge),W=M(o,he),w=C({},o,{anchorOrigin:{vertical:d,horizontal:h},autoHideDuration:v,disableWindowBlurListener:a,TransitionComponent:t,transitionDuration:r}),U=ve(w),{getRootProps:_,onClickAway:$}=ae(C({},w)),[I,T]=i.useState(!0),G=te({elementType:H,getSlotProps:_,externalForwardedProps:W,ownerState:w,additionalProps:{ref:s},className:[U.root,f]}),X=L=>{T(!0),O&&O(L)},K=(L,q)=>{T(!1),p&&p(L,q)};return!b&&I?null:k.jsx(se,C({onClickAway:$},x,{children:k.jsx(H,C({},G,{children:k.jsx(t,C({appear:!0,in:b,timeout:r,direction:d==="top"?"down":"up",onEnter:K,onExited:X},N,{children:m||k.jsx(pe,C({message:c,action:g},E))}))}))}))});export{Pe as S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as R,_ as T,b as k,d as D,an as v,ao as p,ap as F,a9 as B,aq as G,f as M,V as E,G as N,ar as h,s as _,c as O}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as d}from"./index-NdkWRN8K.js";import{c as U}from"./createStyled-D6bTcpHC.js";import{j as $}from"./jsx-runtime-CnH95YSl.js";import{u as A}from"./useThemeProps-DwvbKxez.js";const L=U(),q=["component","direction","spacing","divider","children","className","useFlexGap"],I=N(),W=L("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root});function z(e){return A({props:e,name:"MuiStack",defaultTheme:I})}function H(e,s){const n=d.Children.toArray(e).filter(Boolean);return n.reduce((a,c,t)=>(a.push(c),t<n.length-1&&a.push(d.cloneElement(s,{key:`separator-${t}`})),a),[])}const J=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],K=({ownerState:e,theme:s})=>{let n=k({display:"flex",flexDirection:"column"},v({theme:s},p({values:e.direction,breakpoints:s.breakpoints.values}),a=>({flexDirection:a})));if(e.spacing){const a=F(s),c=Object.keys(s.breakpoints.values).reduce((o,r)=>((typeof e.spacing=="object"&&e.spacing[r]!=null||typeof e.direction=="object"&&e.direction[r]!=null)&&(o[r]=!0),o),{}),t=p({values:e.direction,base:c}),m=p({values:e.spacing,base:c});typeof t=="object"&&Object.keys(t).forEach((o,r,i)=>{if(!t[o]){const u=r>0?t[i[r-1]]:"column";t[o]=u}}),n=B(n,v({theme:s},m,(o,r)=>e.useFlexGap?{gap:h(a,o)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${J(r?t[r]:e.direction)}`]:h(a,o)}}))}return n=G(s.breakpoints,n),n};function Q(e={}){const{createStyledComponent:s=W,useThemeProps:n=z,componentName:a="MuiStack"}=e,c=()=>M({root:["root"]},o=>E(a,o),{}),t=s(K);return d.forwardRef(function(o,r){const i=n(o),l=R(i),{component:u="div",direction:x="column",spacing:j=0,divider:y,children:g,className:P,useFlexGap:S=!1}=l,C=T(l,q),V={direction:x,spacing:j,useFlexGap:S},b=c();return $.jsx(t,k({as:u,ownerState:V,ref:r,className:D(b.root,P)},C,{children:y?H(g,y):g}))})}const se=Q({createStyledComponent:_("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root}),useThemeProps:e=>O({props:e,name:"MuiStack"})});export{se as S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{u as d,h as l}from"./OdysseyThemeProvider-
|
|
1
|
+
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{u as d,h as l}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{O as u}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{r as h}from"./index-NdkWRN8K.js";import{S as x}from"./Stack-B7OGvu7C.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";const y=[0,1,2,3,4,5,6,7,8,9],s=["row","row-reverse","column","column-reverse"],g=({children:e,direction:m="column",spacing:p=2})=>t.jsx(x,{direction:m,spacing:p,children:e}),i=h.memo(g);i.displayName="Stack";const r=l.div(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:e.Spacing8,height:e.Spacing8,backgroundColor:e.HueNeutral100,border:`1px dashed ${e.PalettePrimaryDarker}`,borderRadius:e.BorderRadiusMain})),f=()=>{const e=d();return t.jsxs(t.Fragment,{children:[t.jsx(r,{odysseyDesignTokens:e,children:"1"}),t.jsx(r,{odysseyDesignTokens:e,children:"2"}),t.jsx(r,{odysseyDesignTokens:e,children:"3"}),t.jsx(r,{odysseyDesignTokens:e,children:"4"})]})},D={component:i,decorators:[u],tags:["autodocs"],argTypes:{children:{control:t.jsx(t.Fragment,{}),description:"The content of the component",table:{type:{summary:"ReactNode"}}},direction:{options:s,control:{type:"radio"},description:"The flex-direction applied to the Stack",table:{type:{summary:s.join(" | ")}},type:{name:"other",value:"radio"}},spacing:{control:"select",options:y.map(e=>e)},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:t.jsx(f,{}),spacing:2}},o={};var a,c,n;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(c=o.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const E=["Default"];export{o as Default,E as __namedExportsOrder,D as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{u as w,M as B}from"./index.esm-DTxqsiYY.js";import{r as e}from"./index-NdkWRN8K.js";import{K as F}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M}from"./Button-BEA5U6Tg.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./createSvgIcon-ClUWwDzL.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./List-CmjR1pNu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-kUZVaD1e.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Portal-C6D59xAE.js";import"./Paper-D-_O-EjU.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./CircularProgress-HbIdZLBB.js";import"./DialogContent-Cwn-I-C_.js";import"./Fade-dUgBN8rJ.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-ZEPlxVw-.js";import"./DialogTitle-C-K7jEio.js";import"./Typography-ClQ35Rr-.js";import"./Menu-K9lpVvDG.js";import"./MenuList-BMOesnfs.js";import"./colorManipulator-DKifQsuo.js";import"./IconButton-5qShmnSr.js";import"./Radio-B4gVvwps.js";import"./SwitchBase-CefEM0OA.js";import"./Checkbox-vZwuXtzm.js";import"./useMobilePicker-DZhX9dEQ.js";import"./Select-DZTigpTO.js";import"./ArrowDropDown-DdemyKZU.js";import"./InputBase-DeB4_faH.js";import"./FormHelperText-CsNAE1E3.js";import"./useThemeProps-BPvYx-mf.js";import"./InputAdornment-CdR3XT6f.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-BzIwUmSM.js";import"./Chip-CXnMieIl.js";import"./MenuItem-vhp8G-Nb.js";import"./Collapse-DfdoVIdP.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./Close-OXBt1nIe.js";import"./Skeleton-BPjIT6NG.js";import"./Divider-Ln3VaO81.js";import"./Autocomplete-CxtGbb8j.js";import"./ListSubheader-CQJAAOsd.js";import"./tableSortLabelClasses-CkKrbp1R.js";import"./FormControlLabel-0BBemR80.js";import"./DateTimePicker-B7a9bgL6.js";import"./Tabs-CQz87GHd.js";import"./DatePicker-BwDkz3WT.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";/*!
|
|
2
2
|
* Copyright (c) 2022-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
|
*
|
|
@@ -8,7 +8,7 @@ import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStoryb
|
|
|
8
8
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const j=({columns:a=[],data:
|
|
11
|
+
*/const j=({columns:a=[],data:S=[],getRowId:J,hasError:E,initialState:T,onGlobalFilterChange:i,state:l,ToolbarButtons:n})=>{const{t:L}=F(),c=e.useRef(null),[d,R]=e.useState([]),[t,K]=e.useState();e.useEffect(()=>{t!==void 0&&(i==null||i(t))},[t,i]);const v=e.useMemo(()=>({globalFilter:t,columnFilters:d,...l}),[t,d,l]),V=e.useCallback(({table:s})=>r.jsx(r.Fragment,{children:n&&r.jsx(n,{table:s})}),[n]);e.useEffect(()=>{var s,p;try{(p=(s=c.current)==null?void 0:s.scrollToIndex)==null||p.call(s,0)}catch(C){console.error(C)}},[d,t]);const O=w({columns:a,data:S,enableBottomToolbar:!1,enablePagination:!1,enableRowVirtualization:!0,enableSorting:!1,getRowId:J,initialState:T,muiToolbarAlertBannerProps:E?{children:L("table.error"),color:"error"}:void 0,onColumnFiltersChange:R,onGlobalFilterChange:K,renderTopToolbarCustomActions:V,rowVirtualizerInstanceRef:c,rowVirtualizerOptions:{overscan:4},state:v});return r.jsx(B,{table:O})},k=e.memo(j);k.displayName="StaticTable";const fe={component:k,decorators:[I],argTypes:{columns:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},data:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},getRowId:{},fetchMoreData:{},hasError:{control:"boolean"},hasRowSelection:{control:"boolean"},initialState:{control:"object"},isFetching:{control:"boolean"},onGlobalFilterChange:{},onPaginationChange:{},onRowSelectionChange:{},state:{control:"object"}}},D=[{accessorKey:"name.firstName",header:"First Name"},{accessorKey:"name.lastName",header:"Last Name"},{accessorKey:"address",Cell:({cell:a})=>a.getValue().concat(","),header:"Address"},{accessorKey:"city",header:"City"},{accessorKey:"state",header:"State"}],g=[{address:"261 Erdman Ford",city:"East Daphne",id:"234823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"234823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"234823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"234823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"234823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"334823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"334823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"334823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"334823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"334823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"434823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"434823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"434823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"434823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"434823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"534823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"534823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"534823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"534823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"534823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"634823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"634823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"634823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"634823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"634823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"734823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"734823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"734823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"734823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"734823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"834823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"834823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"834823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"834823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"834823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"934823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"934823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"934823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"934823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"934823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"}],o={args:{columns:D,data:g,getRowId:({id:a})=>a}},m={args:{columns:D,data:g,getRowId:({id:a})=>a,ToolbarButtons:({table:a})=>r.jsx(M,{label:"New Action",onClick:()=>console.info(a.getState()),variant:"primary"})}};var u,N,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
12
12
|
args: {
|
|
13
13
|
columns,
|
|
14
14
|
data,
|
|
@@ -31,4 +31,4 @@ import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStoryb
|
|
|
31
31
|
table
|
|
32
32
|
}) => <Button label="New Action" onClick={() => console.info(table.getState())} variant="primary" />
|
|
33
33
|
}
|
|
34
|
-
}`,...(b=(h=m.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};const
|
|
34
|
+
}`,...(b=(h=m.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};const ye=["BasicUsage","CustomToolbar"];export{o as BasicUsage,m as CustomToolbar,ye as __namedExportsOrder,fe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as m}from"./index-NdkWRN8K.js";import{u}from"./MuiPropsContext-DhRylJZk.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{C as l}from"./Chip-
|
|
1
|
+
import{r as m}from"./index-NdkWRN8K.js";import{u}from"./MuiPropsContext-DhRylJZk.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{C as l}from"./Chip-CXnMieIl.js";const b=["default","error","info","success","warning"],j=["lamp","pill"],n=({ariaDescribedBy:s,label:a,severity:t,testId:r,translate:o,variant:e="pill"})=>{const i=u();return p.jsx(l,{...i,"aria-describedby":s,color:t,"data-se":r,label:a,translate:o,variant:e})},c=m.memo(n);c.displayName="Status";export{c as M,b as a,j as s};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as m}from"./jsx-runtime-CnH95YSl.js";import{O as U}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as m}from"./jsx-runtime-CnH95YSl.js";import{O as U}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{s as d,a as u,M as N}from"./Status-BlOUycBm.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";const ur={component:N,decorators:[U],tags:["autodocs"],argTypes:{label:{control:"text",description:"The text describing the Status",type:{required:!0,name:"string"}},severity:{control:"radio",options:u,description:"The severity of the Status, as indicated by its styling",table:{type:{summary:u.join(" | ")},defaultValue:{summary:"default"}},type:{required:!0,name:"other",value:"radio"}},variant:{control:"radio",options:d,description:"Whether the Status is displayed uncontained (`lamp`) or contained (`pill`)",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"pill"}}}},args:{label:"Warp drive in standby",severity:"default"}},r={args:{label:"Warp drive in standby"}},e={args:{label:"Warp drive unstable",severity:"error"}},a={args:{label:"Warp drive unstable",severity:"info"}},s={args:{label:"Warp drive online",severity:"success"}},t={args:{label:"Warp fuel low",severity:"warning"}},n={args:{label:"Warp drive in standby",variant:"lamp"}},o={args:{label:"Warp drive unstable",severity:"error",variant:"lamp"}},i={args:{label:"Warp drive unstable",severity:"info",variant:"lamp"}},l={args:{label:"Warp drive online",severity:"success",variant:"lamp"}},p={args:{label:"Warp fuel low",severity:"warning",variant:"lamp"}},c={args:{label:"A really long label that will overflow the container and should be truncated",variant:"lamp"},render:function(Q){return m.jsx("div",{style:{width:"200px"},children:m.jsx(N,{...Q})})}};var v,g,b;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
label: "Warp drive in standby"
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as t,
|
|
1
|
+
import{u as t,a5 as a,h as n,O as d}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as i}from"./index-NdkWRN8K.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{P as c}from"./Paper-D-_O-EjU.js";const m=n(c,{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="contrastMode"})(({contrastMode:o,odysseyDesignTokens:e})=>({border:o==="lowContrast"?`1px solid ${e.HueNeutral100}`:"none",borderRadius:e.Spacing4,boxShadow:"none",padding:e.Spacing5})),p=({children:o})=>{const e=t(),{contrastMode:r}=a();return s.jsx(m,{contrastMode:r,odysseyDesignTokens:e,children:s.jsx(d,{children:o})})},u=i.memo(p);u.displayName="Surface";export{u as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{w as it,u as O,e as ct}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{a as st}from"./axeRun-B-LchFqf.js";import{O as lt}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{w as it,u as O,e as ct}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{a as st}from"./axeRun-B-LchFqf.js";import{O as lt}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as m}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{K as ut,u as J,h as l,M as dt}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as ht}from"./Box-1mvP3NLW.js";import{M as pt}from"./FieldHint-B3Jif_Up.js";import{g as mt,C as bt}from"./inputUtils-Dbi8XkA6.js";import{u as ft}from"./useUniqueId-Bsgqe1tm.js";import{F as wt}from"./FormLabel-CiGre9wK.js";import{M as Ct}from"./Link-BDoLypER.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./FormHelperText-CsNAE1E3.js";import"./useFormControl-BMISTZuX.js";import"./createUniqueId-ByTaVY63.js";import"./Link-DNIf0luC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-ClQ35Rr-.js";import"./ExternalLink-D0l1c5Cz.js";/*!
|
|
2
2
|
* Copyright (c) 2022-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
|
*
|
|
@@ -18,7 +18,7 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{w as it,u as O,e as ct}from
|
|
|
18
18
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
19
|
*
|
|
20
20
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
21
|
-
*/const D=e=>Number(e.replace(/rem$/,"")),w=e=>e/14,{CONTROLLED:H}=bt,b=["isChecked","isDisabled","isFullWidth","isReadOnly","odysseyDesignTokens"],St=l("div",{shouldForwardProp:e=>!b.includes(e)})(({isFullWidth:e,odysseyDesignTokens:r})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",maxWidth:e?"100%":r.TypographyLineLengthMax})),xt=l.div({position:"relative"}),gt=l(wt,{shouldForwardProp:e=>!b.includes(e)})(({isDisabled:e,isReadOnly:r,odysseyDesignTokens:a})=>({display:"block",margin:0,color:a.PaletteNeutralDark,...e&&{color:a.TypographyColorDisabled,p:{color:a.TypographyColorDisabled},a:{color:`${a.TypographyColorDisabled} !important`}},...r&&{color:a.HueNeutral700,p:{color:a.HueNeutral700},a:{color:`${a.HueNeutral700} !important`}}})),vt=l("div",{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"relative",width:t.Spacing7,height:`calc(${t.Spacing4} + ${t.Spacing1})`,borderRadius:t.BorderRadiusOuter,backgroundColor:t.HueNeutral300,transition:`background-color ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral200},...a&&{backgroundColor:t.HueNeutral600},...e&&!r&&!a&&{backgroundColor:t.PaletteSuccessLight}})),yt=l("span",{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>{const i=w(3),c=D(t.Spacing7),u=D(t.Spacing4)-w(2),n=c-u-i*2;return{position:"absolute",top:"50%",left:`${i}rem`,width:`calc(${t.Spacing4} - ${w(2)}rem)`,height:`calc(${t.Spacing4} - ${w(2)}rem)`,borderRadius:t.BorderRadiusRound,backgroundColor:t.HueNeutralWhite,transform:"translate3d(0, -50%, 0)",transition:`transform ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral50},...a&&{backgroundColor:t.HueNeutral400},...e&&{transform:`translate3d(${n}rem, -50%, 0)`}}}),$t=l(dt,{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"absolute",top:"50%",left:3,width:t.Spacing4,transform:"translateY(-50%)",transition:`opacity ${t.TransitionDurationMain}`,opacity:0,path:{fill:t.HueNeutralWhite},...e&&{opacity:1},...(r||a)&&{path:{fill:t.HueNeutral50}}})),Ht=l.input(({odysseyDesignTokens:e,isReadOnly:r})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:r?"default":"pointer",zIndex:2,"&:focus-visible":{"~ [data-switch-track='true']":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`}}})),T=({hint:e,hintId:r,HintLinkComponent:a,inputId:t,isDisabled:i,label:c,isReadOnly:u})=>{const n=
|
|
21
|
+
*/const D=e=>Number(e.replace(/rem$/,"")),w=e=>e/14,{CONTROLLED:H}=bt,b=["isChecked","isDisabled","isFullWidth","isReadOnly","odysseyDesignTokens"],St=l("div",{shouldForwardProp:e=>!b.includes(e)})(({isFullWidth:e,odysseyDesignTokens:r})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",maxWidth:e?"100%":r.TypographyLineLengthMax})),xt=l.div({position:"relative"}),gt=l(wt,{shouldForwardProp:e=>!b.includes(e)})(({isDisabled:e,isReadOnly:r,odysseyDesignTokens:a})=>({display:"block",margin:0,color:a.PaletteNeutralDark,...e&&{color:a.TypographyColorDisabled,p:{color:a.TypographyColorDisabled},a:{color:`${a.TypographyColorDisabled} !important`}},...r&&{color:a.HueNeutral700,p:{color:a.HueNeutral700},a:{color:`${a.HueNeutral700} !important`}}})),vt=l("div",{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"relative",width:t.Spacing7,height:`calc(${t.Spacing4} + ${t.Spacing1})`,borderRadius:t.BorderRadiusOuter,backgroundColor:t.HueNeutral300,transition:`background-color ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral200},...a&&{backgroundColor:t.HueNeutral600},...e&&!r&&!a&&{backgroundColor:t.PaletteSuccessLight}})),yt=l("span",{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>{const i=w(3),c=D(t.Spacing7),u=D(t.Spacing4)-w(2),n=c-u-i*2;return{position:"absolute",top:"50%",left:`${i}rem`,width:`calc(${t.Spacing4} - ${w(2)}rem)`,height:`calc(${t.Spacing4} - ${w(2)}rem)`,borderRadius:t.BorderRadiusRound,backgroundColor:t.HueNeutralWhite,transform:"translate3d(0, -50%, 0)",transition:`transform ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral50},...a&&{backgroundColor:t.HueNeutral400},...e&&{transform:`translate3d(${n}rem, -50%, 0)`}}}),$t=l(dt,{shouldForwardProp:e=>!b.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"absolute",top:"50%",left:3,width:t.Spacing4,transform:"translateY(-50%)",transition:`opacity ${t.TransitionDurationMain}`,opacity:0,path:{fill:t.HueNeutralWhite},...e&&{opacity:1},...(r||a)&&{path:{fill:t.HueNeutral50}}})),Ht=l.input(({odysseyDesignTokens:e,isReadOnly:r})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:r?"default":"pointer",zIndex:2,"&:focus-visible":{"~ [data-switch-track='true']":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`}}})),T=({hint:e,hintId:r,HintLinkComponent:a,inputId:t,isDisabled:i,label:c,isReadOnly:u})=>{const n=J();return o.jsx(o.Fragment,{children:o.jsxs(gt,{htmlFor:t,isDisabled:i,isReadOnly:u,odysseyDesignTokens:n,children:[c,e&&o.jsx(pt,{id:r,LinkComponent:a,text:e})]})})},Lt=s.memo(T);T.displayName="SwitchLabel";const Mt=({hint:e,HintLinkComponent:r,id:a,isChecked:t,isDefaultChecked:i,isDisabled:c,isFullWidth:u=!1,isReadOnly:n=!1,label:v,name:X,onChange:f,testId:Z,value:tt})=>{const{t:M}=ut(),d=J(),y=s.useRef(mt({controlledValue:t,uncontrolledValue:i})),et=s.useMemo(()=>y.current===H?{checked:t}:{defaultChecked:i},[i,t]),[h,$]=s.useState(y.current===H?!!t:!!i);s.useEffect(()=>{y.current===H&&$(!!t)},[t]);const p=ft(a),N=e?`${p}-hint`:void 0,at=`${p}-label`,rt=s.useCallback(R=>{if(n){R.preventDefault();return}const ot=R.target,{checked:j,value:nt}=ot;$(j),f==null||f({checked:j,value:nt})},[f,$,n]);return o.jsx(ht,{sx:{marginBlockEnd:d.Spacing2,"&:last-child":{marginBlockEnd:0}},children:o.jsxs(St,{isFullWidth:u,odysseyDesignTokens:d,children:[o.jsx(Lt,{hint:e,hintId:N,HintLinkComponent:r,inputId:p,isDisabled:c,isFullWidth:u,isReadOnly:n,label:v}),o.jsxs(xt,{children:[o.jsx(Ht,{...et,"aria-checked":h,"aria-describedby":N,"aria-label":h?`${v}: ${M("switch.active")}`:`${v}: ${M("switch.inactive")}`,"aria-labelledby":at,"data-se":Z,disabled:c,id:p,isReadOnly:n,name:X??p,odysseyDesignTokens:d,onChange:rt,readOnly:n,type:"checkbox",value:tt}),o.jsxs(vt,{"data-switch-track":!0,isChecked:h,isDisabled:c,isReadOnly:n,odysseyDesignTokens:d,children:[o.jsx(yt,{isChecked:h,isDisabled:c,isReadOnly:n,odysseyDesignTokens:d}),o.jsx($t,{isChecked:h,isDisabled:c,isReadOnly:n,odysseyDesignTokens:d})]})]})]})})},L=s.memo(Mt);L.displayName="Switch";const ee={component:L,decorators:[lt],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the Switch button is checked",table:{type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the Switch button is checked by default",table:{type:{summary:"boolean"}}},hint:m.hint,HintLinkComponent:m.HintLinkComponent,id:m.id,isDisabled:m.isDisabled,isReadOnly:{control:"boolean",description:"The value attribute of the Switch",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the Switch button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:m.name,value:{control:"text",description:"The value attribute of the Switch button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{hint:"Optional hint text",label:"Switch label",value:"Switch value",HintLinkComponent:o.jsx(Q,{href:"",children:"Some hint link"})}},C={play:async({canvasElement:e,step:r})=>{await r("select the switch button",async()=>{const t=it(e).getByRole("checkbox");t&&await O.click(t),await ct(t).toBeChecked(),await st("Switch Default"),await O.tab()})}},k={args:{isDisabled:!0}},S={args:{isDisabled:!0,isDefaultChecked:!0}},x={args:{isReadOnly:!0,isDefaultChecked:!0}},g={render:function({...r}){const[a,t]=s.useState(!0),i=s.useCallback(({checked:c})=>t(c),[]);return o.jsx(L,{...r,isChecked:a,onChange:i})}};var E,F,B;C.parameters={...C.parameters,docs:{...(E=C.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
22
22
|
play: async ({
|
|
23
23
|
canvasElement,
|
|
24
24
|
step
|
|
@@ -43,12 +43,12 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{w as it,u as O,e as ct}from
|
|
|
43
43
|
isDisabled: true,
|
|
44
44
|
isDefaultChecked: true
|
|
45
45
|
}
|
|
46
|
-
}`,...(q=(V=S.parameters)==null?void 0:V.docs)==null?void 0:q.source}}};var _,A,
|
|
46
|
+
}`,...(q=(V=S.parameters)==null?void 0:V.docs)==null?void 0:q.source}}};var _,A,K;x.parameters={...x.parameters,docs:{...(_=x.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
47
47
|
args: {
|
|
48
48
|
isReadOnly: true,
|
|
49
49
|
isDefaultChecked: true
|
|
50
50
|
}
|
|
51
|
-
}`,...(
|
|
51
|
+
}`,...(K=(A=x.parameters)==null?void 0:A.docs)==null?void 0:K.source}}};var U,Y,G;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`{
|
|
52
52
|
render: function C({
|
|
53
53
|
...props
|
|
54
54
|
}) {
|
|
@@ -58,4 +58,4 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{w as it,u as O,e as ct}from
|
|
|
58
58
|
}) => setChecked(checked), []);
|
|
59
59
|
return <Switch {...props} isChecked={checked} onChange={onChange} />;
|
|
60
60
|
}
|
|
61
|
-
}`,...(G=(Y=g.parameters)==null?void 0:Y.docs)==null?void 0:G.source}}};const
|
|
61
|
+
}`,...(G=(Y=g.parameters)==null?void 0:Y.docs)==null?void 0:G.source}}};const ae=["Default","Disabled","CheckedDisabled","CheckedReadOnly","Controlled"];export{S as CheckedDisabled,x as CheckedReadOnly,g as Controlled,C as Default,k as Disabled,ae as __namedExportsOrder,ee as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{V as W,W as V,_ as $,b as c,s as F,d as A,e as D,f as G,r as H}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as J}from"./index-NdkWRN8K.js";import{u as K}from"./useFormControl-BMISTZuX.js";import{j as x}from"./jsx-runtime-CnH95YSl.js";import{u as Q}from"./useControlled-NQulfz4l.js";import{B as T}from"./ButtonBase-BNqa2TMD.js";function X(e){return W("PrivateSwitchBase",e)}V("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const Y=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],Z=e=>{const{classes:t,checked:d,disabled:r,edge:a}=e,l={root:["root",d&&"checked",r&&"disabled",a&&`edge${D(a)}`],input:["input"]};return G(l,X,t)},ee=F(T,{name:"MuiSwitchBase"})(({ownerState:e})=>c({padding:9,borderRadius:"50%"},e.edge==="start"&&{marginLeft:e.size==="small"?-3:-12},e.edge==="end"&&{marginRight:e.size==="small"?-3:-12})),se=F("input",{name:"MuiSwitchBase",shouldForwardProp:H})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),de=J.forwardRef(function(t,d){const{autoFocus:r,checked:a,checkedIcon:l,className:w,defaultChecked:h,disabled:S,disableFocusRipple:p=!1,edge:y=!1,icon:R,id:P,inputProps:I,inputRef:v,name:j,onBlur:f,onChange:m,onFocus:g,readOnly:z,required:E=!1,tabIndex:N,type:n,value:b}=t,U=$(t,Y),[B,_]=Q({controlled:a,default:!!h,name:"SwitchBase",state:"checked"}),o=K(),L=s=>{g&&g(s),o&&o.onFocus&&o.onFocus(s)},q=s=>{f&&f(s),o&&o.onBlur&&o.onBlur(s)},M=s=>{if(s.nativeEvent.defaultPrevented)return;const C=s.target.checked;_(C),m&&m(s,C)};let i=S;o&&typeof i>"u"&&(i=o.disabled);const O=n==="checkbox"||n==="radio",u=c({},t,{checked:B,disabled:i,disableFocusRipple:p,edge:y}),k=Z(u);return x.jsxs(ee,c({component:"span",className:A(k.root,w),centerRipple:!0,focusRipple:!p,disabled:i,tabIndex:null,role:void 0,onFocus:L,onBlur:q,ownerState:u,ref:d},U,{children:[x.jsx(se,c({autoFocus:r,checked:a,defaultChecked:h,className:k.input,disabled:i,id:O?P:void 0,name:j,onChange:M,readOnly:z,ref:v,required:E,ownerState:u,tabIndex:N,type:n},n==="checkbox"&&b===void 0?{}:{value:b},I)),B?l:R]}))});export{de as S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-
|
|
1
|
+
import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const c=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17.293 2.707 19.586 5H5a3 3 0 0 0-3 3v5.757l2-2V8a1 1 0 0 1 1-1h14.586l-2.293 2.293 1.414 1.414 3.434-3.434.017-.017c.084-.084.185-.184.266-.28.094-.111.22-.28.296-.512a1.5 1.5 0 0 0 0-.928 1.508 1.508 0 0 0-.296-.512c-.081-.096-.182-.196-.266-.28l-.017-.017-3.434-3.434-1.414 1.414ZM20 16v-3.757l2-2V16a3 3 0 0 1-3 3H4.414l2.293 2.293-1.414 1.414-3.434-3.434-.017-.017c-.084-.084-.185-.184-.266-.28a1.506 1.506 0 0 1-.295-.512 1.5 1.5 0 0 1 0-.927c.075-.233.2-.402.295-.513.081-.096.182-.196.266-.28l.017-.017 3.434-3.434 1.414 1.414L4.414 17H19a1 1 0 0 0 1-1Z",fill:"currentColor",fillRule:"evenodd"})})})),a=r.memo(c);a.displayName="SyncIcon";export{a as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as bt,U as pt,c as ht,_ as rt,b as f,d as N,s as j,e as Pt,f as vt,a as Zt,z as Lt}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as d}from"./index-NdkWRN8K.js";import{j as v}from"./jsx-runtime-CnH95YSl.js";import{B as Nt}from"./ButtonBase-CrcIXP69.js";import{u as te}from"./utils-BdcLUgCD.js";import{d as kt}from"./debounce-Be36O1Ab.js";import{o as Ft}from"./ownerWindow-HkKU3E4x.js";import{c as At}from"./createSvgIcon-Bv_3NNsK.js";import{u as lt}from"./getReactElementRef-Bs64nbeG.js";import{u as ut}from"./inheritsLoose-DTTkq0Su.js";import{o as ee}from"./ownerDocument-DW-IO8s5.js";let U;function $t(){if(U)return U;const t=document.createElement("div"),e=document.createElement("div");return e.style.width="10px",e.style.height="1px",t.appendChild(e),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),U="reverse",t.scrollLeft>0?U="default":(t.scrollLeft=1,t.scrollLeft===0&&(U="negative")),document.body.removeChild(t),U}function oe(t,e){const r=t.scrollLeft;if(e!=="rtl")return r;switch($t()){case"negative":return t.scrollWidth-t.clientWidth+r;case"reverse":return t.scrollWidth-t.clientWidth-r;default:return r}}function le(t){return pt("MuiTab",t)}const L=bt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),re=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ne=t=>{const{classes:e,textColor:r,fullWidth:i,wrapped:s,icon:c,label:h,selected:p,disabled:u}=t,x={root:["root",c&&h&&"labelIcon",`textColor${Pt(r)}`,i&&"fullWidth",s&&"wrapped",p&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return vt(x,le,e)},se=j(Nt,{name:"MuiTab",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.label&&r.icon&&e.labelIcon,e[`textColor${Pt(r.textColor)}`],r.fullWidth&&e.fullWidth,r.wrapped&&e.wrapped,{[`& .${L.iconWrapper}`]:e.iconWrapper}]}})(({theme:t,ownerState:e})=>f({},t.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},e.label&&{flexDirection:e.iconPosition==="top"||e.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},e.icon&&e.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${L.iconWrapper}`]:f({},e.iconPosition==="top"&&{marginBottom:6},e.iconPosition==="bottom"&&{marginTop:6},e.iconPosition==="start"&&{marginRight:t.spacing(1)},e.iconPosition==="end"&&{marginLeft:t.spacing(1)})},e.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${L.selected}`]:{opacity:1},[`&.${L.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.textColor==="primary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.textColor==="secondary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},e.wrapped&&{fontSize:t.typography.pxToRem(12)})),Oe=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTab"}),{className:s,disabled:c=!1,disableFocusRipple:h=!1,fullWidth:p,icon:u,iconPosition:x="top",indicator:C,label:y,onChange:m,onClick:w,onFocus:k,selected:I,selectionFollowsFocus:g,textColor:H="inherit",value:M,wrapped:nt=!1}=i,D=rt(i,re),Y=f({},i,{disabled:c,disableFocusRipple:h,selected:I,icon:!!u,iconPosition:x,label:!!y,fullWidth:p,textColor:H,wrapped:nt}),X=ne(Y),F=u&&y&&d.isValidElement(u)?d.cloneElement(u,{className:N(X.iconWrapper,u.props.className)}):u,J=R=>{!I&&m&&m(R,M),w&&w(R)},_=R=>{g&&!I&&m&&m(R,M),k&&k(R)};return v.jsxs(se,f({focusRipple:!h,className:N(X.root,s),ref:r,role:"tab","aria-selected":I,disabled:c,onClick:J,onFocus:_,ownerState:Y,tabIndex:I?0:-1},D,{children:[x==="top"||x==="start"?v.jsxs(d.Fragment,{children:[F,y]}):v.jsxs(d.Fragment,{children:[y,F]}),C]}))}),ie=At(v.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ae=At(v.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function ce(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function de(t,e,r,i={},s=()=>{}){const{ease:c=ce,duration:h=300}=i;let p=null;const u=e[t];let x=!1;const C=()=>{x=!0},y=m=>{if(x){s(new Error("Animation cancelled"));return}p===null&&(p=m);const w=Math.min(1,(m-p)/h);if(e[t]=c(w)*(r-u)+u,w>=1){requestAnimationFrame(()=>{s(null)});return}requestAnimationFrame(y)};return u===r?(s(new Error("Element already at target position")),C):(requestAnimationFrame(y),C)}const ue=["onChange"],fe={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function be(t){const{onChange:e}=t,r=rt(t,ue),i=d.useRef(),s=d.useRef(null),c=()=>{i.current=s.current.offsetHeight-s.current.clientHeight};return Zt(()=>{const h=kt(()=>{const u=i.current;c(),u!==i.current&&e(i.current)}),p=Ft(s.current);return p.addEventListener("resize",h),()=>{h.clear(),p.removeEventListener("resize",h)}},[e]),d.useEffect(()=>{c(),e(i.current)},[e]),v.jsx("div",f({style:fe},r,{ref:s}))}function pe(t){return pt("MuiTabScrollButton",t)}const he=bt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),ve=["className","slots","slotProps","direction","orientation","disabled"],me=t=>{const{classes:e,orientation:r,disabled:i}=t;return vt({root:["root",r,i&&"disabled"]},pe,e)},Se=j(Nt,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.orientation&&e[r.orientation]]}})(({ownerState:t})=>f({width:40,flexShrink:0,opacity:.8,[`&.${he.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),xe=d.forwardRef(function(e,r){var i,s;const c=ht({props:e,name:"MuiTabScrollButton"}),{className:h,slots:p={},slotProps:u={},direction:x}=c,C=rt(c,ve),y=Lt(),m=f({isRtl:y},c),w=me(m),k=(i=p.StartScrollButtonIcon)!=null?i:ie,I=(s=p.EndScrollButtonIcon)!=null?s:ae,g=lt({elementType:k,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),H=lt({elementType:I,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return v.jsx(Se,f({component:"div",className:N(w.root,h),ref:r,role:null,ownerState:m,tabIndex:null},C,{children:x==="left"?v.jsx(k,f({},g)):v.jsx(I,f({},H))}))});function ge(t){return pt("MuiTabs",t)}const ft=bt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ye=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],Rt=(t,e)=>t===e?t.firstChild:e&&e.nextElementSibling?e.nextElementSibling:t.firstChild,zt=(t,e)=>t===e?t.lastChild:e&&e.previousElementSibling?e.previousElementSibling:t.lastChild,ot=(t,e,r)=>{let i=!1,s=r(t,e);for(;s;){if(s===t.firstChild){if(i)return;i=!0}const c=s.disabled||s.getAttribute("aria-disabled")==="true";if(!s.hasAttribute("tabindex")||c)s=r(t,s);else{s.focus();return}}},Be=t=>{const{vertical:e,fixed:r,hideScrollbar:i,scrollableX:s,scrollableY:c,centered:h,scrollButtonsHideMobile:p,classes:u}=t;return vt({root:["root",e&&"vertical"],scroller:["scroller",r&&"fixed",i&&"hideScrollbar",s&&"scrollableX",c&&"scrollableY"],flexContainer:["flexContainer",e&&"flexContainerVertical",h&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",p&&"scrollButtonsHideMobile"],scrollableX:[s&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]},ge,u)},Ce=j("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[{[`& .${ft.scrollButtons}`]:e.scrollButtons},{[`& .${ft.scrollButtons}`]:r.scrollButtonsHideMobile&&e.scrollButtonsHideMobile},e.root,r.vertical&&e.vertical]}})(({ownerState:t,theme:e})=>f({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ft.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}})),we=j("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.scroller,r.fixed&&e.fixed,r.hideScrollbar&&e.hideScrollbar,r.scrollableX&&e.scrollableX,r.scrollableY&&e.scrollableY]}})(({ownerState:t})=>f({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Ie=j("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.flexContainer,r.vertical&&e.flexContainerVertical,r.centered&&e.centered]}})(({ownerState:t})=>f({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),Te=j("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,e)=>e.indicator})(({ownerState:t,theme:e})=>f({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(e.vars||e).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(e.vars||e).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Ee=j(be)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Wt={},je=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTabs"}),s=te(),c=Lt(),{"aria-label":h,"aria-labelledby":p,action:u,centered:x=!1,children:C,className:y,component:m="div",allowScrollButtonsMobile:w=!1,indicatorColor:k="primary",onChange:I,orientation:g="horizontal",ScrollButtonComponent:H=xe,scrollButtons:M="auto",selectionFollowsFocus:nt,slots:D={},slotProps:Y={},TabIndicatorProps:X={},TabScrollButtonProps:F={},textColor:J="primary",value:_,variant:R="standard",visibleScrollbar:st=!1}=i,Ot=rt(i,ye),T=R==="scrollable",B=g==="vertical",V=B?"scrollTop":"scrollLeft",Q=B?"top":"left",Z=B?"bottom":"right",it=B?"clientHeight":"clientWidth",K=B?"height":"width",A=f({},i,{component:m,allowScrollButtonsMobile:w,indicatorColor:k,orientation:g,vertical:B,scrollButtons:M,textColor:J,variant:R,visibleScrollbar:st,fixed:!T,hideScrollbar:T&&!st,scrollableX:T&&!B,scrollableY:T&&B,centered:x&&!T,scrollButtonsHideMobile:!w}),W=Be(A),jt=lt({elementType:D.StartScrollButtonIcon,externalSlotProps:Y.startScrollButtonIcon,ownerState:A}),Ht=lt({elementType:D.EndScrollButtonIcon,externalSlotProps:Y.endScrollButtonIcon,ownerState:A}),[mt,Dt]=d.useState(!1),[$,St]=d.useState(Wt),[xt,Xt]=d.useState(!1),[gt,_t]=d.useState(!1),[yt,Ut]=d.useState(!1),[Bt,Yt]=d.useState({overflow:"hidden",scrollbarWidth:0}),Ct=new Map,z=d.useRef(null),O=d.useRef(null),wt=()=>{const o=z.current;let l;if(o){const n=o.getBoundingClientRect();l={clientWidth:o.clientWidth,scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,scrollLeftNormalized:oe(o,c?"rtl":"ltr"),scrollWidth:o.scrollWidth,top:n.top,bottom:n.bottom,left:n.left,right:n.right}}let a;if(o&&_!==!1){const n=O.current.children;if(n.length>0){const b=n[Ct.get(_)];a=b?b.getBoundingClientRect():null}}return{tabsMeta:l,tabMeta:a}},q=ut(()=>{const{tabsMeta:o,tabMeta:l}=wt();let a=0,n;if(B)n="top",l&&o&&(a=l.top-o.top+o.scrollTop);else if(n=c?"right":"left",l&&o){const S=c?o.scrollLeftNormalized+o.clientWidth-o.scrollWidth:o.scrollLeft;a=(c?-1:1)*(l[n]-o[n]+S)}const b={[n]:a,[K]:l?l[K]:0};if(isNaN($[n])||isNaN($[K]))St(b);else{const S=Math.abs($[n]-b[n]),E=Math.abs($[K]-b[K]);(S>=1||E>=1)&&St(b)}}),at=(o,{animation:l=!0}={})=>{l?de(V,z.current,o,{duration:s.transitions.duration.standard}):z.current[V]=o},It=o=>{let l=z.current[V];B?l+=o:(l+=o*(c?-1:1),l*=c&&$t()==="reverse"?-1:1),at(l)},Tt=()=>{const o=z.current[it];let l=0;const a=Array.from(O.current.children);for(let n=0;n<a.length;n+=1){const b=a[n];if(l+b[it]>o){n===0&&(l=o);break}l+=b[it]}return l},Vt=()=>{It(-1*Tt())},Kt=()=>{It(Tt())},qt=d.useCallback(o=>{Yt({overflow:null,scrollbarWidth:o})},[]),Gt=()=>{const o={};o.scrollbarSizeListener=T?v.jsx(Ee,{onChange:qt,className:N(W.scrollableX,W.hideScrollbar)}):null;const a=T&&(M==="auto"&&(xt||gt)||M===!0);return o.scrollButtonStart=a?v.jsx(H,f({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:jt},orientation:g,direction:c?"right":"left",onClick:Vt,disabled:!xt},F,{className:N(W.scrollButtons,F.className)})):null,o.scrollButtonEnd=a?v.jsx(H,f({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Ht},orientation:g,direction:c?"left":"right",onClick:Kt,disabled:!gt},F,{className:N(W.scrollButtons,F.className)})):null,o},Et=ut(o=>{const{tabsMeta:l,tabMeta:a}=wt();if(!(!a||!l)){if(a[Q]<l[Q]){const n=l[V]+(a[Q]-l[Q]);at(n,{animation:o})}else if(a[Z]>l[Z]){const n=l[V]+(a[Z]-l[Z]);at(n,{animation:o})}}}),tt=ut(()=>{T&&M!==!1&&Ut(!yt)});d.useEffect(()=>{const o=kt(()=>{z.current&&q()});let l;const a=S=>{S.forEach(E=>{E.removedNodes.forEach(G=>{var P;(P=l)==null||P.unobserve(G)}),E.addedNodes.forEach(G=>{var P;(P=l)==null||P.observe(G)})}),o(),tt()},n=Ft(z.current);n.addEventListener("resize",o);let b;return typeof ResizeObserver<"u"&&(l=new ResizeObserver(o),Array.from(O.current.children).forEach(S=>{l.observe(S)})),typeof MutationObserver<"u"&&(b=new MutationObserver(a),b.observe(O.current,{childList:!0})),()=>{var S,E;o.clear(),n.removeEventListener("resize",o),(S=b)==null||S.disconnect(),(E=l)==null||E.disconnect()}},[q,tt]),d.useEffect(()=>{const o=Array.from(O.current.children),l=o.length;if(typeof IntersectionObserver<"u"&&l>0&&T&&M!==!1){const a=o[0],n=o[l-1],b={root:z.current,threshold:.99},S=dt=>{Xt(!dt[0].isIntersecting)},E=new IntersectionObserver(S,b);E.observe(a);const G=dt=>{_t(!dt[0].isIntersecting)},P=new IntersectionObserver(G,b);return P.observe(n),()=>{E.disconnect(),P.disconnect()}}},[T,M,yt,C==null?void 0:C.length]),d.useEffect(()=>{Dt(!0)},[]),d.useEffect(()=>{q()}),d.useEffect(()=>{Et(Wt!==$)},[Et,$]),d.useImperativeHandle(u,()=>({updateIndicator:q,updateScrollButtons:tt}),[q,tt]);const Mt=v.jsx(Te,f({},X,{className:N(W.indicator,X.className),ownerState:A,style:f({},$,X.style)}));let et=0;const Jt=d.Children.map(C,o=>{if(!d.isValidElement(o))return null;const l=o.props.value===void 0?et:o.props.value;Ct.set(l,et);const a=l===_;return et+=1,d.cloneElement(o,f({fullWidth:R==="fullWidth",indicator:a&&!mt&&Mt,selected:a,selectionFollowsFocus:nt,onChange:I,textColor:J,value:l},et===1&&_===!1&&!o.props.tabIndex?{tabIndex:0}:{}))}),Qt=o=>{const l=O.current,a=ee(l).activeElement;if(a.getAttribute("role")!=="tab")return;let b=g==="horizontal"?"ArrowLeft":"ArrowUp",S=g==="horizontal"?"ArrowRight":"ArrowDown";switch(g==="horizontal"&&c&&(b="ArrowRight",S="ArrowLeft"),o.key){case b:o.preventDefault(),ot(l,a,zt);break;case S:o.preventDefault(),ot(l,a,Rt);break;case"Home":o.preventDefault(),ot(l,null,Rt);break;case"End":o.preventDefault(),ot(l,null,zt);break}},ct=Gt();return v.jsxs(Ce,f({className:N(W.root,y),ownerState:A,ref:r,as:m},Ot,{children:[ct.scrollButtonStart,ct.scrollbarSizeListener,v.jsxs(we,{className:W.scroller,ownerState:A,style:{overflow:Bt.overflow,[B?`margin${c?"Left":"Right"}`:"marginBottom"]:st?void 0:-Bt.scrollbarWidth},ref:z,children:[v.jsx(Ie,{"aria-label":h,"aria-labelledby":p,"aria-orientation":g==="vertical"?"vertical":null,className:W.flexContainer,ownerState:A,onKeyDown:Qt,ref:O,role:"tablist",children:Jt}),mt&&Mt]}),ct.scrollButtonEnd]}))});export{je as T,Oe as a,ft as t};
|
|
1
|
+
import{W as bt,V as pt,c as ht,_ as rt,b as f,d as N,s as j,e as Pt,f as vt,a as Zt,z as Lt}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as d}from"./index-NdkWRN8K.js";import{j as v}from"./jsx-runtime-CnH95YSl.js";import{B as Nt}from"./ButtonBase-BNqa2TMD.js";import{u as te}from"./utils-kUZVaD1e.js";import{d as kt}from"./debounce-Be36O1Ab.js";import{o as Ft}from"./ownerWindow-HkKU3E4x.js";import{c as At}from"./createSvgIcon-ClUWwDzL.js";import{u as lt}from"./getReactElementRef-DsIevm5t.js";import{u as ut}from"./inheritsLoose-CJ6Ie9dp.js";import{o as ee}from"./ownerDocument-DW-IO8s5.js";let U;function $t(){if(U)return U;const t=document.createElement("div"),e=document.createElement("div");return e.style.width="10px",e.style.height="1px",t.appendChild(e),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),U="reverse",t.scrollLeft>0?U="default":(t.scrollLeft=1,t.scrollLeft===0&&(U="negative")),document.body.removeChild(t),U}function oe(t,e){const r=t.scrollLeft;if(e!=="rtl")return r;switch($t()){case"negative":return t.scrollWidth-t.clientWidth+r;case"reverse":return t.scrollWidth-t.clientWidth-r;default:return r}}function le(t){return pt("MuiTab",t)}const L=bt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),re=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ne=t=>{const{classes:e,textColor:r,fullWidth:i,wrapped:s,icon:c,label:h,selected:p,disabled:u}=t,x={root:["root",c&&h&&"labelIcon",`textColor${Pt(r)}`,i&&"fullWidth",s&&"wrapped",p&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return vt(x,le,e)},se=j(Nt,{name:"MuiTab",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.label&&r.icon&&e.labelIcon,e[`textColor${Pt(r.textColor)}`],r.fullWidth&&e.fullWidth,r.wrapped&&e.wrapped,{[`& .${L.iconWrapper}`]:e.iconWrapper}]}})(({theme:t,ownerState:e})=>f({},t.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},e.label&&{flexDirection:e.iconPosition==="top"||e.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},e.icon&&e.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${L.iconWrapper}`]:f({},e.iconPosition==="top"&&{marginBottom:6},e.iconPosition==="bottom"&&{marginTop:6},e.iconPosition==="start"&&{marginRight:t.spacing(1)},e.iconPosition==="end"&&{marginLeft:t.spacing(1)})},e.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${L.selected}`]:{opacity:1},[`&.${L.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.textColor==="primary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.textColor==="secondary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},e.wrapped&&{fontSize:t.typography.pxToRem(12)})),Oe=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTab"}),{className:s,disabled:c=!1,disableFocusRipple:h=!1,fullWidth:p,icon:u,iconPosition:x="top",indicator:C,label:y,onChange:m,onClick:w,onFocus:k,selected:I,selectionFollowsFocus:g,textColor:H="inherit",value:M,wrapped:nt=!1}=i,D=rt(i,re),Y=f({},i,{disabled:c,disableFocusRipple:h,selected:I,icon:!!u,iconPosition:x,label:!!y,fullWidth:p,textColor:H,wrapped:nt}),X=ne(Y),F=u&&y&&d.isValidElement(u)?d.cloneElement(u,{className:N(X.iconWrapper,u.props.className)}):u,J=R=>{!I&&m&&m(R,M),w&&w(R)},_=R=>{g&&!I&&m&&m(R,M),k&&k(R)};return v.jsxs(se,f({focusRipple:!h,className:N(X.root,s),ref:r,role:"tab","aria-selected":I,disabled:c,onClick:J,onFocus:_,ownerState:Y,tabIndex:I?0:-1},D,{children:[x==="top"||x==="start"?v.jsxs(d.Fragment,{children:[F,y]}):v.jsxs(d.Fragment,{children:[y,F]}),C]}))}),ie=At(v.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ae=At(v.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function ce(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function de(t,e,r,i={},s=()=>{}){const{ease:c=ce,duration:h=300}=i;let p=null;const u=e[t];let x=!1;const C=()=>{x=!0},y=m=>{if(x){s(new Error("Animation cancelled"));return}p===null&&(p=m);const w=Math.min(1,(m-p)/h);if(e[t]=c(w)*(r-u)+u,w>=1){requestAnimationFrame(()=>{s(null)});return}requestAnimationFrame(y)};return u===r?(s(new Error("Element already at target position")),C):(requestAnimationFrame(y),C)}const ue=["onChange"],fe={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function be(t){const{onChange:e}=t,r=rt(t,ue),i=d.useRef(),s=d.useRef(null),c=()=>{i.current=s.current.offsetHeight-s.current.clientHeight};return Zt(()=>{const h=kt(()=>{const u=i.current;c(),u!==i.current&&e(i.current)}),p=Ft(s.current);return p.addEventListener("resize",h),()=>{h.clear(),p.removeEventListener("resize",h)}},[e]),d.useEffect(()=>{c(),e(i.current)},[e]),v.jsx("div",f({style:fe},r,{ref:s}))}function pe(t){return pt("MuiTabScrollButton",t)}const he=bt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),ve=["className","slots","slotProps","direction","orientation","disabled"],me=t=>{const{classes:e,orientation:r,disabled:i}=t;return vt({root:["root",r,i&&"disabled"]},pe,e)},Se=j(Nt,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.orientation&&e[r.orientation]]}})(({ownerState:t})=>f({width:40,flexShrink:0,opacity:.8,[`&.${he.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),xe=d.forwardRef(function(e,r){var i,s;const c=ht({props:e,name:"MuiTabScrollButton"}),{className:h,slots:p={},slotProps:u={},direction:x}=c,C=rt(c,ve),y=Lt(),m=f({isRtl:y},c),w=me(m),k=(i=p.StartScrollButtonIcon)!=null?i:ie,I=(s=p.EndScrollButtonIcon)!=null?s:ae,g=lt({elementType:k,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),H=lt({elementType:I,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return v.jsx(Se,f({component:"div",className:N(w.root,h),ref:r,role:null,ownerState:m,tabIndex:null},C,{children:x==="left"?v.jsx(k,f({},g)):v.jsx(I,f({},H))}))});function ge(t){return pt("MuiTabs",t)}const ft=bt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ye=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],Rt=(t,e)=>t===e?t.firstChild:e&&e.nextElementSibling?e.nextElementSibling:t.firstChild,Wt=(t,e)=>t===e?t.lastChild:e&&e.previousElementSibling?e.previousElementSibling:t.lastChild,ot=(t,e,r)=>{let i=!1,s=r(t,e);for(;s;){if(s===t.firstChild){if(i)return;i=!0}const c=s.disabled||s.getAttribute("aria-disabled")==="true";if(!s.hasAttribute("tabindex")||c)s=r(t,s);else{s.focus();return}}},Be=t=>{const{vertical:e,fixed:r,hideScrollbar:i,scrollableX:s,scrollableY:c,centered:h,scrollButtonsHideMobile:p,classes:u}=t;return vt({root:["root",e&&"vertical"],scroller:["scroller",r&&"fixed",i&&"hideScrollbar",s&&"scrollableX",c&&"scrollableY"],flexContainer:["flexContainer",e&&"flexContainerVertical",h&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",p&&"scrollButtonsHideMobile"],scrollableX:[s&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]},ge,u)},Ce=j("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[{[`& .${ft.scrollButtons}`]:e.scrollButtons},{[`& .${ft.scrollButtons}`]:r.scrollButtonsHideMobile&&e.scrollButtonsHideMobile},e.root,r.vertical&&e.vertical]}})(({ownerState:t,theme:e})=>f({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ft.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}})),we=j("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.scroller,r.fixed&&e.fixed,r.hideScrollbar&&e.hideScrollbar,r.scrollableX&&e.scrollableX,r.scrollableY&&e.scrollableY]}})(({ownerState:t})=>f({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Ie=j("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.flexContainer,r.vertical&&e.flexContainerVertical,r.centered&&e.centered]}})(({ownerState:t})=>f({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),Te=j("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,e)=>e.indicator})(({ownerState:t,theme:e})=>f({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(e.vars||e).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(e.vars||e).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Ee=j(be)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),zt={},je=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTabs"}),s=te(),c=Lt(),{"aria-label":h,"aria-labelledby":p,action:u,centered:x=!1,children:C,className:y,component:m="div",allowScrollButtonsMobile:w=!1,indicatorColor:k="primary",onChange:I,orientation:g="horizontal",ScrollButtonComponent:H=xe,scrollButtons:M="auto",selectionFollowsFocus:nt,slots:D={},slotProps:Y={},TabIndicatorProps:X={},TabScrollButtonProps:F={},textColor:J="primary",value:_,variant:R="standard",visibleScrollbar:st=!1}=i,Ot=rt(i,ye),T=R==="scrollable",B=g==="vertical",V=B?"scrollTop":"scrollLeft",Q=B?"top":"left",Z=B?"bottom":"right",it=B?"clientHeight":"clientWidth",K=B?"height":"width",A=f({},i,{component:m,allowScrollButtonsMobile:w,indicatorColor:k,orientation:g,vertical:B,scrollButtons:M,textColor:J,variant:R,visibleScrollbar:st,fixed:!T,hideScrollbar:T&&!st,scrollableX:T&&!B,scrollableY:T&&B,centered:x&&!T,scrollButtonsHideMobile:!w}),z=Be(A),jt=lt({elementType:D.StartScrollButtonIcon,externalSlotProps:Y.startScrollButtonIcon,ownerState:A}),Ht=lt({elementType:D.EndScrollButtonIcon,externalSlotProps:Y.endScrollButtonIcon,ownerState:A}),[mt,Dt]=d.useState(!1),[$,St]=d.useState(zt),[xt,Xt]=d.useState(!1),[gt,_t]=d.useState(!1),[yt,Ut]=d.useState(!1),[Bt,Yt]=d.useState({overflow:"hidden",scrollbarWidth:0}),Ct=new Map,W=d.useRef(null),O=d.useRef(null),wt=()=>{const o=W.current;let l;if(o){const n=o.getBoundingClientRect();l={clientWidth:o.clientWidth,scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,scrollLeftNormalized:oe(o,c?"rtl":"ltr"),scrollWidth:o.scrollWidth,top:n.top,bottom:n.bottom,left:n.left,right:n.right}}let a;if(o&&_!==!1){const n=O.current.children;if(n.length>0){const b=n[Ct.get(_)];a=b?b.getBoundingClientRect():null}}return{tabsMeta:l,tabMeta:a}},q=ut(()=>{const{tabsMeta:o,tabMeta:l}=wt();let a=0,n;if(B)n="top",l&&o&&(a=l.top-o.top+o.scrollTop);else if(n=c?"right":"left",l&&o){const S=c?o.scrollLeftNormalized+o.clientWidth-o.scrollWidth:o.scrollLeft;a=(c?-1:1)*(l[n]-o[n]+S)}const b={[n]:a,[K]:l?l[K]:0};if(isNaN($[n])||isNaN($[K]))St(b);else{const S=Math.abs($[n]-b[n]),E=Math.abs($[K]-b[K]);(S>=1||E>=1)&&St(b)}}),at=(o,{animation:l=!0}={})=>{l?de(V,W.current,o,{duration:s.transitions.duration.standard}):W.current[V]=o},It=o=>{let l=W.current[V];B?l+=o:(l+=o*(c?-1:1),l*=c&&$t()==="reverse"?-1:1),at(l)},Tt=()=>{const o=W.current[it];let l=0;const a=Array.from(O.current.children);for(let n=0;n<a.length;n+=1){const b=a[n];if(l+b[it]>o){n===0&&(l=o);break}l+=b[it]}return l},Vt=()=>{It(-1*Tt())},Kt=()=>{It(Tt())},qt=d.useCallback(o=>{Yt({overflow:null,scrollbarWidth:o})},[]),Gt=()=>{const o={};o.scrollbarSizeListener=T?v.jsx(Ee,{onChange:qt,className:N(z.scrollableX,z.hideScrollbar)}):null;const a=T&&(M==="auto"&&(xt||gt)||M===!0);return o.scrollButtonStart=a?v.jsx(H,f({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:jt},orientation:g,direction:c?"right":"left",onClick:Vt,disabled:!xt},F,{className:N(z.scrollButtons,F.className)})):null,o.scrollButtonEnd=a?v.jsx(H,f({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Ht},orientation:g,direction:c?"left":"right",onClick:Kt,disabled:!gt},F,{className:N(z.scrollButtons,F.className)})):null,o},Et=ut(o=>{const{tabsMeta:l,tabMeta:a}=wt();if(!(!a||!l)){if(a[Q]<l[Q]){const n=l[V]+(a[Q]-l[Q]);at(n,{animation:o})}else if(a[Z]>l[Z]){const n=l[V]+(a[Z]-l[Z]);at(n,{animation:o})}}}),tt=ut(()=>{T&&M!==!1&&Ut(!yt)});d.useEffect(()=>{const o=kt(()=>{W.current&&q()});let l;const a=S=>{S.forEach(E=>{E.removedNodes.forEach(G=>{var P;(P=l)==null||P.unobserve(G)}),E.addedNodes.forEach(G=>{var P;(P=l)==null||P.observe(G)})}),o(),tt()},n=Ft(W.current);n.addEventListener("resize",o);let b;return typeof ResizeObserver<"u"&&(l=new ResizeObserver(o),Array.from(O.current.children).forEach(S=>{l.observe(S)})),typeof MutationObserver<"u"&&(b=new MutationObserver(a),b.observe(O.current,{childList:!0})),()=>{var S,E;o.clear(),n.removeEventListener("resize",o),(S=b)==null||S.disconnect(),(E=l)==null||E.disconnect()}},[q,tt]),d.useEffect(()=>{const o=Array.from(O.current.children),l=o.length;if(typeof IntersectionObserver<"u"&&l>0&&T&&M!==!1){const a=o[0],n=o[l-1],b={root:W.current,threshold:.99},S=dt=>{Xt(!dt[0].isIntersecting)},E=new IntersectionObserver(S,b);E.observe(a);const G=dt=>{_t(!dt[0].isIntersecting)},P=new IntersectionObserver(G,b);return P.observe(n),()=>{E.disconnect(),P.disconnect()}}},[T,M,yt,C==null?void 0:C.length]),d.useEffect(()=>{Dt(!0)},[]),d.useEffect(()=>{q()}),d.useEffect(()=>{Et(zt!==$)},[Et,$]),d.useImperativeHandle(u,()=>({updateIndicator:q,updateScrollButtons:tt}),[q,tt]);const Mt=v.jsx(Te,f({},X,{className:N(z.indicator,X.className),ownerState:A,style:f({},$,X.style)}));let et=0;const Jt=d.Children.map(C,o=>{if(!d.isValidElement(o))return null;const l=o.props.value===void 0?et:o.props.value;Ct.set(l,et);const a=l===_;return et+=1,d.cloneElement(o,f({fullWidth:R==="fullWidth",indicator:a&&!mt&&Mt,selected:a,selectionFollowsFocus:nt,onChange:I,textColor:J,value:l},et===1&&_===!1&&!o.props.tabIndex?{tabIndex:0}:{}))}),Qt=o=>{const l=O.current,a=ee(l).activeElement;if(a.getAttribute("role")!=="tab")return;let b=g==="horizontal"?"ArrowLeft":"ArrowUp",S=g==="horizontal"?"ArrowRight":"ArrowDown";switch(g==="horizontal"&&c&&(b="ArrowRight",S="ArrowLeft"),o.key){case b:o.preventDefault(),ot(l,a,Wt);break;case S:o.preventDefault(),ot(l,a,Rt);break;case"Home":o.preventDefault(),ot(l,null,Rt);break;case"End":o.preventDefault(),ot(l,null,Wt);break}},ct=Gt();return v.jsxs(Ce,f({className:N(z.root,y),ownerState:A,ref:r,as:m},Ot,{children:[ct.scrollButtonStart,ct.scrollbarSizeListener,v.jsxs(we,{className:z.scroller,ownerState:A,style:{overflow:Bt.overflow,[B?`margin${c?"Left":"Right"}`:"marginBottom"]:st?void 0:-Bt.scrollbarWidth},ref:W,children:[v.jsx(Ie,{"aria-label":h,"aria-labelledby":p,"aria-orientation":g==="vertical"?"vertical":null,className:z.flexContainer,ownerState:A,onKeyDown:Qt,ref:O,role:"tablist",children:Jt}),mt&&Mt]}),ct.scrollButtonEnd]}))});export{je as T,Oe as a,ft as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as n,T as c,S as p,D as h,P as d,a as l,b as m}from"./index-DLgQDw3r.js";import{T as o}from"./Tabs.stories-CRJgQA20.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./iconUtils-BII10A1q.js";import"./index-DB8HwIVZ.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./Server-Ch5aeRtt.js";import"./List-UlX1tusJ.js";import"./ArrowRight-ChWYjNny.js";import"./Bug-CQIUmZ-N.js";import"./Calendar-_GPHtaRa.js";import"./ChevronRight-C12ToI7Y.js";import"./ChevronUp-CfT7Bz8X.js";import"./Clock-17ua7UAW.js";import"./Upload-CfzP_Muq.js";import"./Documentation-DF3oo39e.js";import"./Download-Zlhupksh.js";import"./ExternalLink-D0l1c5Cz.js";import"./Filter-DsDJ7si-.js";import"./Folder-e-po0U54.js";import"./Globe-B83Xmd05.js";import"./Grid-EpV3TL4a.js";import"./Group-mTVRC79V.js";import"./Hide-TKfOHglI.js";import"./Home-la7Lmt_L.js";import"./InformationCircle-a2jMUKfL.js";import"./More-DLQ2RjWn.js";import"./Refresh-DexPEklu.js";import"./Search-C5TVrLyE.js";import"./Settings-2rTKyez8.js";import"./Show-BnmQFsN6.js";import"./Sync-BbqTDeWk.js";import"./User-CyxEAfVT.js";import"./Video-DWT3WylB.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Badge-BO7bTIEa.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Tabs-CQz87GHd.js";import"./ButtonBase-BNqa2TMD.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./utils-kUZVaD1e.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./createSvgIcon-ClUWwDzL.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useThemeProps-BPvYx-mf.js";import"./useThemeProps-DwvbKxez.js";import"./Button-BEA5U6Tg.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";function e(i){const r={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(n,{of:o}),`
|
|
2
2
|
`,t.jsx(c,{of:o}),`
|
|
3
3
|
`,t.jsx(p,{of:o}),`
|
|
4
4
|
`,t.jsx(h,{of:o}),`
|
|
@@ -20,4 +20,4 @@ selected.`]})})]}),t.jsx("tr",{children:t.jsx("td",{children:"If the first Tab i
|
|
|
20
20
|
`,t.jsx(r.h3,{id:"further-reading",children:"Further Reading"}),`
|
|
21
21
|
`,t.jsxs(r.ul,{children:[`
|
|
22
22
|
`,t.jsx(r.li,{children:t.jsx(r.a,{href:"https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel",rel:"nofollow",children:"Tabs Design Pattern in WAI-ARIA Authoring Practices 1.1"})}),`
|
|
23
|
-
`]})]})}function
|
|
23
|
+
`]})]})}function Ht(i={}){const{wrapper:r}={...s(),...i.components};return r?t.jsx(r,{...i,children:t.jsx(e,{...i})}):e(i)}export{Ht as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as le,w as re,u as D,e as ie}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{a as ce}from"./axeRun-B-LchFqf.js";import{i as E}from"./iconUtils-
|
|
1
|
+
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as le,w as re,u as D,e as ie}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{a as ce}from"./axeRun-B-LchFqf.js";import{i as E}from"./iconUtils-BII10A1q.js";import{O as ue}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as me,b as P}from"./Badge-BO7bTIEa.js";import{M as J}from"./Box-1mvP3NLW.js";import{_ as K,b as j,V as de,W as be,s as pe,d as fe,f as he,u as xe}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{T as Te,a as ye}from"./Tabs-CQz87GHd.js";import{u as ve}from"./useThemeProps-BPvYx-mf.js";import{M as Ce}from"./Button-BEA5U6Tg.js";import{M as ge}from"./Bug-CQIUmZ-N.js";const Q=s.createContext(null);function Me(){const[a,e]=s.useState(null);return s.useEffect(()=>{e(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),a}function Ie(a){const{children:e,value:n}=a,o=Me(),l=s.useMemo(()=>({idPrefix:o,value:n}),[o,n]);return t.jsx(Q.Provider,{value:l,children:e})}function Y(){return s.useContext(Q)}function Z(a,e){const{idPrefix:n}=a;return n===null?null:`${a.idPrefix}-P-${e}`}function ee(a,e){const{idPrefix:n}=a;return n===null?null:`${a.idPrefix}-T-${e}`}const we=["children"],je=s.forwardRef(function(e,n){const{children:o}=e,l=K(e,we),i=Y();if(i===null)throw new TypeError("No TabContext provided");const u=s.Children.map(o,m=>s.isValidElement(m)?s.cloneElement(m,{"aria-controls":Z(i,m.props.value),id:ee(i,m.props.value)}):null);return t.jsx(Te,j({},l,{ref:n,value:i.value,children:u}))});function Se(a){return de("MuiTabPanel",a)}be("MuiTabPanel",["root"]);const De=["children","className","value"],Ee=a=>{const{classes:e}=a;return he({root:["root"]},Se,e)},Pe=pe("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(a,e)=>e.root})(({theme:a})=>({padding:a.spacing(3)})),Be=s.forwardRef(function(e,n){const o=ve({props:e,name:"MuiTabPanel"}),{children:l,className:i,value:u}=o,m=K(o,De),C=j({},o),w=Ee(C),d=Y();if(d===null)throw new TypeError("No TabContext provided");const r=Z(d,u),c=ee(d,u);return t.jsx(Pe,j({"aria-labelledby":c,className:fe(w.root,i),hidden:u!==d.value,id:r,ref:n,role:"tabpanel",ownerState:C},m,{children:u===d.value&&l}))}),Xe=({label:a,notificationCount:e,notificationCountMax:n,tabState:o,value:l})=>{const i=xe();return t.jsxs(t.Fragment,{children:[a,e!==void 0&&e>0&&t.jsx(J,{sx:{marginInlineStart:e?i.Spacing2:0},children:t.jsx(me,{badgeContent:e,badgeContentMax:n,type:l===o?"attention":"default"})})]})},_e=({ariaLabel:a,initialValue:e,tabs:n,value:o,onChange:l})=>{const[i,u]=s.useState(e??o??"0"),[m,C]=s.useState(!1),w=s.useCallback((r,c)=>{u(c),l==null||l(r,c)},[l]);s.useEffect(()=>{o!==void 0&&u(o)},[o]),s.useEffect(()=>{let r;const c=()=>{cancelAnimationFrame(r),document.removeEventListener("visibilitychange",g)};function g(){r=requestAnimationFrame(()=>{c(),C("auto")})}return m!=="auto"&&document.addEventListener("visibilitychange",g),()=>{c()}},[m]);const d=s.useCallback((r,c)=>{const{testId:g,isDisabled:ae,label:ne,startIcon:te,value:b,notificationCount:oe,notificationCountMax:se}=r;return t.jsx(ye,{"data-se":g,disabled:ae,icon:te,label:t.jsx(Xe,{label:ne,notificationCount:oe,notificationCountMax:se,tabState:i,value:b}),tabIndex:0,value:b||c.toString()},b||c.toString())},[i]);return t.jsxs(Ie,{value:i,children:[t.jsx(je,{"aria-label":a,onChange:w,scrollButtons:m,variant:"scrollable",children:n.map((r,c)=>d(r,c))}),n.map((r,c)=>t.jsx(Be,{value:r.value?r.value:c.toString(),children:r.children},r.value?r.value:c.toString()))]})},M=s.memo(_e);M.displayName="Tabs";const ke={component:M,decorators:[ue],argTypes:{children:{control:"text",description:"The content of the tab item",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},startIcon:{control:{type:"select"},options:Object.keys(E),mapping:E,description:"An optional icon to display at the start of the tab item",table:{type:{summary:"<Icon />"}}},label:{control:"text",description:"The label text for the tab item",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},isDisabled:{control:"boolean",description:"If `true`, the tab item is disabled",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},value:{control:"text",description:"The value associated with the tab item",table:{type:{summary:"string"}}},onChange:{description:"Callback fired when the active tab is changed",table:{type:{summary:"func"}}},notificationCount:{control:{type:"number"},description:"The value associated with the Badge",table:{type:{summary:"number"}}},notificationCountMax:{control:{type:"select"},options:P,description:"The limit at which the badge will show `{notificationCountMax} +`. Can be increments of 10, up to 100",table:{type:{summary:P.join("|")},defaultValue:{summary:"10"}},type:{required:!1,name:"number"}}},args:{children:"This is the tab content. This tab happens to be about stars.",notificationCountMax:10,label:"Stars",value:"stars"}},I=({canvasElement:a,step:e})=>async(n,o)=>{await e(`select the ${o} tab`,async()=>{await ce(n),await le(async()=>{const l=re(a),i=l.getByText(o);await D.click(i),await D.tab();const u=l.getByText(`Information about ${o}`);ie(u).toBeInTheDocument()})})},v={render:function(e){const n=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"}];return e!=null&&e.label&&n.push({notificationCount:e==null?void 0:e.notificationCount,notificationCountMax:e==null?void 0:e.notificationCountMax,label:e.label,value:e.value,isDisabled:e.isDisabled,startIcon:e.startIcon,children:e.children}),t.jsx(M,{ariaLabel:"basic tabs example",initialValue:"planets",tabs:n})}},S=({label:a})=>t.jsxs(t.Fragment,{children:["Information about ",a]}),p={...v,play:async({canvasElement:a,step:e})=>{await I({canvasElement:a,step:e})("Tab Default","Moons")}},f={...v,args:{isDisabled:!0,label:"Disabled Tab",children:"Tab is disabled"},play:async({canvasElement:a,step:e})=>{await I({canvasElement:a,step:e})("Tab Disabled","Moons")}},h={...v,args:{startIcon:t.jsx(ge,{}),label:"Xenomorphs",children:t.jsx(S,{label:"Xenomorphs"})},play:async({canvasElement:a,step:e})=>{await I({canvasElement:a,step:e})("Tab Icon","Xenomorphs")}},x={render:function(){const[e,n]=s.useState("planets"),o=(i,u)=>{n(u)},l=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"},{label:"Galaxies",value:"galaxies",children:"Information about Galaxies"}];return t.jsxs(t.Fragment,{children:[t.jsx(M,{ariaLabel:"controlled tabs example",onChange:o,tabs:l,value:e}),t.jsx(J,{sx:{marginTop:4},children:t.jsx(Ce,{label:"Navigate to Galaxies",onClick:()=>{n("galaxies")},size:"small",variant:"primary"})})]})}},T={...v,args:{notificationCount:1,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(S,{label:"Xenomorphs"})},play:async({canvasElement:a,step:e})=>{await I({canvasElement:a,step:e})("Tab Icon","Xenomorphs")}},y={...v,args:{notificationCount:101,notificationCountMax:100,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(S,{label:"Xenomorphs"})}};var B,X,_;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
2
2
|
...DefaultTemplate,
|
|
3
3
|
play: async ({
|
|
4
4
|
canvasElement,
|
|
@@ -71,7 +71,7 @@ import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as le,w as re,u as D,e as
|
|
|
71
71
|
</Box>
|
|
72
72
|
</>;
|
|
73
73
|
}
|
|
74
|
-
}`,...(O=(N=x.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};var G,U
|
|
74
|
+
}`,...(O=(N=x.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};var G,q,U;T.parameters={...T.parameters,docs:{...(G=T.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
75
75
|
...DefaultTemplate,
|
|
76
76
|
args: {
|
|
77
77
|
notificationCount: 1,
|
|
@@ -88,7 +88,7 @@ import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as le,w as re,u as D,e as
|
|
|
88
88
|
step
|
|
89
89
|
})("Tab Icon", "Xenomorphs");
|
|
90
90
|
}
|
|
91
|
-
}`,...(
|
|
91
|
+
}`,...(U=(q=T.parameters)==null?void 0:q.docs)==null?void 0:U.source}}};var W,A,H;y.parameters={...y.parameters,docs:{...(W=y.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
92
92
|
...DefaultTemplate,
|
|
93
93
|
args: {
|
|
94
94
|
notificationCount: 101,
|
|
@@ -97,4 +97,4 @@ import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as le,w as re,u as D,e as
|
|
|
97
97
|
value: "xenomorphs",
|
|
98
98
|
children: <ExampleTabContent label="Xenomorphs" />
|
|
99
99
|
}
|
|
100
|
-
}`,...(H=(
|
|
100
|
+
}`,...(H=(A=y.parameters)==null?void 0:A.docs)==null?void 0:H.source}}};const Ve=["Default","Disabled","Icons","Controlled","WithBadge","CountMax"],Je=Object.freeze(Object.defineProperty({__proto__:null,Controlled:x,CountMax:y,Default:p,Disabled:f,Icons:h,WithBadge:T,__namedExportsOrder:Ve,default:ke},Symbol.toStringTag,{value:"Module"}));export{Je as T};
|