@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,41 +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}from"./index-DfE121Jj.js";import{D as r}from"./DataTable _labs_.stories-CTl54dDN.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"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./personData-BOnk54P3.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"./constants-CyailK6t.js";import"./DataView-CHGdxu-Z.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.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"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.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"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./Typography-B7ktrxCD.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./useScrollIndication-Dq_i6CX-.js";import"./EmptyState-FpIKkMpd.js";import"./Pagination-BTycGMV-.js";import"./Button-DPUOjyZy.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.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"./ListItem-BLYwuKOG.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./ListSubheader-DO359rMr.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./Radio-7iHx2pBU.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./MenuItem-oi_JaUho.js";import"./ChevronRight-BLkvXBUf.js";import"./CircularProgress-DxY3QwHW.js";import"./CircularProgress-AX8KCiV6.js";import"./Card-DL97TZJd.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./ChevronUp-Br-QC-XK.js";import"./MenuItem-DoUaLmgU.js";import"./List-CNCQEpRl.js";import"./constants-CGUp4oSR.js";import"./index.esm-XFhSJO0s.js";import"./DialogContent-B-pM1DP1.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./useThemeProps-DJ3F4KkW.js";import"./Collapse-DtQCvyEw.js";import"./Divider-CAwVs6Y1.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./Show-DXIrBgNq.js";import"./Refresh-CgZVXlSy.js";function p(i){const t={code:"code",p:"p",pre:"pre",...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.jsxs(t.p,{children:[o.jsx(t.code,{children:"DataTable"})," is a convenience wrapper on top of ",o.jsx(t.code,{children:"DataView"})," that allows consumers to use the existing ",o.jsx(t.code,{children:"DataTable"}),` API, so you can have all the benefits
|
|
6
|
-
of `,o.jsx(t.code,{children:"DataView"})," without needing to change any code."]}),`
|
|
7
|
-
`,o.jsxs(t.p,{children:["To use this, just change your existing ",o.jsx(t.code,{children:"DataTable"})," import to use the ",o.jsx(t.code,{children:"@odyssey-react-mui/labs"})," version."]}),`
|
|
8
|
-
`,o.jsx(t.p,{children:"For example, this:"}),`
|
|
9
|
-
`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataTable
|
|
10
|
-
getData={getData}
|
|
11
|
-
columns={props.columns}
|
|
12
|
-
hasChangeableDensity={props.hasChangeableDensity}
|
|
13
|
-
hasColumnResizing={props.hasColumnResizing}
|
|
14
|
-
hasColumnVisibility={props.hasColumnVisibility}
|
|
15
|
-
hasSorting={props.hasSorting}
|
|
16
|
-
initialDensity={props.initialDensity}
|
|
17
|
-
renderDetailPanel={props.renderDetailPanel}
|
|
18
|
-
rowActionButtons={props.rowActionButtons}
|
|
19
|
-
rowActionMenuItems={props.rowActionMenuItems}
|
|
20
|
-
{...props}
|
|
21
|
-
/>
|
|
22
|
-
`})}),`
|
|
23
|
-
`,o.jsx(t.p,{children:"is the same as:"}),`
|
|
24
|
-
`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataView
|
|
25
|
-
availableLayouts={["table"]}
|
|
26
|
-
getData={getData}
|
|
27
|
-
tableLayoutOptions={{
|
|
28
|
-
columns: props.columns,
|
|
29
|
-
hasChangeableDensity: props.hasChangeableDensity,
|
|
30
|
-
hasColumnResizing: props.hasColumnResizing,
|
|
31
|
-
hasColumnVisibility: props.hasColumnVisibility,
|
|
32
|
-
hasSorting: props.hasSorting,
|
|
33
|
-
initialDensity: props.initialDensity,
|
|
34
|
-
renderDetailPanel: props.renderDetailPanel,
|
|
35
|
-
rowActionButtons: props.rowActionButtons,
|
|
36
|
-
rowActionMenuItems: props.rowActionMenuItems,
|
|
37
|
-
}}
|
|
38
|
-
{...props}
|
|
39
|
-
/>
|
|
40
|
-
`})}),`
|
|
41
|
-
`,o.jsx(t.p,{children:"For more information, consult the DataView documentation."})]})}function Ut(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Ut as default};
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import{j as ae}from"./jsx-runtime-CnH95YSl.js";import{w as b,a as h,e as k,u as w,s as te}from"./index-BJMTVygn.js";import{r as x}from"./index-NdkWRN8K.js";import{a as re}from"./axeRun-B-LchFqf.js";import{O as ne}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as r}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as $}from"./DatePicker-C6TIvuN7.js";import{a2 as D}from"./OdysseyThemeProvider-BykOaJq8.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.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"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.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"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./DatePicker-BGoHW8Is.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.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"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./InputBase-6reb9B7r.js";import"./useThemeProps-DJ3F4KkW.js";import"./useThemeProps-BgDANuN6.js";import"./InputAdornment-Dj-8HF_1.js";import"./IconButton-Wwvz84xG.js";import"./createStyled-B0CJenTX.js";import"./colorManipulator-C6C6_xuT.js";import"./DialogContent-B-pM1DP1.js";import"./dialogActionsClasses-d6kliu8x.js";import"./Chip-B9WkuA4b.js";import"./useOdysseyDateFields-D1TYF4ew.js";import"./Autocomplete-Bh3XRXMy.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-CknstIK_.js";import"./Close-BjXKhBr_.js";import"./ListSubheader-DO359rMr.js";import"./Calendar-DnwsjheN.js";import"./ArrowRight-BquvVn3D.js";const Ra={component:$,decorators:[ne],tags:["autodocs"],argTypes:{label:{control:"text",defaultValue:"DatePicker label"},onCalendarDateChange:{},defaultValue:{description:"A date object passed into the component to pre-fill the input",table:{type:{summary:"string"}}},errorMessage:r.errorMessage,hint:r.hint,HintLinkComponent:r.HintLinkComponent,id:r.id,isDisabled:r.isDisabled,isOptional:r.isOptional,isReadOnly:r.isReadOnly,minDate:{description:"the minimum selectable date enabled in the calendar",table:{type:{summary:"Date"}}},maxDate:{description:"the maximum selectable date enabled in the calendar",table:{type:{summary:"Date"}}},timeZone:{description:"an IANA time zone applied to the DatePicker",table:{type:{summary:"string"}}},timeZonePickerLabel:{description:"label applied to the `TimeZonePicker` field if `TimeZonePicker` field is rendered",table:{type:{summary:"string"}}},timeZoneOptions:{description:"an array of options for the TimeZonePicker",table:{type:{summary:"[{label: string, value: string(valid IANA time zone)}]"}}}},args:{label:"Date picker label",hint:"Select a date."}},i={},s={args:{isDisabled:!0}},c={args:{isReadOnly:!0}},m={args:{errorMessage:"Select a date"}},l={args:{hint:"Select a date after July 16, 2024",minDate:"2024-07-16"}},p={args:{hint:"Select a date after July 16, 2024",minDate:"2024-07-16T03:00:00.000Z",value:"2024-07-11T03:00:00.000Z"},play:async({canvasElement:n,step:e})=>{await e("expect min date error when value is less than minDate",async()=>{const a=b(n);await h(()=>{k(a.getByText(D("picker.error.mindate"))).toBeInTheDocument()})})}},u={args:{hint:"Select a date before July 19, 2024",maxDate:"2024-07-18"}},d={args:{hint:"Select a date before July 18, 2024",maxDate:"2024-07-18T03:00:00.000Z",value:"2024-07-21T03:00:00.000Z"},play:async({canvasElement:n,step:e})=>{await e("expect max date error when value is less than minDate",async()=>{const a=b(n);await h(()=>{k(a.getByText(D("picker.error.maxdate"))).toBeInTheDocument()})})}},g={args:{value:"2024-07-21T03:00:00.000Z",timeZonePickerLabel:"Time zone picker label",timeZoneOptions:[{label:"New York",value:"America/New_York"},{label:"Johannesburg",value:"Africa/Johannesburg"},{label:"Hong Kong",value:"Asia/Hong_Kong"}]}},y={args:{timeZonePickerLabel:"Time zone picker label",timeZone:"America/New_York",timeZoneOptions:[{label:"LA",value:"America/Los_Angeles"},{label:"New York",value:"America/New_York"},{label:"Johannesburg",value:"Africa/Johannesburg"},{label:"Hong Kong",value:"Asia/Hong_Kong"}]},render:function({...e}){const[a,o]=x.useState("2024-07-11T03:00:00.000Z"),v=x.useMemo(()=>({...e,onCalendarDateChange:({value:t})=>{t&&o(t)},onInputChange:t=>{t&&o(t)},value:a}),[e,a]);return ae.jsx($,{...v})},play:async({canvasElement:n,step:e})=>{await e("select date",async()=>{const a=b(n);await h(async()=>{const v=a.getByLabelText(D("picker.labels.date.choose"));await w.click(v);const t=te.getByRole("dialog"),ee=b(t).getByText("26");await w.click(ee)});const o=a.getByRole("textbox");k(o.value).toBe("07/26/2024"),await e("Check for a11y errors",async()=>{await h(()=>re("Selecting a date"))})})}};var f,T,Z;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(Z=(T=i.parameters)==null?void 0:T.docs)==null?void 0:Z.source}}};var S,A,B;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
isDisabled: true
|
|
4
|
-
}
|
|
5
|
-
}`,...(B=(A=s.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var C,P,E;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
isReadOnly: true
|
|
8
|
-
}
|
|
9
|
-
}`,...(E=(P=c.parameters)==null?void 0:P.docs)==null?void 0:E.source}}};var O,M,J;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
10
|
-
args: {
|
|
11
|
-
errorMessage: "Select a date"
|
|
12
|
-
}
|
|
13
|
-
}`,...(J=(M=m.parameters)==null?void 0:M.docs)==null?void 0:J.source}}};var L,_,R;l.parameters={...l.parameters,docs:{...(L=l.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
14
|
-
args: {
|
|
15
|
-
hint: "Select a date after July 16, 2024",
|
|
16
|
-
minDate: "2024-07-16"
|
|
17
|
-
}
|
|
18
|
-
}`,...(R=(_=l.parameters)==null?void 0:_.docs)==null?void 0:R.source}}};var N,H,Y;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
19
|
-
args: {
|
|
20
|
-
hint: "Select a date after July 16, 2024",
|
|
21
|
-
minDate: "2024-07-16T03:00:00.000Z",
|
|
22
|
-
value: "2024-07-11T03:00:00.000Z"
|
|
23
|
-
},
|
|
24
|
-
play: async ({
|
|
25
|
-
canvasElement,
|
|
26
|
-
step
|
|
27
|
-
}) => {
|
|
28
|
-
await step("expect min date error when value is less than minDate", async () => {
|
|
29
|
-
const canvas = within(canvasElement);
|
|
30
|
-
await waitFor(() => {
|
|
31
|
-
expect(canvas.getByText(odysseyTranslate("picker.error.mindate"))).toBeInTheDocument();
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
}`,...(Y=(H=p.parameters)==null?void 0:H.docs)==null?void 0:Y.source}}};var I,K,z;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
36
|
-
args: {
|
|
37
|
-
hint: "Select a date before July 19, 2024",
|
|
38
|
-
maxDate: "2024-07-18"
|
|
39
|
-
}
|
|
40
|
-
}`,...(z=(K=u.parameters)==null?void 0:K.docs)==null?void 0:z.source}}};var V,W,F;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
41
|
-
args: {
|
|
42
|
-
hint: "Select a date before July 18, 2024",
|
|
43
|
-
maxDate: "2024-07-18T03:00:00.000Z",
|
|
44
|
-
value: "2024-07-21T03:00:00.000Z"
|
|
45
|
-
},
|
|
46
|
-
play: async ({
|
|
47
|
-
canvasElement,
|
|
48
|
-
step
|
|
49
|
-
}) => {
|
|
50
|
-
await step("expect max date error when value is less than minDate", async () => {
|
|
51
|
-
const canvas = within(canvasElement);
|
|
52
|
-
await waitFor(() => {
|
|
53
|
-
expect(canvas.getByText(odysseyTranslate("picker.error.maxdate"))).toBeInTheDocument();
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
}`,...(F=(W=d.parameters)==null?void 0:W.docs)==null?void 0:F.source}}};var j,q,G;g.parameters={...g.parameters,docs:{...(j=g.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
58
|
-
args: {
|
|
59
|
-
value: "2024-07-21T03:00:00.000Z",
|
|
60
|
-
timeZonePickerLabel: "Time zone picker label",
|
|
61
|
-
timeZoneOptions: [{
|
|
62
|
-
label: "New York",
|
|
63
|
-
value: "America/New_York"
|
|
64
|
-
}, {
|
|
65
|
-
label: "Johannesburg",
|
|
66
|
-
value: "Africa/Johannesburg"
|
|
67
|
-
}, {
|
|
68
|
-
label: "Hong Kong",
|
|
69
|
-
value: "Asia/Hong_Kong"
|
|
70
|
-
}]
|
|
71
|
-
}
|
|
72
|
-
}`,...(G=(q=g.parameters)==null?void 0:q.docs)==null?void 0:G.source}}};var Q,U,X;y.parameters={...y.parameters,docs:{...(Q=y.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
73
|
-
args: {
|
|
74
|
-
timeZonePickerLabel: "Time zone picker label",
|
|
75
|
-
timeZone: "America/New_York",
|
|
76
|
-
timeZoneOptions: [{
|
|
77
|
-
label: "LA",
|
|
78
|
-
value: "America/Los_Angeles"
|
|
79
|
-
}, {
|
|
80
|
-
label: "New York",
|
|
81
|
-
value: "America/New_York"
|
|
82
|
-
}, {
|
|
83
|
-
label: "Johannesburg",
|
|
84
|
-
value: "Africa/Johannesburg"
|
|
85
|
-
}, {
|
|
86
|
-
label: "Hong Kong",
|
|
87
|
-
value: "Asia/Hong_Kong"
|
|
88
|
-
}]
|
|
89
|
-
},
|
|
90
|
-
render: function C({
|
|
91
|
-
...props
|
|
92
|
-
}) {
|
|
93
|
-
const [value, setValue] = useState<string>("2024-07-11T03:00:00.000Z");
|
|
94
|
-
const datePickerProps: DatePickerProps = useMemo(() => ({
|
|
95
|
-
...props,
|
|
96
|
-
onCalendarDateChange: ({
|
|
97
|
-
value
|
|
98
|
-
}) => {
|
|
99
|
-
if (value) {
|
|
100
|
-
setValue(value);
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
onInputChange: value => {
|
|
104
|
-
if (value) {
|
|
105
|
-
setValue(value);
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
value
|
|
109
|
-
}), [props, value]);
|
|
110
|
-
return <DatePicker {...datePickerProps} />;
|
|
111
|
-
},
|
|
112
|
-
play: async ({
|
|
113
|
-
canvasElement,
|
|
114
|
-
step
|
|
115
|
-
}) => {
|
|
116
|
-
await step("select date", async () => {
|
|
117
|
-
const canvas = within(canvasElement);
|
|
118
|
-
await waitFor(async () => {
|
|
119
|
-
const datepickerCalendarOpenButton = canvas.getByLabelText(odysseyTranslate("picker.labels.date.choose"));
|
|
120
|
-
await userEvent.click(datepickerCalendarOpenButton);
|
|
121
|
-
const dialog = screen.getByRole("dialog");
|
|
122
|
-
const dialogCanvas = within(dialog);
|
|
123
|
-
const dateButton = dialogCanvas.getByText("26");
|
|
124
|
-
await userEvent.click(dateButton);
|
|
125
|
-
});
|
|
126
|
-
const input = canvas.getByRole<HTMLInputElement>("textbox");
|
|
127
|
-
expect(input.value).toBe("07/26/2024");
|
|
128
|
-
await step("Check for a11y errors", async () => {
|
|
129
|
-
await waitFor(() => axeRun("Selecting a date"));
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
}`,...(X=(U=y.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};const Na=["Default","Disabled","ReadOnly","Error","MinDate","MinDateWithError","MaxDate","MaxDateWithError","WithTimeZonePicker","Controlled"];export{y as Controlled,i as Default,s as Disabled,m as Error,u as MaxDate,d as MaxDateWithError,l as MinDate,p as MinDateWithError,c as ReadOnly,g as WithTimeZonePicker,Na as __namedExportsOrder,Ra as default};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as h}from"./index-BeeV6X6A.js";import{M as f}from"./index-DfE121Jj.js";import{Z as l}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as m}from"./index-NdkWRN8K.js";import{M as x}from"./DataView-CHGdxu-Z.js";import{M as u}from"./Typography-B7ktrxCD.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.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"./More-BgQrTkKM.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"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./useScrollIndication-Dq_i6CX-.js";import"./EmptyState-FpIKkMpd.js";import"./Pagination-BTycGMV-.js";import"./Button-DPUOjyZy.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.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"./ListItem-BLYwuKOG.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./Chip-B9WkuA4b.js";import"./ListSubheader-DO359rMr.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./Radio-7iHx2pBU.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./MenuItem-oi_JaUho.js";import"./ChevronRight-BLkvXBUf.js";import"./CircularProgress-DxY3QwHW.js";import"./CircularProgress-AX8KCiV6.js";import"./Card-DL97TZJd.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./ChevronUp-Br-QC-XK.js";import"./MenuItem-DoUaLmgU.js";import"./List-CNCQEpRl.js";import"./constants-CGUp4oSR.js";import"./index.esm-XFhSJO0s.js";import"./DialogContent-B-pM1DP1.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./useThemeProps-DJ3F4KkW.js";import"./Collapse-DtQCvyEw.js";import"./Divider-CAwVs6Y1.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./Show-DXIrBgNq.js";const v=({token:e})=>t.jsx("span",{style:{borderColor:"#d7d7dc",borderRadius:`${e.name.includes("BorderRadius")?e.value:""}`,borderStyle:e.name.includes("BorderStyle")?e.value:"solid",borderWidth:e.name.includes("BorderWidth")?e.value:"1px",display:"inline-block",height:"1.25em",verticalAlign:"middle",width:"1.25em"}}),j=({token:e})=>t.jsx("span",{style:{display:"inline-block",height:"1.25em",outlineColor:"#d7d7dc",outlineStyle:e.name.includes("OutlineStyle")?e.value:"solid",outlineWidth:e.name.includes("OutlineWidth")?e.value:"1px",verticalAlign:"middle",width:"1.25em"}}),C=({token:e})=>t.jsx("span",{style:{width:"1em",height:"1em",display:"inline-block",backgroundColor:`${e.value}`,borderStyle:"solid",borderColor:`${e.value==="#ffffff"?"#d7d7dc":"transparent"}`,borderRadius:"4px",verticalAlign:"middle"}}),T=({token:e})=>t.jsx("span",{style:{width:"1em",height:"1em",display:"inline-block",backgroundColor:`#000000${e.value}`,borderStyle:"solid",borderColor:"#000000",borderRadius:"4px",verticalAlign:"middle"}}),$=({token:e})=>t.jsx("span",{style:{color:`${e.value}`,display:"inline-block",paddingInline:"4px",backgroundColor:`${e.value==="#ffffff"?"#000":""}`},children:"Aa"}),w=({token:e})=>t.jsx("span",{style:{width:`${e.value}`,height:`${e.value}`,display:"inline-block",backgroundColor:"#f88c90"}}),S=({token:e})=>t.jsx("span",{style:{backgroundColor:`${e.name.includes("LineHeight")?"#ebebed":""}`,display:`${e.name.includes("LineHeight")?"inline-block":""}`,fontFamily:`${e.name.includes("TypographyFamily")?e.value:""}`,fontSize:`${e.name.includes("TypographySize")?e.value:""}`,fontWeight:`${e.name.includes("TypographyWeight")?e.value:""}`,lineHeight:`${e.name.includes("LineHeight")?e.value:""}`,maxWidth:`${e.name.includes("LineLength")?e.value:""}`},children:"Waltz, bad nymph, for quick jigs vex!"}),M=({token:e})=>t.jsx("span",{style:{width:"1.25em",height:"1.25em",display:"inline-block",boxShadow:`0 0 0 ${e.value} #a7b5ec`}}),R=({token:e})=>t.jsx("span",{style:{width:"1.5em",height:"1.5em",display:"inline-block",boxShadow:`${e.value}`}}),D=({token:e})=>{const i=m.useMemo(()=>({background:"black",display:"inline-block",height:"1.5em",opacity:1,transitionDuration:`${e.name.includes("Duration")?e.value:"500ms"}`,transitionProperty:"all",transitionTimingFunction:`${e.name.includes("Timing")?e.value:"ease-in-out"}`,width:"1.5em"}),[e]),[r,o]=m.useState(i),n=m.useCallback(()=>{o(a=>({...a,opacity:.1}))},[]),s=m.useCallback(()=>{o(a=>({...a,opacity:i.opacity}))},[i]);return t.jsx("span",{onMouseEnter:n,onMouseLeave:s,style:r})},y=Object.entries(l).map(([e,i])=>({name:e,value:i})).reduce((e,{name:i,value:r})=>{const o=i.match(/[A-Z][a-z]+/g);if(!o)return e;const n=o[0]==="Color"||o[0]==="Hue"||o[0]==="Palette"?`${o[1]} ${o[0]}s`:o[0],s=e.find(({name:a})=>a===n)||{name:n,values:[]};return e.filter(({name:a})=>a!==n).concat({...s,values:s.values.concat({name:i,tableName:n,value:r}).sort((a,b)=>{const p=a.name.toUpperCase(),d=b.name.toUpperCase();return p<d?-1:p>d?1:0})})},[]);function V(e,i){var o;return!e.includes("Colors")||e==="Palette Colors"?i:(((o=y.find(({name:n})=>n==="Palette Colors"))==null?void 0:o.values.find(({value:n})=>n===i))??{name:""}).name}const A=[{accessorKey:"name",Cell:({cell:e})=>t.jsx(u,{children:e.getValue()}),header:"Token Name"},{accessorKey:"example",Cell:({cell:e})=>{const i=e.row.getValue("name"),r=l[i],o=m.useMemo(()=>({name:i,value:r}),[i,r]);return i.includes("PaletteAlpha")?t.jsx(T,{token:o}):i.includes("TypographyColor")?t.jsx($,{token:o}):i.includes("Color")||i.includes("Hue")||i.includes("Palette")?t.jsx(C,{token:o}):i.includes("Border")?t.jsx(v,{token:o}):i.includes("Outline")?t.jsx(j,{token:o}):i.includes("Spacing")?t.jsx(w,{token:o}):i.includes("Typography")?t.jsx(S,{token:o}):i.includes("Focus")?t.jsx(M,{token:o}):i.includes("Shadow")?t.jsx(R,{token:o}):i.includes("Transition")?t.jsx(D,{token:o}):null},header:"Example"},{accessorKey:"tableName",header:"Table Name"},{accessorKey:"value",Cell:({cell:e})=>{const i=e.row.getValue("tableName"),r=e.row.getValue("name"),o=l[r];return t.jsx(u,{children:V(i,o)})},header:"Value"}],L=["table"],W={columns:A,hasSorting:!1},z=()=>m.useMemo(()=>y.map(({name:i,values:r})=>({getData:()=>r,name:i})),[]).map(({getData:i,name:r})=>t.jsx(x,{availableLayouts:L,getData:i,tableLayoutOptions:W},r)),g=m.memo(z);g.displayName="TokenTables";function c(e){const i={h1:"h1",p:"p",...h(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(f,{}),`
|
|
2
|
-
`,t.jsx(i.h1,{id:"design-tokens",children:"Design Tokens"}),`
|
|
3
|
-
`,t.jsx(i.p,{children:"Design Tokens abstract Base elements into names that are commonly understood. They are then used together to build components."}),`
|
|
4
|
-
`,t.jsx(g,{})]})}function mt(e={}){const{wrapper:i}={...h(),...e.components};return i?t.jsx(i,{...e,children:t.jsx(c,{...e})}):c(e)}export{mt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as n}from"./index-NdkWRN8K.js";import{M as R}from"./Button-DPUOjyZy.js";import{M as S}from"./FullScreenOverlay-Bujsxbxh.js";import{U,V as k,c as z,_ as A,s as E,b as h,d as w,f as B,r as N,J as P,av as _}from"./OdysseyThemeProvider-BykOaJq8.js";import{u as D}from"./useUniqueId-Bsgqe1tm.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{T as q}from"./Typography-CSpPZFTF.js";import{a as L,b as H,c as J}from"./DialogContent-B-pM1DP1.js";import{D as V}from"./DialogTitle-DA2nrmUc.js";function W(t){return U("MuiDialogContentText",t)}k("MuiDialogContentText",["root"]);const $=["children","className"],G=t=>{const{classes:s}=t,a=B({root:["root"]},W,s);return h({},s,a)},K=E(q,{shouldForwardProp:t=>N(t)||t==="classes",name:"MuiDialogContentText",slot:"Root",overridesResolver:(t,s)=>s.root})({}),Q=n.forwardRef(function(s,r){const a=z({props:s,name:"MuiDialogContentText"}),{className:m}=a,i=A(a,$),l=G(i);return o.jsx(K,h({component:"p",variant:"body1",color:"text.secondary",ref:r,ownerState:i,className:w(l.root,m)},a,{classes:l}))}),X=({primaryCallToActionComponent:t,secondaryCallToActionComponent:s,tertiaryCallToActionComponent:r,callToActionFirstComponent:a,callToActionSecondComponent:m,callToActionLastComponent:i,children:l,isOpen:d,onClose:u,testId:y,title:j,translate:T})=>{const{t:b}=P(),[g,M]=n.useState(!1),x=n.useRef(null),I=D(),f=D();n.useEffect(()=>{let e;const c=()=>{const p=x.current;p&&(cancelAnimationFrame(e),M(p.scrollHeight>p.clientHeight)),e=requestAnimationFrame(c)};return d&&(e=requestAnimationFrame(c)),()=>{cancelAnimationFrame(e)}},[d]);const v=typeof l=="string"?o.jsx(Q,{children:l}):l,C=[r||i,s||m,t||a].filter(Boolean),F=n.useCallback(e=>u(e,"closeButtonClick"),[u]);return o.jsx(S,{children:o.jsxs(L,{"aria-labelledby":f,"data-se":y,onClose:u,open:d,children:[o.jsxs(V,{id:I,translate:T,children:[o.jsx("span",{id:f,children:j}),o.jsx(R,{ariaLabel:b("close.text"),onClick:F,size:"small",startIcon:o.jsx(_,{}),variant:"floating"})]}),o.jsx(H,{...g&&{tabIndex:0},dividers:g,ref:x,children:v}),C.length>0&&o.jsx(J,{children:C.map((e,c)=>e?n.cloneElement(e,{key:c}):null)})]})})},Y=n.memo(X);Y.displayName="Dialog";export{Q as D,Y as M};
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as M,u as V,a as q}from"./index-BJMTVygn.js";import{r as n}from"./index-NdkWRN8K.js";import{a as B}from"./axeRun-B-LchFqf.js";import{O as E}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{v as b,M as u}from"./Drawer-C9M8pytV.js";import{M as h}from"./Box-B-R2QRDU.js";import{M as i}from"./Button-DPUOjyZy.js";import{M as o}from"./Accordion-MTHvu5cR.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./FullScreenOverlay-Bujsxbxh.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.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"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-DwBg74qy.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Box-B6KmU4_J.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-Byc6MkHu.js";import"./useSlot-VN2O4BOA.js";import"./Collapse-DtQCvyEw.js";const z=e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{maxWidth:"850px"},children:"Multifactor authentication (MFA) means that users must verify their identity in two or more ways to gain access to their account. This makes it harder for unauthorized parties to sign in to a user’s account because it’s unlikely that they have access to all of the user’s authentication methods. Adding authenticators with different factor types and method characteristics strengthens your MFA strategy. You can require authenticators for apps or groups of users and specify which ones can be used for account recovery."}),e.jsx("br",{}),e.jsxs("ul",{children:[e.jsx("li",{children:"Device-bound: These authenticators are associated with a specific device."}),e.jsx("li",{children:"Hardware-protected: These authenticators require a physical device to authenticate."}),e.jsx("li",{children:"Phishing-resistant: These authenticators don’t provide any authentication data that a user can share with others. Users therefore can’t be tricked into sharing their credentials in phishing campaigns. See Phishing-resistant authentication and Okta solutions for phishing resistance."}),e.jsx("li",{children:"User presence: These authenticators require human interaction."}),e.jsx("li",{children:"User verifying: These authenticators prove that a specific user is the one who is authenticating."})]})]}),g=e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."}),e.jsx("div",{children:"A critical capability that Okta Privileged Access offers is the separation of administrative roles and responsibilities. Management of users and groups, resources, and security are separated, with each administrative role designed to perform a specific function. For example, the management of security policies to access resources is separated and decoupled from the administration of the resources. To meet this requirement, the team that sets the policy is separated from the team that administers the resource. Likewise, the administrator managing users and groups can only perform user and group management tasks and isn't involved in administering resources or creating security policies."}),e.jsx("div",{children:"The level of access within a Okta Privileged Access team depends on the role that you're assigned and the permissions granted to that role. The table below discusses the types of roles, and each has a unique set of permissions and restrictions.To start using Okta Privileged Access, you need to add the Okta Privileged Access OIN application to your Okta org. You can then sync your users and groups from the Okta Universal Directory by configuring SCIM. End users must install the Okta Privileged Access client in their local machine, enroll the client, and then access their dashboard using the link provided by their team administrator."})]}),Ee={component:u,decorators:[E],tags:["autodocs"],argTypes:{primaryCallToActionComponent:{description:"An optional Button object to be situated in the Drawer footer. Should almost always be of variant `primary`.",table:{type:{summary:"<Button />"}}},secondaryCallToActionComponent:{description:"An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.",table:{type:{summary:"<Button />"}}},tertiaryCallToActionComponent:{description:"An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.",table:{type:{summary:"<Button />"}}},children:{control:"text",description:"The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{required:!0,name:"other",value:"ReactNode | Array<ReactNode>"}},isOpen:{control:"boolean",description:"When set to `true`, the drawer will be visible.",table:{type:{summary:"boolean"}},type:{name:"boolean"}},onClose:{description:"Callback that controls what happens when the drawer is dismissed",table:{type:{summary:"func"}}},showDividers:{control:"text",description:"**Deprecated**: use `hasDividers` instead. <br /> <hr /> Shows divider lines separating header, content, and footer (if using action buttons)",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}},type:{required:!0,name:"string"}},hasDividers:{control:"boolean",description:"Shows divider lines separating header, content, and footer (if using action buttons)",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}},type:{required:!0,name:"boolean"}},title:{control:"text",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},variant:{options:b,control:{type:"radio"},description:"The type of drawer",table:{type:{summary:b.join(" | ")},defaultValue:{summary:"temporary"}},type:{required:!0,name:"string"}},ariaLabel:{type:{required:!0,name:"string"},control:"text"}},args:{children:g,ariaLabel:"close"}},f={args:{},render:function(a){const[t,s]=n.useState(!1),c=n.useCallback(()=>{s(!0)},[]),r=n.useCallback(()=>{s(!1)},[]),F=e.jsxs(h,{sx:{"@keyframes animate-drawer-open":{"0%":{gridTemplateColumns:"minmax(0, 2fr) 0"},"100%":{gridTemplateColumns:"minmax(0, 2fr) 360px"}},"@keyframes animate-drawer-close":{"0%":{gridTemplateColumns:"minmax(0, 2fr) 360px"},"100%":{gridTemplateColumns:"minmax(0, 2fr) 0"}},display:"grid",maxWidth:"1000px",padding:"24px",gridColumnGap:"24px",gridTemplateColumns:"minmax(0, 2fr) auto",animation:t?"animate-drawer-open 225ms cubic-bezier(0, 0, 0.2, 1)":"animate-drawer-close 225ms cubic-bezier(0, 0, 0.2, 1)"},children:[e.jsxs(h,{children:[e.jsx("h2",{children:"CSS Grid Layout"}),z]}),t?e.jsx(h,{children:e.jsx(u,{...a,isOpen:t,onClose:r,primaryCallToActionComponent:e.jsx(i,{label:"Primary",onClick:r,variant:"primary"}),secondaryCallToActionComponent:e.jsx(i,{label:"Secondary",onClick:r,variant:"secondary"})})}):null]});return e.jsx(e.Fragment,{children:a.variant==="persistent"?e.jsxs(e.Fragment,{children:[e.jsx(i,{label:t?"Close drawer":"Open drawer",onClick:()=>{t?r():c()},variant:"primary"}),F]}):e.jsxs(e.Fragment,{children:[e.jsx(i,{label:"Open drawer",onClick:c,variant:"primary"}),e.jsx(u,{...a,isOpen:t,onClose:r,primaryCallToActionComponent:e.jsx(i,{label:"Primary",onClick:r,variant:"primary"}),secondaryCallToActionComponent:e.jsx(i,{label:"Secondary",onClick:r,variant:"secondary"}),tertiaryCallToActionComponent:e.jsx(i,{label:"Cancel",onClick:r,variant:"floating"})})]})})}},l={...f,parameters:{docs:{description:{story:"Overlay blocks all other page actions and sits on top page content."}}},args:{children:g,title:"Okta Privileged Access"},play:async({canvasElement:y,step:a})=>{const t=M(y);await a("open Default Drawer",async()=>{const s=t.getByText("Open drawer");await V.click(s),await q(async()=>{await B("Default Drawer")})})}},d={...f,parameters:{docs:{description:{story:"Persistent is embedded in the content like a dismissable sidebar"}}},args:{variant:"persistent",children:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"User and resource details",children:"This is the third accordion item."}),e.jsx(o,{label:"First-level review details",children:"This is the fourth accordion item."}),e.jsx(o,{label:"Second-level review details",children:"This is the fifth accordion item."})]}),title:"Profile details"}},m={...f,parameters:{docs:{description:{story:"Persistent Drawer with Dividers lines enabled"}}},args:{variant:"persistent",showDividers:!0,children:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"User and resource details",children:"This is the third accordion item."}),e.jsx(o,{label:"First-level review details",children:"This is the fourth accordion item."}),e.jsx(o,{label:"Second-level review details",children:"This is the fifth accordion item."})]}),title:"Profile details"}},p={render:function(a){const[t,s]=n.useState(!1),c=n.useCallback(()=>{s(!0)},[]),r=n.useCallback(()=>{s(!1)},[]);return e.jsxs(e.Fragment,{children:[e.jsx(i,{label:"Open drawer",onClick:c,variant:"primary"}),e.jsx(u,{...a,isOpen:t,onClose:r})]})},args:{children:g,title:"Okta Privileged Access"}};var v,w,x;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
2
|
-
...DefaultTemplate,
|
|
3
|
-
parameters: {
|
|
4
|
-
docs: {
|
|
5
|
-
description: {
|
|
6
|
-
story: "Overlay blocks all other page actions and sits on top page content."
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
children: drawerLongText,
|
|
12
|
-
title: "Okta Privileged Access"
|
|
13
|
-
} as DrawerProps,
|
|
14
|
-
// This is a hack,
|
|
15
|
-
play: async ({
|
|
16
|
-
canvasElement,
|
|
17
|
-
step
|
|
18
|
-
}) => {
|
|
19
|
-
const canvas = within(canvasElement);
|
|
20
|
-
await step("open Default Drawer", async () => {
|
|
21
|
-
const buttonElement = canvas.getByText("Open drawer");
|
|
22
|
-
await userEvent.click(buttonElement);
|
|
23
|
-
await waitFor(async () => {
|
|
24
|
-
await axeRun("Default Drawer");
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
}`,...(x=(w=l.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var T,k,C;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
29
|
-
...DefaultTemplate,
|
|
30
|
-
parameters: {
|
|
31
|
-
docs: {
|
|
32
|
-
description: {
|
|
33
|
-
story: "Persistent is embedded in the content like a dismissable sidebar"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
args: {
|
|
38
|
-
variant: "persistent",
|
|
39
|
-
children: <>
|
|
40
|
-
<Accordion label="User and resource details">
|
|
41
|
-
This is the third accordion item.
|
|
42
|
-
</Accordion>
|
|
43
|
-
<Accordion label="First-level review details">
|
|
44
|
-
This is the fourth accordion item.
|
|
45
|
-
</Accordion>
|
|
46
|
-
<Accordion label="Second-level review details">
|
|
47
|
-
This is the fifth accordion item.
|
|
48
|
-
</Accordion>
|
|
49
|
-
</>,
|
|
50
|
-
title: "Profile details"
|
|
51
|
-
} as DrawerProps // This is a hack,
|
|
52
|
-
}`,...(C=(k=d.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var A,j,O;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
53
|
-
...DefaultTemplate,
|
|
54
|
-
parameters: {
|
|
55
|
-
docs: {
|
|
56
|
-
description: {
|
|
57
|
-
story: "Persistent Drawer with Dividers lines enabled"
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
args: {
|
|
62
|
-
variant: "persistent",
|
|
63
|
-
showDividers: true,
|
|
64
|
-
children: <>
|
|
65
|
-
<Accordion label="User and resource details">
|
|
66
|
-
This is the third accordion item.
|
|
67
|
-
</Accordion>
|
|
68
|
-
<Accordion label="First-level review details">
|
|
69
|
-
This is the fourth accordion item.
|
|
70
|
-
</Accordion>
|
|
71
|
-
<Accordion label="Second-level review details">
|
|
72
|
-
This is the fifth accordion item.
|
|
73
|
-
</Accordion>
|
|
74
|
-
</>,
|
|
75
|
-
title: "Profile details"
|
|
76
|
-
} as DrawerProps // This is a hack
|
|
77
|
-
}`,...(O=(j=m.parameters)==null?void 0:j.docs)==null?void 0:O.source}}};var D,P,S;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
78
|
-
render: function C(props) {
|
|
79
|
-
const [isVisible, setIsVisible] = useState(false);
|
|
80
|
-
const onOpen = useCallback(() => {
|
|
81
|
-
setIsVisible(true);
|
|
82
|
-
}, []);
|
|
83
|
-
const onClose = useCallback(() => {
|
|
84
|
-
setIsVisible(false);
|
|
85
|
-
}, []);
|
|
86
|
-
return <>
|
|
87
|
-
<Button label="Open drawer" onClick={onOpen} variant="primary" />
|
|
88
|
-
<Drawer {...props} isOpen={isVisible} onClose={onClose} />
|
|
89
|
-
</>;
|
|
90
|
-
},
|
|
91
|
-
args: {
|
|
92
|
-
children: drawerLongText,
|
|
93
|
-
title: "Okta Privileged Access"
|
|
94
|
-
} as DrawerProps // This is a hack
|
|
95
|
-
}`,...(S=(P=p.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const ze=["Overlay","Persistent","ShowDividers","NoFooter"];export{p as NoFooter,l as Overlay,d as Persistent,m as ShowDividers,ze as __namedExportsOrder,Ee as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{O as m}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as n}from"./EmptyState-FpIKkMpd.js";import{M as r}from"./Button-DPUOjyZy.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"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.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";const N={component:n,decorators:[m],tags:["autodocs"],argTypes:{heading:{control:"text",description:"Main heading of the empty state",type:{required:!0,name:"string"}},description:{control:"text",description:"A descriptive text explaining more context as to why we don't have data",type:{required:!0,name:"string"}},PrimaryCallToActionComponent:{description:"Primary call to action"},SecondaryCallToActionComponent:{description:"Secondary call to action"}}},t={args:{heading:"Start by adding data assets",description:"All relevant data will be displayed and can be searched and filtered",PrimaryCallToActionComponent:o.jsx(r,{label:"Button label",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(r,{label:"Button label",variant:"secondary"})},render:function(p){return o.jsx(n,{...p})}};var e,a,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
heading: "Start by adding data assets",
|
|
4
|
-
description: "All relevant data will be displayed and can be searched and filtered",
|
|
5
|
-
PrimaryCallToActionComponent: <Button label="Button label" variant="primary" />,
|
|
6
|
-
SecondaryCallToActionComponent: <Button label="Button label" variant="secondary" />
|
|
7
|
-
},
|
|
8
|
-
render: function C(props) {
|
|
9
|
-
return <EmptyState {...props} />;
|
|
10
|
-
}
|
|
11
|
-
}`,...(i=(a=t.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const Q=["Default"];export{t as Default,Q as __namedExportsOrder,N as default};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as f}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as x}from"./Fieldset-Dp9uCwiB.js";import{M as s}from"./TextField-BIepBlYn.js";import{M as D}from"./Callout-qkeUDNKn.js";import"./index-NdkWRN8K.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"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./Paper-DwBg74qy.js";const ye={component:x,decorators:[f],tags:["autodocs"],argTypes:{alert:{description:"A Callout indicating a Fieldset-wide error or status update",table:{type:{summary:"ReactElement<typeof Callout>"}}},children:{control:"object",description:"Field components within the Fieldset",table:{type:{summary:"ReactElement | Array<ReactElement>"}},type:{required:!0,name:"other",value:"ReactElement | Array<ReactElement>"}},description:{control:"text",description:"A supplementary description",table:{type:{summary:"string"}}},id:{control:"text",description:"Defines a unique identifier (ID) for the Fieldset",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"Disables the component and any wrapped input fields.",table:{type:{summary:"boolean"}}},legend:{control:"text",description:"The title of the Fieldset",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:{control:"text",description:"The name associated with the group",table:{type:{summary:"string"}}}},args:{children:e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Vessel name"}),e.jsx(s,{isMultiline:!0,label:"Reason for visit"})]}),legend:"Docking registration"}},t={},r={args:{description:"Register your ship before docking with the station."}},o={args:{alert:e.jsx(D,{role:"alert",severity:"error",title:"Something went wrong",children:"Please try your request again later."})}},i={args:{isDisabled:!0}};var a,m,p;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(p=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var n,l,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
description: "Register your ship before docking with the station."
|
|
4
|
-
}
|
|
5
|
-
}`,...(c=(l=r.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var d,u,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
alert: <Callout role="alert" severity="error" title="Something went wrong">
|
|
8
|
-
Please try your request again later.
|
|
9
|
-
</Callout>
|
|
10
|
-
}
|
|
11
|
-
}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var y,h,b;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
12
|
-
args: {
|
|
13
|
-
isDisabled: true
|
|
14
|
-
}
|
|
15
|
-
}`,...(b=(h=i.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};const he=["Simple","Description","Alert","Disabled"];export{o as Alert,r as Description,i as Disabled,t as Simple,he as __namedExportsOrder,ye as default};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as W}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as E}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{f as c,a as d,b as u,M as A}from"./Form-CJrxMkwr.js";import{M as h}from"./Button-DPUOjyZy.js";import{M as t}from"./TextField-BIepBlYn.js";import{M as l}from"./Fieldset-Dp9uCwiB.js";import{M as p}from"./Callout-qkeUDNKn.js";import{M as z}from"./CheckboxGroup-BQ5GiUey.js";import{M as m}from"./Checkbox-eGdyySzm.js";import{a as D}from"./Typography-B7ktrxCD.js";import{M as B}from"./Link-BQo2zH0c.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.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"./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"./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"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./Typography-CSpPZFTF.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./Paper-DwBg74qy.js";import"./FormGroup-D2d8E3Cw.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";const at={component:A,decorators:[W],tags:["autodocs"],argTypes:{title:{control:"text",description:"The title of the Form",table:{type:{summary:"string"}}},description:{control:"text",description:"A supplementary description",table:{type:{summary:"string"}}},children:{control:"object",description:"Field or FieldSet components within the Form",table:{type:{summary:"ReactElement | Array<ReactElement>"}},type:{required:!0,name:"other",value:"ReactElement | Array<ReactElement>"}},alert:{description:"A Callout indicating a Form-wide error or status update",table:{type:{summary:"ReactElement<typeof Callout>"}}},autoCompleteType:{options:u,control:{type:"radio"},description:"Indicates whether input elements can have their values automatically completed by the browser",table:{type:{summary:u.join(" | ")}}},isFullWidth:E.isFullWidth,name:{control:"text",description:"The name of the form. The value must not be an empty string and must be unique among the form elements",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},noValidate:{control:"boolean",description:"This Boolean attribute indicates that the form shouldn't be validated when submitted",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},encodingType:{options:d,control:{type:"radio"},description:"If the method attribute is set to 'post', the MIME type of the form submission",table:{type:{summary:d.join(" | ")}}},method:{options:c,control:{type:"radio"},description:"The HTTP method to submit the form with",table:{type:{summary:c.join(" | ")}}},target:{control:"text",description:"Indicates where to display the response after submitting the form",table:{type:{summary:"string"}}},formActions:{control:"object",description:"One or more Buttons that conclude the form.",table:{type:{summary:"ReactElement<typeof Button> | Array<ReactElement<typeof Button>>"}}},id:{control:"text",description:"Defines a unique identifier (ID) for the Form",table:{type:{summary:"string"}}}},args:{title:"Docking registration",children:e.jsxs(e.Fragment,{children:[e.jsx(t,{label:"Vessel name"}),e.jsx(t,{isMultiline:!0,label:"Reason for visit"})]}),formActions:e.jsxs(e.Fragment,{children:[e.jsx(h,{label:"Reset",variant:"secondary"}),e.jsx(h,{label:"Submit",type:"submit",variant:"primary"})]})}},r={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(t,{label:"Vessel name"}),e.jsx(t,{isMultiline:!0,label:"Reason for visit"})]})}},i={args:{children:e.jsxs(e.Fragment,{children:[e.jsxs(l,{legend:"Vessel information",name:"vessel",children:[e.jsx(t,{label:"Vessel name"}),e.jsx(t,{isMultiline:!0,label:"Reason for visit"})]}),e.jsxs(l,{legend:"Passenger information",name:"passengers",children:[e.jsx(t,{label:"Number of passengers"}),e.jsx(t,{label:"Captain's name"})]})]})}},o={args:{description:"Register your ship before docking with the station."}},s={args:{alert:e.jsx(p,{role:"alert",severity:"error",title:"Something went wrong",children:"Please try your request again later."})}},a={args:{isFullWidth:!0,children:e.jsxs(e.Fragment,{children:[e.jsx(t,{isFullWidth:!0,label:"Vessel name"}),e.jsx(t,{isFullWidth:!0,isMultiline:!0,label:"Reason for visit"})]})}},n={args:{alert:e.jsx(p,{role:"alert",severity:"error",title:"Something went wrong",children:"Please try your request again later."}),children:e.jsxs(e.Fragment,{children:[e.jsxs(l,{description:"This information is used to verify vessel ownership and origin.",legend:"Vessel information",name:"vessel",children:[e.jsx(t,{errorMessage:"This field is required.",label:"Vessel name"}),e.jsxs(z,{isRequired:!0,label:"Systems check",children:[e.jsx(m,{label:"Life support",name:"life-support",value:"life-support"}),e.jsx(m,{label:"Warp core containment",name:"warp-core",value:"warp-core"}),e.jsx(m,{label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]})]}),e.jsxs(l,{alert:e.jsxs(p,{role:"alert",severity:"error",title:"Standby for boarding",children:[e.jsx(D,{children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again."}),e.jsx(B,{href:"#",variant:"monochrome",children:"Visit fueling console"})]}),description:"This information will be used to track your passengers' whereabouts.",legend:"Passenger information",name:"passengers",children:[e.jsx(t,{hint:"Specify your destination within the Sol system.",label:"Number of passengers"}),e.jsx(t,{label:"Captain's name"})]})]}),description:"Register your ship before docking with the station."}};var g,f,b;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
children: <>
|
|
4
|
-
<TextField label="Vessel name" />
|
|
5
|
-
<TextField isMultiline label="Reason for visit" />
|
|
6
|
-
</>
|
|
7
|
-
}
|
|
8
|
-
}`,...(b=(f=r.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var y,x,F;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
9
|
-
args: {
|
|
10
|
-
children: <>
|
|
11
|
-
<Fieldset legend="Vessel information" name="vessel">
|
|
12
|
-
<TextField label="Vessel name" />
|
|
13
|
-
<TextField isMultiline label="Reason for visit" />
|
|
14
|
-
</Fieldset>
|
|
15
|
-
<Fieldset legend="Passenger information" name="passengers">
|
|
16
|
-
<TextField label="Number of passengers" />
|
|
17
|
-
<TextField label="Captain's name" />
|
|
18
|
-
</Fieldset>
|
|
19
|
-
</>
|
|
20
|
-
}
|
|
21
|
-
}`,...(F=(x=i.parameters)==null?void 0:x.docs)==null?void 0:F.source}}};var j,v,w;o.parameters={...o.parameters,docs:{...(j=o.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
22
|
-
args: {
|
|
23
|
-
description: "Register your ship before docking with the station."
|
|
24
|
-
}
|
|
25
|
-
}`,...(w=(v=o.parameters)==null?void 0:v.docs)==null?void 0:w.source}}};var T,M,k;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
26
|
-
args: {
|
|
27
|
-
alert: <Callout role="alert" severity="error" title="Something went wrong">
|
|
28
|
-
Please try your request again later.
|
|
29
|
-
</Callout>
|
|
30
|
-
}
|
|
31
|
-
}`,...(k=(M=s.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};var C,S,R;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
32
|
-
args: {
|
|
33
|
-
isFullWidth: true,
|
|
34
|
-
children: <>
|
|
35
|
-
<TextField isFullWidth label="Vessel name" />
|
|
36
|
-
<TextField isFullWidth isMultiline label="Reason for visit" />
|
|
37
|
-
</>
|
|
38
|
-
}
|
|
39
|
-
}`,...(R=(S=a.parameters)==null?void 0:S.docs)==null?void 0:R.source}}};var V,P,q;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
40
|
-
args: {
|
|
41
|
-
alert: <Callout role="alert" severity="error" title="Something went wrong">
|
|
42
|
-
Please try your request again later.
|
|
43
|
-
</Callout>,
|
|
44
|
-
children: <>
|
|
45
|
-
<Fieldset description="This information is used to verify vessel ownership and origin." legend="Vessel information" name="vessel">
|
|
46
|
-
<TextField errorMessage="This field is required." label="Vessel name" />
|
|
47
|
-
<CheckboxGroup isRequired label="Systems check">
|
|
48
|
-
<Checkbox label="Life support" name="life-support" value="life-support" />
|
|
49
|
-
<Checkbox label="Warp core containment" name="warp-core" value="warp-core" />
|
|
50
|
-
<Checkbox label="Cetacean ops" name="cetacean-ops" value="cetacean-ops" />
|
|
51
|
-
</CheckboxGroup>
|
|
52
|
-
</Fieldset>
|
|
53
|
-
<Fieldset alert={<Callout role="alert" severity="error" title="Standby for boarding">
|
|
54
|
-
<Paragraph>
|
|
55
|
-
There is an issue with the fuel mixture ratios. Reconfigure the
|
|
56
|
-
fuel mixture and perform the safety checks again.
|
|
57
|
-
</Paragraph>
|
|
58
|
-
|
|
59
|
-
<Link href="#" variant="monochrome">
|
|
60
|
-
Visit fueling console
|
|
61
|
-
</Link>
|
|
62
|
-
</Callout>} description="This information will be used to track your passengers' whereabouts." legend="Passenger information" name="passengers">
|
|
63
|
-
<TextField hint="Specify your destination within the Sol system." label="Number of passengers" />
|
|
64
|
-
<TextField label="Captain's name" />
|
|
65
|
-
</Fieldset>
|
|
66
|
-
</>,
|
|
67
|
-
description: "Register your ship before docking with the station."
|
|
68
|
-
}
|
|
69
|
-
}`,...(q=(P=n.parameters)==null?void 0:P.docs)==null?void 0:q.source}}};const nt=["Simple","Fieldsets","Description","Alert","FullWidth","KitchenSink"];export{s as Alert,o as Description,i as Fieldsets,a as FullWidth,n as KitchenSink,r as Simple,nt as __namedExportsOrder,at as default};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import{O as E}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{r as c}from"./index-NdkWRN8K.js";import{M as W}from"./Field-BxkyNVQW.js";import{V as q,U as K,c as H,_,b as f,s as D,d as $,f as ee,u as oe}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as te}from"./Tag-C_iW2sj3.js";import{c as ae}from"./Typography-B7ktrxCD.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";import{B as g}from"./Box-B6KmU4_J.js";import{c as re}from"./createSvgIcon-Bv_3NNsK.js";import{u as se}from"./useSlot-VN2O4BOA.js";import{M as ie}from"./Grid-B7XSvQ_X.js";import{I as ne}from"./InputBase-6reb9B7r.js";import{A as le}from"./Autocomplete-CknstIK_.js";import{M as pe}from"./User-CvYTA860.js";import{M as ce}from"./Group-DWmiPyzE.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Box-B-R2QRDU.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"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-B9WkuA4b.js";import"./Typography-CSpPZFTF.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./ArrowDropDown-Dnrg-0Q8.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"./useControlled-NQulfz4l.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";const me=re(t.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person");function ue(e){return K("MuiAvatar",e)}const R=q("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]),de=["alt","children","className","component","slots","slotProps","imgProps","sizes","src","srcSet","variant"],ge=e=>{const{classes:a,variant:r,colorDefault:s}=e;return ee({root:["root",r,s&&"colorDefault"],img:["img"],fallback:["fallback"]},ue,a)},ye=D("div",{name:"MuiAvatar",slot:"Root",overridesResolver:(e,a)=>{const{ownerState:r}=e;return[a.root,a[r.variant],r.colorDefault&&a.colorDefault]}})(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none",variants:[{props:{variant:"rounded"},style:{borderRadius:(e.vars||e).shape.borderRadius}},{props:{variant:"square"},style:{borderRadius:0}},{props:{colorDefault:!0},style:f({color:(e.vars||e).palette.background.default},e.vars?{backgroundColor:e.vars.palette.Avatar.defaultBg}:f({backgroundColor:e.palette.grey[400]},e.applyStyles("dark",{backgroundColor:e.palette.grey[600]})))}]})),fe=D("img",{name:"MuiAvatar",slot:"Img",overridesResolver:(e,a)=>a.img})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),be=D(me,{name:"MuiAvatar",slot:"Fallback",overridesResolver:(e,a)=>a.fallback})({width:"75%",height:"75%"});function he({crossOrigin:e,referrerPolicy:a,src:r,srcSet:s}){const[p,m]=c.useState(!1);return c.useEffect(()=>{if(!r&&!s)return;m(!1);let d=!0;const i=new Image;return i.onload=()=>{d&&m("loaded")},i.onerror=()=>{d&&m("error")},i.crossOrigin=e,i.referrerPolicy=a,i.src=r,s&&(i.srcset=s),()=>{d=!1}},[e,a,r,s]),p}const V=c.forwardRef(function(a,r){const s=H({props:a,name:"MuiAvatar"}),{alt:p,children:m,className:d,component:i="div",slots:T={},slotProps:w={},imgProps:x,sizes:j,src:b,srcSet:l,variant:B="circular"}=s,S=_(s,de);let y=null;const U=he(f({},x,{src:b,srcSet:l})),C=b||l,n=C&&U!=="error",o=f({},s,{colorDefault:!n,component:i,variant:B}),u=ge(o),[h,A]=se("img",{className:u.img,elementType:fe,externalForwardedProps:{slots:T,slotProps:{img:f({},x,w.img)}},additionalProps:{alt:p,src:b,srcSet:l,sizes:j},ownerState:o});return n?y=t.jsx(h,f({},A)):m||m===0?y=m:C&&p?y=p[0]:y=t.jsx(be,{ownerState:o,className:u.fallback}),t.jsx(ye,f({as:i,ownerState:o,className:$(u.root,d),ref:r},S,{children:y}))}),z=16,Z=24,Ae=({hasMultipleChoices:e,isCustomValueAllowed:a,isDisabled:r,isLoading:s,isOptional:p=!1,isReadOnly:m,hint:d,label:i,onChange:T,onInputChange:w,options:x,value:j,testId:b})=>{const l=oe(),B=c.useCallback((n,o)=>n.id===o.id,[]),S=c.useCallback(n=>n.name,[]),y=c.useCallback((n,o)=>c.createElement("li",{...n,key:o.id},t.jsxs(g,{sx:{alignItems:"top",display:"flex",flexDirection:"row"},children:[t.jsx(g,{sx:{paddingRight:l.Spacing2},children:t.jsx(V,{alt:o.name,src:o.logo,sx:{[`.${R.fallback}`]:{visibility:"hidden"},background:"transparent",height:Z,width:Z}})}),t.jsxs(g,{children:[o.name,t.jsx(ae,{children:o.description}),t.jsxs(g,{sx:{display:"flex",flexDirection:"row",paddingTop:l.Spacing1},children:[typeof o.usersCount=="number"&&t.jsxs(g,{sx:{display:"flex",flexDirection:"row",paddingRight:l.Spacing4},children:[t.jsx(pe,{}),o.usersCount]}),typeof o.appsCount=="number"&&t.jsxs(g,{sx:{display:"flex",flexDirection:"row",paddingRight:l.Spacing4},children:[t.jsx(ie,{}),o.appsCount]}),typeof o.groupPushMappingsCount=="number"&&t.jsxs(g,{sx:{display:"flex",flexDirection:"row"},children:[t.jsx(ce,{}),o.groupPushMappingsCount]})]})]})]})),[l]),U=c.useCallback((n,o)=>n.map((u,h)=>{const{key:A,onDelete:Y}=o({index:h});return t.jsx(g,{sx:{margin:l.Spacing1},children:t.jsx(te,{icon:t.jsx(V,{alt:u.name,src:u.logo,sx:{[`.${R.fallback}`]:{visibility:"hidden"},background:"transparent",height:z,width:z}}),label:u.name,onRemove:Y})},A)}),[l]),C=c.useCallback(({InputLabelProps:n,InputProps:o,...u})=>t.jsx(W,{fieldType:"single",hasVisibleLabel:!0,hint:d,id:n.htmlFor,isOptional:p,label:i,renderFieldComponent:({ariaDescribedBy:h,id:A})=>t.jsx(ne,{...u,...o,"aria-describedby":h,id:A,required:!p})}),[d,p,i]);return t.jsx(le,{"aria-disabled":r,"data-se":b,disabled:r,filterSelectedOptions:!0,freeSolo:a,getOptionLabel:S,isOptionEqualToValue:B,loading:s,multiple:e,onChange:T,onInputChange:w,options:x,readOnly:m,renderInput:C,renderOption:y,renderTags:U,value:j})},ve=c.memo(Ae),v="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABgJJREFUGBkFwXmQlnUBAODn977vd+yyy67LcsmxgIQHC4MiaiZiTjoYIOZopU1TUzmVjUozjjpZ6mj90dAfmk6TDGlml1dUJCozkhAVggMlh1y660IruyzLsce33/W+PU/YI3LOegUAAKDTDuOwxlMAAABABABggcfcpwhYIw/uMQlwo7VWAACQAGQCXGadxZhti2lmu00OXOBp79trhgfNcJfHPAkAhD0iZz2v2RmZxjuy3wNOmQAA4JQJgL+7HgCIgGCc+a4x1mMYMAEAABMAdbsAACIgwyydypMkQKakJlQdt9Vh/YyqAQSTMwBAAkA6Ofll/qKsGDCi1TX2/7x3Q37YoGbF6tQbNhzRpVEgim6OH688EgCQZLQUXyGnb+LhRXlBquJqYf2n1s3ZtcMISHS4trP/wltf2ySIZOfVHwjTDVhkkychfKAcvV7vUkBJoi52nWuf333XvLsa73wnGQAFiywY3LRyyeoTf37FkBioSQy7zVsk0bjsyEENKkikCuLfTXqi59C5NVt/3DVuTA0E3ba6ZNu2az83yxXNLw+JIUGTm2yWJVkp96XLt/1HDpm6RVYeapz33l/2zBhqrIsAlJzWv3TukfH719x9zPMyAfjY6zIiafSP5iWTpKi4wOdfHl67cf6WC880ZmIBmQyRyIhDc/+4sKf3ktU3GgUya22BaMQWI5+0yaSazNwQf63+9e5H/ycWpAoudYNlJgkIxhzoqGy3sf3W89VgUI86RJkGFzUeFKubmF51bPyyo08fLeZRsbR6/k1ZMSkmxbS4vD+HYCTa9Zl0Y9PhS6sVaLMQiEJrmFs7nCGI3zh9364ZPUkqGHPV6Kxb628qKysrR5OX9wcw6EBbeX96e8gQXKlDjmT09Dnb5WXGa7RVg345qRYN36z9LRZAIhUmT8gGBGX7DPqwr+GUdqwy37N+mzxXj+MEmUiLESV11MzSkOvVIZVKXWKEwsW2ClJldVHJoHYwx09NjgIgk5ikWQoysYKCvIIgLy8vLw8AQ3oBkEXT4iZVBFXdTopBZMjIWOa0IZmyAVW18ikAqXqbeYBMj+7ozrc6t02TCipKtXbtUYNMokvl8ulNvUZFYkc1a19+UIRYe5hqUlRvBqc85w7PRCPLk2Ur3xwTDKtMX7bw6uoMZUHd8QdKP8k3BJBIVvS8MYpUg8XFK5qW3j7WDF71Lf8iyQw5vnpieVhsdPHpB+f/oH9/6/ySog8k95bl38vLxLp/s1NeJjLXtF/v7+i9P4aSXUCSN1lvMtUhsZN2Xjy7tf32mS8eXFzX5IDGe3NG1JS8q4DUeefmPJE9VXpmtzxUHAOiosu0PnxMJKjpuvT4y1N89oUlUhVFdUftsddZBZmK860Y6/hZZd373xsVQYtVWiC+pzD24ta7B8WIDRmYEJ3uWB9ODM+uTTgjEkQimbLUxVp+eNP6/w7se2m7RoBO/XaRhKw+8LFGqUwsp1v3yq9EHb84+/b41/rmdimB2BSzZd9O1o09/PoXywoANJoKYa803lvbok3QpyjFHKv2da0eX5m57N8NvVKRoiu19byz+fo/vP3lPcpimcA54x21ykHCbnGhdMuzppm1KH5os2aZqinG77vy3Z77e88UnWdYxZgbntw6s/aFIxJBqn4o/0B21hRH7IYkUK68RF1+w3WqD/1TQd4JpzurnZ8smXisRbtUVZc3Vww6Iy+om+2Cvk1/bQBAAkBWaX18YWXfIyNiealu0cIzC4ccU1WX6BYrIJMz772Z360oCgASIAi6/KpU2ZOATCoRjMkMCYjk1KUixI4MHD0wXc2ICJAAo07IpBQSsapm053UJy8CVBTMc0afRNmRmFiqLieRISHV5G5APvnIW2ZpW1t/pmzVCwev+0gOVV/1p3mF8rjJi3fuMN/1xTHQYIedGpBA0AIovGrzpx9d2Lb9R1G5Ln/zgo0nl43KLNA6N/0wk/ZMXfqN17Z3tlZKoFFBBhIgBaTl9GTu+/mQVYbdYtZQvrSnPiy11LiT37EFYXvD7Gw0lYJUBggZAAAAAAAAAADg/y0LbTqgZCLTAAAAAElFTkSuQmCC";/*!
|
|
2
|
-
* Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const xe=[{id:"en",name:"English",description:"",logo:v},{id:"fr",name:"French",description:"Français",logo:"",usersCount:100,appsCount:200},{id:"jp",name:"Japanese",description:"日本語",logo:v,usersCount:0,appsCount:0},{id:"es",name:"Spanish",description:"Español",logo:v,usersCount:101,appsCount:202,groupPushMappingsCount:303}],Io={component:ve,decorators:[E],tags:["autodocs"],argTypes:{hasMultipleChoices:{control:"boolean",description:"Enables multiple choice selection",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The hint text for the autocomplete input",table:{type:{summary:"string"}}},isCustomValueAllowed:{control:"boolean",description:"Allows the input of custom values",table:{type:{summary:"boolean"}}},isDisabled:{control:"boolean",description:"Disables the autocomplete input",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Displays a loading indicator",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"Makes the autocomplete input read-only",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the autocomplete input",table:{type:{summary:"string"}}},onChange:{description:"Callback fired when the value of the autocomplete input changes",table:{type:{summary:"func"}}},onInputChange:{description:"Callback fired when the input value of the autocomplete input changes",table:{type:{summary:"func"}}},options:{description:"The options for the autocomplete input",table:{type:{summary:"Array<OptionType> | GroupedOptionType<OptionType>[] | Promise<Array<OptionType> | GroupedOptionType<OptionType>[]>"}}},value:{description:"The value of the autocomplete input",table:{type:{summary:"OptionType | OptionType[]"}}},isOptional:{control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}}},args:{label:"Languages",hint:"Languages supported by the system",options:xe}},k={},I={args:{hasMultipleChoices:!0}},M={args:{isDisabled:!0,hasMultipleChoices:!0,value:[{id:"en",name:"English",description:"",logo:v},{id:"jp",name:"Japanese",description:"日本語",logo:v,usersCount:0,appsCount:0}]}};var P,O,F;k.parameters={...k.parameters,docs:{...(P=k.parameters)==null?void 0:P.docs,source:{originalSource:"{}",...(F=(O=k.parameters)==null?void 0:O.docs)==null?void 0:F.source}}};var G,L,X;I.parameters={...I.parameters,docs:{...(G=I.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
12
|
-
args: {
|
|
13
|
-
hasMultipleChoices: true
|
|
14
|
-
}
|
|
15
|
-
}`,...(X=(L=I.parameters)==null?void 0:L.docs)==null?void 0:X.source}}};var Q,J,N;M.parameters={...M.parameters,docs:{...(Q=M.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
16
|
-
args: {
|
|
17
|
-
isDisabled: true,
|
|
18
|
-
hasMultipleChoices: true,
|
|
19
|
-
value: [{
|
|
20
|
-
id: "en",
|
|
21
|
-
name: "English",
|
|
22
|
-
description: "",
|
|
23
|
-
logo: demoImage
|
|
24
|
-
}, {
|
|
25
|
-
id: "jp",
|
|
26
|
-
name: "Japanese",
|
|
27
|
-
description: "日本語",
|
|
28
|
-
logo: demoImage,
|
|
29
|
-
usersCount: 0,
|
|
30
|
-
appsCount: 0
|
|
31
|
-
}]
|
|
32
|
-
}
|
|
33
|
-
}`,...(N=(J=M.parameters)==null?void 0:J.docs)==null?void 0:N.source}}};const Mo=["GroupPickerDefault","Multiple","Disabled"];export{M as Disabled,k as GroupPickerDefault,I as Multiple,Mo as __namedExportsOrder,Io as default};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-CnH95YSl.js";import{i as t}from"./index-DkrUiDVY.js";import{r as s}from"./index-NdkWRN8K.js";import{O as p}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as c}from"./DataTable-BJQ8WkUd.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./_commonjsHelpers-gnU0ypJ3.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"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./index.esm-XFhSJO0s.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.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"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-BdcLUgCD.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Portal-CsPQSHsR.js";import"./Paper-DwBg74qy.js";import"./Box-B6KmU4_J.js";import"./CircularProgress-AX8KCiV6.js";import"./DialogContent-B-pM1DP1.js";import"./Fade-CHnXmzFb.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./Typography-CSpPZFTF.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"./Button-BvUGu5Sm.js";import"./Chip-B9WkuA4b.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"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./Typography-B7ktrxCD.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"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Pagination-BTycGMV-.js";import"./MenuItem-DoUaLmgU.js";import"./useScrollIndication-Dq_i6CX-.js";const Ze={decorators:[p],tags:["autodocs"]},u=[{name:"AddCircleIcon",use:"To add"},{name:"AddIcon",use:"To add"},{name:"AppsIcon",use:""},{name:"ArrowDownIcon",use:""},{name:"ArrowLeftIcon",use:""},{name:"ArrowLowerLeftIcon",use:""},{name:"ArrowLowerRightIcon",use:""},{name:"ArrowRightIcon",use:""},{name:"ArrowUnsortedIcon",use:""},{name:"ArrowUpIcon",use:""},{name:"ArrowUpperLeftIcon",use:""},{name:"ArrowUpperRightIcon",use:""},{name:"BugIcon",use:""},{name:"CalendarIcon",use:""},{name:"CallIcon",use:""},{name:"ChatIcon",use:""},{name:"CheckCircleFilledIcon",use:""},{name:"CheckIcon",use:"To show a completed process"},{name:"ChevronDownIcon",use:"UI indicator - element triggers open"},{name:"ChevronLeftIcon",use:""},{name:"ChevronRightIcon",use:""},{name:"ChevronUpIcon",use:"UI indicator - element triggers close"},{name:"ClockIcon",use:""},{name:"CloseCircleFilledIcon",use:""},{name:"CloseIcon",use:"To close a modal or other UI"},{name:"CollapseLeftIcon",use:""},{name:"CollapseRightIcon",use:""},{name:"CopyIcon",use:"To copy text"},{name:"DangerDiamondFilledIcon",use:""},{name:"DangerDiamondIcon",use:""},{name:"DeleteIcon",use:"To delete something"},{name:"DenyIcon",use:""},{name:"DevicesIcon",use:""},{name:"DirectoryIcon",use:""},{name:"DocumentationIcon",use:""},{name:"DownloadIcon",use:"To download"},{name:"DragIndicatorIcon",use:""},{name:"EditIcon",use:"To edit something"},{name:"ExpandLeftIcon",use:""},{name:"ExpandRightIcon",use:""},{name:"ExternalLinkIcon",use:"UI indicator - external link"},{name:"FilterIcon",use:"To filter results"},{name:"FolderIcon",use:""},{name:"GlobeIcon",use:""},{name:"GridIcon",use:""},{name:"GroupIcon",use:""},{name:"HideIcon",use:"To hide something"},{name:"HomeIcon",use:""},{name:"InformationCircleFilledIcon",use:"To get information"},{name:"InformationCircleIcon",use:"To get information"},{name:"LinkIcon",use:""},{name:"ListIcon",use:""},{name:"LockIcon",use:""},{name:"MoreIcon",use:""},{name:"NotificationIcon",use:"To notify the user of something"},{name:"PauseIcon",use:""},{name:"QuestionCircleFilledIcon",use:"To provide clarification"},{name:"QuestionCircleIcon",use:"To provide clarification"},{name:"RefreshIcon",use:""},{name:"ResetIcon",use:""},{name:"ResumeIcon",use:""},{name:"SearchIcon",use:"To search for something"},{name:"ServerIcon",use:""},{name:"SettingsIcon",use:"To edit user or app settings"},{name:"ShowIcon",use:"To show something"},{name:"SubtractIcon",use:"To subtract or remove"},{name:"SyncIcon",use:""},{name:"UnlockIcon",use:""},{name:"UploadIcon",use:""},{name:"UserIcon",use:"To support a user name"},{name:"VideoIcon",use:""},{name:"WarningFilledIcon",use:""},{name:"WarningIcon",use:""}],l=[{accessorKey:"icon",Cell:({row:o})=>s.createElement(t[o.original.name]),header:"Icon"},{accessorKey:"name",header:"Name"},{accessorKey:"className",Cell:({row:o})=>{var e;return((e=t[o.original.name])==null?void 0:e.displayName)??""},header:"Class Name"}],r={parameters:{docs:{description:{story:"Icons can be included as a component using the class name. For example, to include the add circle icon, use `<AddCircleIcon />`."}}},render:function(){return a.jsx(c,{columns:l,getData:()=>u,getRowId:e=>e.name,hasSorting:!1})}};var n,i,m;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: "Icons can be included as a component using the class name. For example, to include the add circle icon, use \`<AddCircleIcon />\`."
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
render: function C() {
|
|
10
|
-
return <DataTable
|
|
11
|
-
// The \`as\` here shouldn't be required because \`DataTable\` should be inferring the type of \`columns\`, but it doesn't take a generic to know that. --Kevin Ghadyani
|
|
12
|
-
columns={columns as DataTableColumn<DataTableRowData>[]} getData={() => icons}
|
|
13
|
-
// The \`as\` here shouldn't be required because \`DataTable\` should know the return type of \`getData\` and infer the rest. It needs to ta generic to fix that. --Kevin Ghadyani
|
|
14
|
-
getRowId={originalRow => originalRow.name as keyof typeof iconDictionary} hasSorting={false} />;
|
|
15
|
-
}
|
|
16
|
-
}`,...(m=(i=r.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};const $e=["Default"];export{r as Default,$e as __namedExportsOrder,Ze as default};
|