@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,11 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as e,T as n,S as s,D as a,P as l,a as c,b as x}from"./index-DfE121Jj.js";import{L as i}from"./Link.stories-DiVQZsn1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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"./iconUtils-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
|
|
2
|
-
`,o.jsx(n,{of:i}),`
|
|
3
|
-
`,o.jsx(s,{of:i}),`
|
|
4
|
-
`,o.jsx(a,{of:i}),`
|
|
5
|
-
`,o.jsx(l,{of:i}),`
|
|
6
|
-
`,o.jsx(c,{}),`
|
|
7
|
-
`,o.jsx(x,{}),`
|
|
8
|
-
`,o.jsx(t.h2,{id:"references",children:"References"}),`
|
|
9
|
-
`,o.jsxs(t.ul,{children:[`
|
|
10
|
-
`,o.jsxs(t.li,{children:[o.jsx(t.a,{href:"https://developers.google.com/web/tools/lighthouse/audits/noopener",rel:"nofollow",children:"Google's Developer Documentation"})," provides backgrounds on security and performance considerations when using external links"]}),`
|
|
11
|
-
`]})]})}function uo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{uo as default};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import"./index-DoKqiSdS.js";import{M as n,T as e,S as s,D as c,P as a,a as d,b as x}from"./index-DfE121Jj.js";import{M as i}from"./MenuButton.stories-rLpv4nq1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./MenuButton-DvVmjwMC.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./ListSubheader-DO359rMr.js";import"./Divider-CAwVs6Y1.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
|
|
2
|
-
`,o.jsx(e,{of:i}),`
|
|
3
|
-
`,o.jsxs(t.p,{children:["Children of ",o.jsx(t.code,{children:"MenuButton"})," should be one or more ",o.jsx(t.code,{children:"MenuItem"})," components."]}),`
|
|
4
|
-
`,o.jsx(t.p,{children:o.jsxs(t.a,{href:"/docs/mui-components-menuitem--docs",children:["see ",o.jsx(t.code,{children:"MenuItem"})," docs"]})}),`
|
|
5
|
-
`,o.jsx(s,{of:i}),`
|
|
6
|
-
`,o.jsx(c,{of:i}),`
|
|
7
|
-
`,o.jsx(a,{of:i}),`
|
|
8
|
-
`,o.jsx(d,{}),`
|
|
9
|
-
`,o.jsx(x,{})]})}function pt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{pt as default};
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Oe}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as De}from"./Field-BxkyNVQW.js";import{g as Fe,u as He}from"./inputUtils-Dbi8XkA6.js";import{S as Ne}from"./Select-VvpDulqk.js";import{M as Ae}from"./Link-BQo2zH0c.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./useControlled-NQulfz4l.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./InputBase-6reb9B7r.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";const Ge=n.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:r,errorMessage:l,errorMessageList:s,hasMultipleChoices:a,hint:h,HintLinkComponent:t,id:m,inputRef:Se,isDisabled:Me=!1,isFullWidth:Le=!1,isMultiSelect:w,isOptional:Ee=!1,label:Te,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Ve=n.useRef(Fe({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=He({defaultValue:r,value:H,controlState:Ve.current}),R=n.useCallback((d,V)=>{v==null||v(d,V)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:V,labelElementId:ke})=>e.jsx(Ne,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":V,"aria-labelledby":ke,"data-se":D},inputRef:G,multiple:W,name:m,native:!0,onBlur:k,onChange:R,onFocus:O,ref:A,translate:F}),[o,N,m,P,W,k,R,O,A,D,F]);return e.jsx(De,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Te,renderFieldComponent:we})}),p=n.memo(Ge);p.displayName="NativeSelect";const zo={component:p,decorators:[Oe],tags:["autodocs"],argTypes:{children:{description:"The options or optgroup elements within the native select component",table:{type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{type:{summary:"string | string[] | undefined"}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hint:i.hint,HintLinkComponent:i.HintLinkComponent,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:i.isOptional,label:{control:"text",description:"The label text for the native select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the native select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the native select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the native select component gains focus",table:{type:{summary:"func"}}},value:{control:"text",description:"The value or values selected in the native select component",table:{type:{summary:"string | string[]"}}}},args:{isDisabled:!1,hint:"Select your destination in the Sol system.",isOptional:!1,label:"Destination",id:"SolarDestination",defaultValue:""}},u={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),defaultValue:o.defaultValue,errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,id:o.id,isDisabled:o.isDisabled,isMultiSelect:o.isMultiSelect,isOptional:o.isOptional,label:o.label})}},Pe={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},g={...u},b={...u,args:{isDisabled:!0}},f={...u,args:{errorMessage:"Select your destination."}},x={...u,args:{errorMessage:"Select your destination.",errorMessageList:["Select 1 planet","Select 1 moon"]}},y={...Pe},j={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ae,{href:"/learn-more",children:"Learn more"})}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState(""),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},render:function(o){const[r,l]=n.useState([""]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},E={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState("Laconia"),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},T={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`.\n\nPreselected values are referenced by the value of the `value` attritube on `option` elements."}}},render:function(o){const[r,l]=n.useState(["laconia","new-terra"]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}};var q,z,I;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
2
|
-
...Template
|
|
3
|
-
}`,...(I=(z=g.parameters)==null?void 0:z.docs)==null?void 0:I.source}}};var B,_,J;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
4
|
-
...Template,
|
|
5
|
-
args: {
|
|
6
|
-
isDisabled: true
|
|
7
|
-
}
|
|
8
|
-
}`,...(J=(_=b.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,Q,U;f.parameters={...f.parameters,docs:{...(K=f.parameters)==null?void 0:K.docs,source:{originalSource:`{
|
|
9
|
-
...Template,
|
|
10
|
-
args: {
|
|
11
|
-
errorMessage: "Select your destination."
|
|
12
|
-
}
|
|
13
|
-
}`,...(U=(Q=f.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;x.parameters={...x.parameters,docs:{...(X=x.parameters)==null?void 0:X.docs,source:{originalSource:`{
|
|
14
|
-
...Template,
|
|
15
|
-
args: {
|
|
16
|
-
errorMessage: "Select your destination.",
|
|
17
|
-
errorMessageList: ["Select 1 planet", "Select 1 moon"]
|
|
18
|
-
}
|
|
19
|
-
}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,oe;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
20
|
-
...GroupTemplate
|
|
21
|
-
}`,...(oe=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;j.parameters={...j.parameters,docs:{...(ne=j.parameters)==null?void 0:ne.docs,source:{originalSource:`{
|
|
22
|
-
...Template,
|
|
23
|
-
args: {
|
|
24
|
-
hasMultipleChoices: true,
|
|
25
|
-
defaultValue: []
|
|
26
|
-
}
|
|
27
|
-
}`,...(ae=(te=j.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var re,le,se;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
|
|
28
|
-
...Template,
|
|
29
|
-
args: {
|
|
30
|
-
isOptional: true
|
|
31
|
-
}
|
|
32
|
-
}`,...(se=(le=C.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};var ie,pe,ce;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
|
|
33
|
-
...Template,
|
|
34
|
-
args: {
|
|
35
|
-
HintLinkComponent: <Link href="/learn-more">Learn more</Link>
|
|
36
|
-
}
|
|
37
|
-
}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,de,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`{
|
|
38
|
-
parameters: {
|
|
39
|
-
docs: {
|
|
40
|
-
description: {
|
|
41
|
-
story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
args: {},
|
|
46
|
-
render: function C(args) {
|
|
47
|
-
const [localValue, setLocalValue] = useState("");
|
|
48
|
-
const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
|
|
49
|
-
return <NativeSelect {...args} children={<>
|
|
50
|
-
<optgroup label="Sol System">
|
|
51
|
-
<option value="earth">Earth</option>
|
|
52
|
-
<option value="mars">Mars</option>
|
|
53
|
-
<option value="ceres">Ceres</option>
|
|
54
|
-
<option value="eros">Eros</option>
|
|
55
|
-
<option value="tycho-station">Tycho Station</option>
|
|
56
|
-
<option value="phoebe">Phoebe</option>
|
|
57
|
-
<option value="ganymede">Ganymede</option>
|
|
58
|
-
</optgroup>
|
|
59
|
-
<optgroup label="Extrasolar">
|
|
60
|
-
<option value="auberon">Auberon</option>
|
|
61
|
-
<option value="al-halub">Al-Halub</option>
|
|
62
|
-
<option value="freehold">Freehold</option>
|
|
63
|
-
<option value="laconia">Laconia</option>
|
|
64
|
-
<option value="new-terra">New Terra</option>
|
|
65
|
-
</optgroup>
|
|
66
|
-
</>} onChange={onChange} value={localValue} />;
|
|
67
|
-
}
|
|
68
|
-
}`,...(he=(de=M.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var me,ve,ge;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
|
|
69
|
-
parameters: {
|
|
70
|
-
docs: {
|
|
71
|
-
description: {
|
|
72
|
-
story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
render: function C(args) {
|
|
77
|
-
const [localValue, setLocalValue] = useState([""]);
|
|
78
|
-
const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
|
|
79
|
-
const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
|
|
80
|
-
setLocalValue(selectedOptions);
|
|
81
|
-
}, []);
|
|
82
|
-
return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices={true}
|
|
83
|
-
// @ts-expect-error This is going to break because generics aren't passed through.
|
|
84
|
-
onChange={onChange} value={localValue}>
|
|
85
|
-
<>
|
|
86
|
-
<optgroup label="Sol System">
|
|
87
|
-
<option value="earth">Earth</option>
|
|
88
|
-
<option value="mars">Mars</option>
|
|
89
|
-
<option value="ceres">Ceres</option>
|
|
90
|
-
<option value="eros">Eros</option>
|
|
91
|
-
<option value="tycho-station">Tycho Station</option>
|
|
92
|
-
<option value="phoebe">Phoebe</option>
|
|
93
|
-
<option value="ganymede">Ganymede</option>
|
|
94
|
-
</optgroup>
|
|
95
|
-
<optgroup label="Extrasolar">
|
|
96
|
-
<option value="auberon">Auberon</option>
|
|
97
|
-
<option value="al-halub">Al-Halub</option>
|
|
98
|
-
<option value="freehold">Freehold</option>
|
|
99
|
-
<option value="laconia">Laconia</option>
|
|
100
|
-
<option value="new-terra">New Terra</option>
|
|
101
|
-
</optgroup>
|
|
102
|
-
</>
|
|
103
|
-
</NativeSelect>;
|
|
104
|
-
}
|
|
105
|
-
}`,...(ge=(ve=L.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var be,fe,xe;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
|
|
106
|
-
parameters: {
|
|
107
|
-
docs: {
|
|
108
|
-
description: {
|
|
109
|
-
story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
args: {},
|
|
114
|
-
render: function C(args) {
|
|
115
|
-
const [localValue, setLocalValue] = useState("Laconia");
|
|
116
|
-
const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
|
|
117
|
-
return <NativeSelect {...args} children={<>
|
|
118
|
-
<optgroup label="Sol System">
|
|
119
|
-
<option value="earth">Earth</option>
|
|
120
|
-
<option value="mars">Mars</option>
|
|
121
|
-
<option value="ceres">Ceres</option>
|
|
122
|
-
<option value="eros">Eros</option>
|
|
123
|
-
<option value="tycho-station">Tycho Station</option>
|
|
124
|
-
<option value="phoebe">Phoebe</option>
|
|
125
|
-
<option value="ganymede">Ganymede</option>
|
|
126
|
-
</optgroup>
|
|
127
|
-
<optgroup label="Extrasolar">
|
|
128
|
-
<option value="auberon">Auberon</option>
|
|
129
|
-
<option value="al-halub">Al-Halub</option>
|
|
130
|
-
<option value="freehold">Freehold</option>
|
|
131
|
-
<option value="laconia">Laconia</option>
|
|
132
|
-
<option value="new-terra">New Terra</option>
|
|
133
|
-
</optgroup>
|
|
134
|
-
</>} onChange={onChange} value={localValue} />;
|
|
135
|
-
}
|
|
136
|
-
}`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var ye,je,Ce;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`{
|
|
137
|
-
parameters: {
|
|
138
|
-
docs: {
|
|
139
|
-
description: {
|
|
140
|
-
story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`.\\n\\nPreselected values are referenced by the value of the \`value\` attritube on \`option\` elements."
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
render: function C(args) {
|
|
145
|
-
const [localValue, setLocalValue] = useState(["laconia", "new-terra"]);
|
|
146
|
-
const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
|
|
147
|
-
const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
|
|
148
|
-
setLocalValue(selectedOptions);
|
|
149
|
-
}, []);
|
|
150
|
-
return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices
|
|
151
|
-
// @ts-expect-error This is going to break because generics aren't passed through.
|
|
152
|
-
onChange={onChange} value={localValue}>
|
|
153
|
-
<>
|
|
154
|
-
<optgroup label="Sol System">
|
|
155
|
-
<option value="earth">Earth</option>
|
|
156
|
-
<option value="mars">Mars</option>
|
|
157
|
-
<option value="ceres">Ceres</option>
|
|
158
|
-
<option value="eros">Eros</option>
|
|
159
|
-
<option value="tycho-station">Tycho Station</option>
|
|
160
|
-
<option value="phoebe">Phoebe</option>
|
|
161
|
-
<option value="ganymede">Ganymede</option>
|
|
162
|
-
</optgroup>
|
|
163
|
-
<optgroup label="Extrasolar">
|
|
164
|
-
<option value="auberon">Auberon</option>
|
|
165
|
-
<option value="al-halub">Al-Halub</option>
|
|
166
|
-
<option value="freehold">Freehold</option>
|
|
167
|
-
<option value="laconia">Laconia</option>
|
|
168
|
-
<option value="new-terra">New Terra</option>
|
|
169
|
-
</optgroup>
|
|
170
|
-
</>
|
|
171
|
-
</NativeSelect>;
|
|
172
|
-
}
|
|
173
|
-
}`,...(Ce=(je=T.parameters)==null?void 0:je.docs)==null?void 0:Ce.source}}};const Io=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,T as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,y as DefaultGrouped,x as ErrorsList,S as HintLink,j as Multi,C as Optional,Io as __namedExportsOrder,zo as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as e,T as n,S as s,D as a,a as c}from"./index-DfE121Jj.js";import{P as i}from"./PageTemplate _labs_.stories-DdUcW43S.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./personData-L8dJyb3X.js";import"./Status-CdgTiE4c.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./PageTemplate-mjLVQesI.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./Link-DcsndbPK.js";import"./Documentation-CBbHUjXC.js";import"./Dialog-BkOLgyLu.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./FullScreenOverlay-Bujsxbxh.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./DialogContent-B-pM1DP1.js";import"./Paper-DwBg74qy.js";import"./Fade-CHnXmzFb.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerWindow-HkKU3E4x.js";import"./createChainedFunction-BO_9K8Jh.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./Surface-BCTO1YR-.js";import"./DataTable-BJQ8WkUd.js";import"./index.esm-XFhSJO0s.js";import"./debounce-Be36O1Ab.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./List-_p0jkXPM.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Box-B6KmU4_J.js";import"./CircularProgress-AX8KCiV6.js";import"./Menu-CU_mHT7L.js";import"./MenuList-0OHGr5AC.js";import"./colorManipulator-C6C6_xuT.js";import"./IconButton-Wwvz84xG.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./Checkbox-OauVZWc5.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./InputBase-6reb9B7r.js";import"./FormHelperText-Ca69g4Je.js";import"./useThemeProps-DJ3F4KkW.js";import"./InputAdornment-Dj-8HF_1.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-oi_JaUho.js";import"./Collapse-DtQCvyEw.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./Skeleton-DAUyPclv.js";import"./Divider-CAwVs6Y1.js";import"./Autocomplete-CknstIK_.js";import"./ListSubheader-DO359rMr.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./FormControlLabel-CoGABX1G.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./Box-B-R2QRDU.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./ExternalLink-lox07hAR.js";import"./EmptyState-FpIKkMpd.js";import"./DataFilters-KxLw7hL5.js";import"./Autocomplete-Bh3XRXMy.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./Field-BxkyNVQW.js";import"./ScreenReaderText-DbrZU7M5.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./ChevronRight-BLkvXBUf.js";import"./Pagination-BTycGMV-.js";import"./ArrowRight-BquvVn3D.js";import"./MenuItem-DoUaLmgU.js";import"./List-CNCQEpRl.js";import"./Show-DXIrBgNq.js";import"./useScrollIndication-Dq_i6CX-.js";import"./Drawer-C9M8pytV.js";import"./Form-CJrxMkwr.js";import"./Layout-BndkhA1_.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
|
|
2
|
-
`,o.jsx(n,{of:i}),`
|
|
3
|
-
`,o.jsx(s,{of:i}),`
|
|
4
|
-
`,o.jsx(a,{of:i}),`
|
|
5
|
-
`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"PageTemplate"}),` is a multi-purpose container that enforces Odyssey layout conventions, ensuring that
|
|
6
|
-
your screens look consistent without you doing extra work.`]}),`
|
|
7
|
-
`,o.jsxs(t.p,{children:["If you're an Okta employee, you can see the ",o.jsx(t.a,{href:"https://www.figma.com/design/jMsVlc6QrA5dQXqPEEVT7S/%F0%9F%93%A6-Odyssey-Templates?node-id=1862-40643",rel:"nofollow",children:"Figma here"}),"."]}),`
|
|
8
|
-
`,o.jsx(c,{})]})}function Wt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Wt as default};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{j as g}from"./jsx-runtime-CnH95YSl.js";import{O as h}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{p as o}from"./constants-CyailK6t.js";import{M as c}from"./Pagination-BTycGMV-.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";const ne={component:c,decorators:[h],tags:["autodocs"],argTypes:{pageIndex:{control:{type:"number",min:1},description:"The current page index",type:{required:!0,name:"number"}},pageSize:{control:{type:"number",min:1},description:"The current page size",type:{required:!0,name:"number"}},onPaginationChange:{description:"Page index and page size setter",type:{required:!0,name:"function"}},lastRow:{control:{type:"number",min:1},description:"The current page last row index",type:{required:!0,name:"number"}},totalRows:{control:{type:"number",min:1},description:"Total rows count",type:{name:"number"}},hasPageInput:{control:"boolean",description:"If true, the page input will be visible and the user can directly manipulate which page is visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountInput:{control:"boolean",description:"If true, the row count input will be visible and the user can directly manipulate how many rows are visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountLabel:{control:"boolean",description:"If true, the pagination controls will be disabled.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},isDisabled:{control:"boolean",description:"If true, the pagination controls will be disabled",type:{required:!0,name:"boolean"}},isMoreDisabled:{control:"boolean",description:"If true, the pagination next/show more button will be disabled",type:{required:!0,name:"boolean"}},variant:{control:{type:"radio"},options:o,description:'The type of pagination controls shown, defaults to next/prev buttons, but can set to a simple Load more button by setting to "loadMore".',type:{name:"other",value:"radio"},table:{defaultValue:{summary:o[0]}}},rowsPerPageLabel:{control:"text",description:"The label that shows how many results are rendered per page",type:{required:!0,name:"string"}},currentPageLabel:{control:"text",description:"The labeled rendered for the current page index",type:{required:!0,name:"string"}},previousLabel:{control:"text",description:"The label for the previous control",type:{required:!0,name:"string"}},nextLabel:{control:"text",description:"The label for the next control",type:{required:!0,name:"string"}},loadMoreLabel:{control:"text",description:'If the pagination is of "loadMore" variant, then this is the the load more label',type:{required:!0,name:"string"}},maxPageIndex:{control:"number",description:"The highest page number allowed to be manually input in pagination.",table:{type:{summary:"number"}}},maxPageSize:{control:"number",description:"The largest number of rows allowed to be shown per page. This only affects the row input in pagination.",table:{type:{summary:"number"}}},currentRowsCount:{control:"number",description:"The number of items currently visible on the page",table:{type:{summary:"number"}}}},args:{pageIndex:1,pageSize:20,lastRow:20,currentRowsCount:20,hasPageInput:!0,hasRowCountInput:!0,hasRowCountLabel:!0,isDisabled:!1,variant:"paged",rowsPerPageLabel:"Rows per page",currentPageLabel:"Page",previousLabel:"Previous page",nextLabel:"Next page",loadMoreLabel:"Show more",totalRows:100}},e={render:b=>g.jsx(c,{...b})},t={...e,args:{variant:"loadMore"}},r={...e,args:{hasPageInput:!1,hasRowCountInput:!1,hasRowCountLabel:!1}};var a,n,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
-
render: props => {
|
|
3
|
-
return <Pagination {...props} />;
|
|
4
|
-
}
|
|
5
|
-
}`,...(i=(n=e.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,p,u;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
6
|
-
...Default,
|
|
7
|
-
args: {
|
|
8
|
-
variant: "loadMore"
|
|
9
|
-
}
|
|
10
|
-
}`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var l,m,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
11
|
-
...Default,
|
|
12
|
-
args: {
|
|
13
|
-
hasPageInput: false,
|
|
14
|
-
hasRowCountInput: false,
|
|
15
|
-
hasRowCountLabel: false
|
|
16
|
-
}
|
|
17
|
-
}`,...(d=(m=r.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};const ie=["Default","LoadMore","JustButtons"];export{e as Default,r as JustButtons,t as LoadMore,ie as __namedExportsOrder,ne as default};
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-CnH95YSl.js";import{f as M,w as ve,e as n,u as m,a as Ae}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{a as Fe}from"./axeRun-B-LchFqf.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Ie}from"./Field-BxkyNVQW.js";import{J as De,a2 as C}from"./OdysseyThemeProvider-BykOaJq8.js";import{g as He,u as Oe}from"./inputUtils-Dbi8XkA6.js";import{I as je}from"./InputBase-6reb9B7r.js";import{I as qe}from"./InputAdornment-Dj-8HF_1.js";import{I as Ue}from"./IconButton-Wwvz84xG.js";import{M as ze}from"./Hide-Bvhl5PVN.js";import{M as Ne}from"./Show-DXIrBgNq.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";const We=t.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:a,errorMessage:s,errorMessageList:e,hasInitialFocus:r,hint:xe,id:Ve,inputRef:Ee,isDisabled:Ce=!1,isFullWidth:Pe=!1,isOptional:T=!1,hasShowPassword:B=!0,isReadOnly:L,label:Te,name:R,onChange:p,onFocus:A,onBlur:F,placeholder:k,testId:I,translate:D,value:H},O)=>{const{t:j}=De(),[d,Se]=t.useState("password"),q=t.useCallback(()=>{Se(l=>l==="password"?"text":"password")},[]),Me=t.useRef(He({controlledValue:H,uncontrolledValue:a})),U=Oe({defaultValue:a,value:H,controlState:Me.current}),z=t.useRef(null);t.useImperativeHandle(Ee,()=>({focus:()=>{var l;(l=z.current)==null||l.focus()}}),[]);const N=t.useCallback(l=>{p==null||p(l)},[p]),Be=t.useCallback(({ariaDescribedBy:l,errorMessageElementId:Le,id:S,labelElementId:Re})=>u.jsx(je,{...U,"aria-describedby":l,autoComplete:d==="password"?o:"off",autoFocus:r,endAdornment:B&&u.jsx(qe,{position:"end",children:u.jsx(Ue,{"aria-controls":S,"aria-label":j("passwordfield.icon.label.show"),"aria-pressed":d==="text",onClick:q,children:d==="password"?u.jsx(Ne,{}):u.jsx(ze,{})})}),id:S,inputProps:{"aria-errormessage":Le,"aria-labelledby":Re,"data-se":I,role:"textbox"},inputRef:z,name:R??S,onBlur:F,onChange:N,onFocus:A,placeholder:k,readOnly:L,ref:O,required:!T,translate:D,type:d}),[o,r,U,j,q,d,R,N,A,F,k,T,L,B,O,I,D]);return u.jsx(Ie,{ariaDescribedBy:c,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:xe,id:Ve,isDisabled:Ce,isFullWidth:Pe,isOptional:T,label:Te,renderFieldComponent:Be})}),P=t.memo(We);P.displayName="PasswordField";const Ft={component:P,decorators:[ke],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},hasShowPassword:{control:"boolean",description:"If `true`, the show/hide eye icon is not shown to the user",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hint:i.hint,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,isOptional:i.isOptional,isReadOnly:i.isReadOnly,label:{control:"text",description:"The label text for the password field input",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the autocomplete component loses focus.",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the password value is changed.",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the autocomplete component gains focus.",table:{type:{summary:"func"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when component is controlled",table:{type:{summary:"string"}}}},args:{autoCompleteType:"current-password",hasShowPassword:!0,id:"password-input",isOptional:!1,label:"Password",onBlur:M(),onChange:M(),onFocus:M()}},f={play:async({canvasElement:c,step:o})=>{await o("toggle password",async()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.getByRole("button",{name:C("passwordfield.icon.label.show")});e&&(await m.type(s,"qwerty"),await m.click(e),await m.tab(),n(s).toHaveAttribute("type","text"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("true"),await m.click(e),n(s).toHaveAttribute("type","password"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("false")),await Ae(()=>{Fe("Password Field Default")})})}},b={parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,defaultValue:"PasswordValue"}},w={args:{errorMessage:"This password is incorrect",defaultValue:""}},y={args:{errorMessage:"Password requires: ",errorMessageList:["At least 8 chars","An uppercase letter","A number","A symbol"]}},h={args:{hint:"Your first pet's name",defaultValue:""}},g={args:{hasShowPassword:!1,defaultValue:""},play:async({canvasElement:c,step:o})=>{await o("toggle password",()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.queryByRole("button",{name:C("passwordfield.icon.label.show")});n(e).toBe(null)})}},v={args:{isOptional:!0,defaultValue:""}},x={parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,defaultValue:"PasswordValue"}},V={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:""},render:function(o){const[a,s]=t.useState(""),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}},E={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:"PasswordValue"},render:function(o){const[a,s]=t.useState("PasswordValue"),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}};var W,Y,_;f.parameters={...f.parameters,docs:{...(W=f.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
2
|
-
play: async ({
|
|
3
|
-
canvasElement,
|
|
4
|
-
step
|
|
5
|
-
}) => {
|
|
6
|
-
await step("toggle password", async () => {
|
|
7
|
-
const canvas = within(canvasElement);
|
|
8
|
-
const fieldElement = canvas.getByRole("textbox", {
|
|
9
|
-
name: "Password"
|
|
10
|
-
});
|
|
11
|
-
expect(fieldElement).toHaveAttribute("type", "password");
|
|
12
|
-
const buttonElement = canvas.getByRole("button", {
|
|
13
|
-
name: odysseyTranslate("passwordfield.icon.label.show")
|
|
14
|
-
});
|
|
15
|
-
if (buttonElement) {
|
|
16
|
-
await userEvent.type(fieldElement, "qwerty");
|
|
17
|
-
await userEvent.click(buttonElement);
|
|
18
|
-
await userEvent.tab();
|
|
19
|
-
expect(fieldElement).toHaveAttribute("type", "text");
|
|
20
|
-
expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
|
|
21
|
-
expect(buttonElement.ariaPressed).toBe("true");
|
|
22
|
-
await userEvent.click(buttonElement);
|
|
23
|
-
expect(fieldElement).toHaveAttribute("type", "password");
|
|
24
|
-
expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
|
|
25
|
-
expect(buttonElement.ariaPressed).toBe("false");
|
|
26
|
-
}
|
|
27
|
-
await waitFor(() => {
|
|
28
|
-
axeRun("Password Field Default");
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
}`,...(_=(Y=f.parameters)==null?void 0:Y.docs)==null?void 0:_.source}}};var J,G,K;b.parameters={...b.parameters,docs:{...(J=b.parameters)==null?void 0:J.docs,source:{originalSource:`{
|
|
33
|
-
parameters: {
|
|
34
|
-
docs: {
|
|
35
|
-
description: {
|
|
36
|
-
story: "The values of disabled inputs will not be submitted."
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
args: {
|
|
41
|
-
isDisabled: true,
|
|
42
|
-
defaultValue: "PasswordValue"
|
|
43
|
-
}
|
|
44
|
-
}`,...(K=(G=b.parameters)==null?void 0:G.docs)==null?void 0:K.source}}};var Q,X,Z;w.parameters={...w.parameters,docs:{...(Q=w.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
45
|
-
args: {
|
|
46
|
-
errorMessage: "This password is incorrect",
|
|
47
|
-
defaultValue: ""
|
|
48
|
-
}
|
|
49
|
-
}`,...(Z=(X=w.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
50
|
-
args: {
|
|
51
|
-
errorMessage: "Password requires: ",
|
|
52
|
-
errorMessageList: ["At least 8 chars", "An uppercase letter", "A number", "A symbol"]
|
|
53
|
-
}
|
|
54
|
-
}`,...(te=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,se,oe;h.parameters={...h.parameters,docs:{...(ae=h.parameters)==null?void 0:ae.docs,source:{originalSource:`{
|
|
55
|
-
args: {
|
|
56
|
-
hint: "Your first pet's name",
|
|
57
|
-
defaultValue: ""
|
|
58
|
-
}
|
|
59
|
-
}`,...(oe=(se=h.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var re,ne,le;g.parameters={...g.parameters,docs:{...(re=g.parameters)==null?void 0:re.docs,source:{originalSource:`{
|
|
60
|
-
args: {
|
|
61
|
-
hasShowPassword: false,
|
|
62
|
-
defaultValue: ""
|
|
63
|
-
},
|
|
64
|
-
play: async ({
|
|
65
|
-
canvasElement,
|
|
66
|
-
step
|
|
67
|
-
}) => {
|
|
68
|
-
await step("toggle password", () => {
|
|
69
|
-
const canvas = within(canvasElement);
|
|
70
|
-
const fieldElement = canvas.getByRole("textbox", {
|
|
71
|
-
name: "Password"
|
|
72
|
-
});
|
|
73
|
-
expect(fieldElement).toHaveAttribute("type", "password");
|
|
74
|
-
const buttonElement = canvas.queryByRole("button", {
|
|
75
|
-
name: odysseyTranslate("passwordfield.icon.label.show")
|
|
76
|
-
});
|
|
77
|
-
expect(buttonElement).toBe(null);
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
}`,...(le=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var ie,ue,ce;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
|
|
81
|
-
args: {
|
|
82
|
-
isOptional: true,
|
|
83
|
-
defaultValue: ""
|
|
84
|
-
}
|
|
85
|
-
}`,...(ce=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,pe,me;x.parameters={...x.parameters,docs:{...(de=x.parameters)==null?void 0:de.docs,source:{originalSource:`{
|
|
86
|
-
parameters: {
|
|
87
|
-
docs: {
|
|
88
|
-
description: {
|
|
89
|
-
story: "The values of readonly inputs will be submitted."
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
args: {
|
|
94
|
-
isReadOnly: true,
|
|
95
|
-
defaultValue: "PasswordValue"
|
|
96
|
-
}
|
|
97
|
-
}`,...(me=(pe=x.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var fe,be,we;V.parameters={...V.parameters,docs:{...(fe=V.parameters)==null?void 0:fe.docs,source:{originalSource:`{
|
|
98
|
-
parameters: {
|
|
99
|
-
docs: {
|
|
100
|
-
description: {
|
|
101
|
-
story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
args: {
|
|
106
|
-
value: ""
|
|
107
|
-
},
|
|
108
|
-
render: function C(props) {
|
|
109
|
-
const [localValue, setLocalValue] = useState("");
|
|
110
|
-
const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
|
|
111
|
-
return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
|
|
112
|
-
}
|
|
113
|
-
}`,...(we=(be=V.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var ye,he,ge;E.parameters={...E.parameters,docs:{...(ye=E.parameters)==null?void 0:ye.docs,source:{originalSource:`{
|
|
114
|
-
parameters: {
|
|
115
|
-
docs: {
|
|
116
|
-
description: {
|
|
117
|
-
story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
args: {
|
|
122
|
-
value: "PasswordValue"
|
|
123
|
-
},
|
|
124
|
-
render: function C(props) {
|
|
125
|
-
const [localValue, setLocalValue] = useState("PasswordValue");
|
|
126
|
-
const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
|
|
127
|
-
return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
|
|
128
|
-
}
|
|
129
|
-
}`,...(ge=(he=E.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};const kt=["Default","Disabled","Error","ErrorsList","Hint","NoShowPassword","Optional","ReadOnly","Controlled","ControlledDefaultInput"];export{V as Controlled,E as ControlledDefaultInput,f as Default,b as Disabled,w as Error,y as ErrorsList,h as Hint,g as NoShowPassword,v as Optional,x as ReadOnly,kt as __namedExportsOrder,Ft as default};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-CozVRRyR.js";import{M as C}from"./Video-D8qbHdF4.js";import{M as F}from"./Folder-8esChg_E.js";import{M as O}from"./Globe-BHk1B5d7.js";import{M as p}from"./Settings-SRsJGOHl.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./Paper-DwBg74qy.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Portal-CsPQSHsR.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./useControlled-NQulfz4l.js";import"./Chip-B9WkuA4b.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";const j=[{value:"en",label:"English",description:"",icon:e.jsx(C,{})},{value:"fr",label:"French"},{value:"jp",label:"Japanese"},{value:"es",label:"Spanish"}],T=[{value:"en",label:"English",description:"A description of the English language"},{value:"fr",label:"French",description:"Français"},{value:"jp",label:"Japanese",description:"日本語"},{value:"es",label:"Spanish",description:"Español"}],z=[{value:"en",label:"English",description:"A description of the English language",metaData:[{icon:e.jsx(F,{}),detailText:"1"}]},{value:"fr",label:"French",description:"Français",metaData:[{icon:e.jsx(p,{}),detailText:"100"}]},{value:"jp",label:"Japanese",description:"日本語",metaData:[{icon:e.jsx(O,{}),detailText:"1000"}]},{value:"es",label:"Spanish",description:"Español",metaData:[{icon:e.jsx(p,{}),detailText:"37"}]}],We={component:y,decorators:[k],tags:["autodocs"],argTypes:{...E,hint:s.hint,HintLinkComponent:s.HintLinkComponent},args:{label:"Picker label",hint:"Optional hint text for picker",options:j}},o={},r={args:{options:T}},t={args:{options:z}},a={args:{hasMultipleChoices:!0}},i={args:{isDisabled:!0,value:j[0]}};var n,m,l;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var c,d,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
options: languagesNoMetadata
|
|
4
|
-
}
|
|
5
|
-
}`,...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,h,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
options: languagesKitchenSink
|
|
8
|
-
}
|
|
9
|
-
}`,...(b=(h=t.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var M,f,v;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
10
|
-
args: {
|
|
11
|
-
hasMultipleChoices: true
|
|
12
|
-
}
|
|
13
|
-
}`,...(v=(f=a.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var x,D,S;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
14
|
-
args: {
|
|
15
|
-
isDisabled: true,
|
|
16
|
-
value: languagesNoDescription[0]
|
|
17
|
-
}
|
|
18
|
-
}`,...(S=(D=i.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};const Je=["LabelOnly","WithDescription","WithMetadata","MultipleSelect","Disabled"];export{i as Disabled,o as LabelOnly,a as MultipleSelect,r as WithDescription,t as WithMetadata,Je as __namedExportsOrder,We as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{U as N,V,_ as A,b as x,a as D,f as q,c as z,s as G}from"./OdysseyThemeProvider-BykOaJq8.js";import{c as J,u as K}from"./popper-aiaZgC6t.js";import{r as t}from"./index-NdkWRN8K.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{o as F}from"./ownerDocument-DW-IO8s5.js";import{P as Q}from"./Portal-CsPQSHsR.js";import{u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{u as X}from"./getReactElementRef-Bs64nbeG.js";function Y(o){return N("MuiPopper",o)}V("MuiPopper",["root"]);const Z=["anchorEl","children","direction","disablePortal","modifiers","open","placement","popperOptions","popperRef","slotProps","slots","TransitionProps","ownerState"],oo=["anchorEl","children","container","direction","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","style","transition","slotProps","slots"];function eo(o,e){if(e==="ltr")return o;switch(o){case"bottom-end":return"bottom-start";case"bottom-start":return"bottom-end";case"top-end":return"top-start";case"top-start":return"top-end";default:return o}}function k(o){return typeof o=="function"?o():o}function to(o){return o.nodeType!==void 0}const ro=o=>{const{classes:e}=o;return q({root:["root"]},Y,e)},no={},so=t.forwardRef(function(e,h){var n;const{anchorEl:s,children:p,direction:y,disablePortal:d,modifiers:i,open:R,placement:f,popperOptions:l,popperRef:E,slotProps:b={},slots:w={},TransitionProps:a}=e,M=A(e,Z),v=t.useRef(null),T=H(v,h),r=t.useRef(null),c=H(r,E),u=t.useRef(c);D(()=>{u.current=c},[c]),t.useImperativeHandle(E,()=>r.current,[]);const m=eo(f,y),[P,S]=t.useState(m),[O,U]=t.useState(k(s));t.useEffect(()=>{r.current&&r.current.forceUpdate()}),t.useEffect(()=>{s&&U(k(s))},[s]),D(()=>{if(!O||!R)return;const I=C=>{S(C.placement)};let _=[{name:"preventOverflow",options:{altBoundary:d}},{name:"flip",options:{altBoundary:d}},{name:"onUpdate",enabled:!0,phase:"afterWrite",fn:({state:C})=>{I(C)}}];i!=null&&(_=_.concat(i)),l&&l.modifiers!=null&&(_=_.concat(l.modifiers));const B=J(O,v.current,x({placement:m},l,{modifiers:_}));return u.current(B),()=>{B.destroy(),u.current(null)}},[O,d,i,R,l,m]);const $={placement:P};a!==null&&($.TransitionProps=a);const L=ro(e),g=(n=w.root)!=null?n:"div",W=X({elementType:g,externalSlotProps:b.root,externalForwardedProps:M,additionalProps:{role:"tooltip",ref:T},ownerState:e,className:L.root});return j.jsx(g,x({},W,{children:typeof p=="function"?p($):p}))}),po=t.forwardRef(function(e,h){const{anchorEl:n,children:s,container:p,direction:y="ltr",disablePortal:d=!1,keepMounted:i=!1,modifiers:R,open:f,placement:l="bottom",popperOptions:E=no,popperRef:b,style:w,transition:a=!1,slotProps:M={},slots:v={}}=e,T=A(e,oo),[r,c]=t.useState(!0),u=()=>{c(!1)},m=()=>{c(!0)};if(!i&&!f&&(!a||r))return null;let P;if(p)P=p;else if(n){const U=k(n);P=U&&to(U)?F(U).body:F(null).body}const S=!f&&i&&(!a||r)?"none":void 0,O=a?{in:f,onEnter:u,onExited:m}:void 0;return j.jsx(Q,{disablePortal:d,container:P,children:j.jsx(so,x({anchorEl:n,direction:y,disablePortal:d,modifiers:R,ref:h,open:a?!r:f,placement:l,popperOptions:E,popperRef:b,slotProps:M,slots:v},T,{style:x({position:"fixed",top:0,left:0,display:S},w),TransitionProps:O,children:s}))})}),io=["anchorEl","component","components","componentsProps","container","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","transition","slots","slotProps"],lo=G(po,{name:"MuiPopper",slot:"Root",overridesResolver:(o,e)=>e.root})({}),Eo=t.forwardRef(function(e,h){var n;const s=K(),p=z({props:e,name:"MuiPopper"}),{anchorEl:y,component:d,components:i,componentsProps:R,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T,slots:r,slotProps:c}=p,u=A(p,io),m=(n=r==null?void 0:r.root)!=null?n:i==null?void 0:i.Root,P=x({anchorEl:y,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T},u);return j.jsx(lo,x({as:d,direction:s==null?void 0:s.direction,slots:{root:m},slotProps:c??R},P,{ref:h}))});export{Eo as P};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{U as v,V as y,_ as j,A as U,b as V,d as b,f as w}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as t}from"./index-NdkWRN8K.js";import{a as P}from"./Radio-7iHx2pBU.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useControlled-NQulfz4l.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{F as M}from"./FormGroup-D2d8E3Cw.js";function N(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:e,row:s,error:a}=r;return w({root:["root",s&&"row",a&&"error"]},N,e)},z=t.forwardRef(function(e,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=e,h=j(e,S),n=t.useRef(null),C=k(e),[i,c]=_({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let o=n.current.querySelector("input:not(:disabled):checked");o||(o=n.current.querySelector("input:not(:disabled)")),o&&o.focus()}}),[]);const g=F(s,n),d=U(R),G=t.useMemo(()=>({name:d,onChange(o){c(o.target.value),u&&u(o,o.target.value)},value:i}),[d,u,c,i]);return m.jsx(P.Provider,{value:G,children:m.jsx(M,V({role:"radiogroup",ref:g,className:b(C.root,f)},h,{children:l}))})});export{z as R};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{R as r}from"./RadioGroup.stories-CackbN0d.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./RadioGroup-Mx_cTqVX.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Radio-AD-L5UNl.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-C_zn6OtS.js";import"./FormGroup-D2d8E3Cw.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";function p(i){const t={code:"code",p:"p",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
|
|
2
|
-
`,o.jsx(e,{of:r}),`
|
|
3
|
-
`,o.jsx(s,{of:r}),`
|
|
4
|
-
`,o.jsx(a,{of:r}),`
|
|
5
|
-
`,o.jsx(c,{of:r}),`
|
|
6
|
-
`,o.jsxs(t.p,{children:["Note that ",o.jsx(t.code,{children:"RadioGroup"})," does not include an ",o.jsx(t.code,{children:"isOptional"})," prop, since a ",o.jsx(t.code,{children:"RadioGroup"}),` should
|
|
7
|
-
only be used if it's required. If you need similar functionality that supports optionality,
|
|
8
|
-
use a `,o.jsx(t.code,{children:"Checkbox"})," or ",o.jsx(t.code,{children:"CheckboxGroup"})," instead."]}),`
|
|
9
|
-
`,o.jsx(d,{}),`
|
|
10
|
-
`,o.jsx(x,{})]})}function Ro(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Ro as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as i}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as n}from"./ScreenReaderText-DbrZU7M5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";const T={component:n,decorators:[i],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(a){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...a})]})}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
-
render: function C(args) {
|
|
3
|
-
return <>
|
|
4
|
-
The following text is visually hidden:
|
|
5
|
-
<ScreenReaderText {...args}></ScreenReaderText>
|
|
6
|
-
</>;
|
|
7
|
-
}
|
|
8
|
-
}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const S=["Default"];export{e as Default,S as __namedExportsOrder,T as default};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import{j as E}from"./jsx-runtime-CnH95YSl.js";import{r as s}from"./index-NdkWRN8K.js";import{O as M}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as e}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{s as i,M as T}from"./SearchField-glDE5e-X.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./IconButton-Wwvz84xG.js";const ye={component:T,decorators:[M],tags:["autodocs"],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},isDisabled:e.isDisabled,isFullWidth:e.isFullWidth,id:e.id,label:{control:"text",description:"This label won't show up visually, but it's required for accessibility",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:e.name,onBlur:{description:"Callback fired when the `input` element loses focus",table:{type:{summary:"function"}}},onClear:{description:"Callback fired when the clear button is pressed",table:{type:{summary:"function"}}},onChange:{description:"Callback fired when the value is changed",table:{type:{summary:"function"}}},onFocus:{description:"Callback fired when the `input` element gets focus",table:{type:{summary:"function"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when the component is controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},variant:{options:i,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:i.join(" | ")},defaultValue:{summary:"outline"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Search",placeholder:"Search planets"}},t={args:{defaultValue:""}},o={args:{defaultValue:"",variant:"filled"}},r={args:{isDisabled:!0}},a={args:{isFullWidth:!0}},n={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `SearchField`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{defaultValue:void 0},render:function(w){const[x,l]=s.useState("Jupiter"),k=s.useCallback(W=>l(W.target.value),[]),D=s.useCallback(()=>{l("")},[]);return E.jsx(T,{...w,onChange:k,onClear:D,value:x})}};var u,p,c;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
defaultValue: ""
|
|
4
|
-
}
|
|
5
|
-
}`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
defaultValue: "",
|
|
8
|
-
variant: "filled"
|
|
9
|
-
}
|
|
10
|
-
}`,...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var f,g,b;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
11
|
-
args: {
|
|
12
|
-
isDisabled: true
|
|
13
|
-
}
|
|
14
|
-
}`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,C,v;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
15
|
-
args: {
|
|
16
|
-
isFullWidth: true
|
|
17
|
-
}
|
|
18
|
-
}`,...(v=(C=a.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var V,S,F;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
19
|
-
parameters: {
|
|
20
|
-
docs: {
|
|
21
|
-
description: {
|
|
22
|
-
story: "When the component is controlled, the parent component is responsible for managing the state of \`SearchField\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
args: {
|
|
27
|
-
defaultValue: undefined
|
|
28
|
-
},
|
|
29
|
-
render: function C(props) {
|
|
30
|
-
const [constrolledValue, setControlledValue] = useState("Jupiter");
|
|
31
|
-
const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setControlledValue(event.target.value), []);
|
|
32
|
-
const onClear = useCallback(() => {
|
|
33
|
-
setControlledValue("");
|
|
34
|
-
}, []);
|
|
35
|
-
return <SearchField {...props} onChange={onChange} onClear={onClear} value={constrolledValue} />;
|
|
36
|
-
}
|
|
37
|
-
}`,...(F=(S=n.parameters)==null?void 0:S.docs)==null?void 0:F.source}}};const Ce=["Default","FilledVariant","Disabled","FullWidth","ControlledSearch"];export{n as ControlledSearch,t as Default,r as Disabled,o as FilledVariant,a as FullWidth,Ce as __namedExportsOrder,ye as default};
|