@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.
Files changed (360) hide show
  1. package/dist/assets/{Accordion-MTHvu5cR.js → Accordion-BNJn0pfW.js} +1 -1
  2. package/dist/assets/{Accordion.stories-DniSJ38i.js → Accordion.stories-DZIjfE-o.js} +1 -1
  3. package/dist/assets/{AccordionSummary-Byc6MkHu.js → AccordionSummary-BjqT0nEb.js} +1 -1
  4. package/dist/assets/{AlertTitle-BDkgiA29.js → AlertTitle-q6ff_Zkl.js} +1 -1
  5. package/dist/assets/{AppSwitcher-mUx_f1r6.js → AppSwitcher-cyyPttJv.js} +1 -1
  6. package/dist/assets/{AppSwitcher.stories-CENgxWSC.js → AppSwitcher.stories--8DVDaS1.js} +1 -1
  7. package/dist/assets/AppTile _labs_.stories-D9W_XD90.js +136 -0
  8. package/dist/assets/ArrowDropDown-DdemyKZU.js +1 -0
  9. package/dist/assets/{ArrowRight-BquvVn3D.js → ArrowRight-ChWYjNny.js} +1 -1
  10. package/dist/assets/{Autocomplete-Bh3XRXMy.js → Autocomplete-Cpi_kUVA.js} +1 -1
  11. package/dist/assets/{Autocomplete-CknstIK_.js → Autocomplete-CxtGbb8j.js} +1 -1
  12. package/dist/assets/{Autocomplete.stories-DNDWoB5E.js → Autocomplete.stories-CQuaZrwN.js} +3 -3
  13. package/dist/assets/{Badge-DFZYqSZN.js → Badge-BO7bTIEa.js} +1 -1
  14. package/dist/assets/{Banner-25ZggH76.js → Banner-K7AM0SJj.js} +1 -1
  15. package/dist/assets/{Banner.stories-Dz37neYC.js → Banner.stories-BRQINNIu.js} +3 -3
  16. package/dist/assets/{BaseButton-Cd1oZPsh.js → BaseButton-DYZHKnV3.js} +1 -1
  17. package/dist/assets/BaseMenuButton-BIietjUB.js +1 -0
  18. package/dist/assets/{Box-B-R2QRDU.js → Box-1mvP3NLW.js} +1 -1
  19. package/dist/assets/Box-BcMTQ_R2.js +1 -0
  20. package/dist/assets/Box-DXoV5_ch.js +11 -0
  21. package/dist/assets/{Box.stories-BCtoarqr.js → Box.stories-C8EeKXhb.js} +1 -1
  22. package/dist/assets/Breadcrumbs-Bp-jt6t5.js +6 -0
  23. package/dist/assets/{Breadcrumbs.stories-BTEZLo9U.js → Breadcrumbs.stories-B_3snTWA.js} +1 -1
  24. package/dist/assets/{Bug-Z3X3t5xp.js → Bug-CQIUmZ-N.js} +1 -1
  25. package/dist/assets/{Button-DPUOjyZy.js → Button-BEA5U6Tg.js} +1 -1
  26. package/dist/assets/{Button-BvUGu5Sm.js → Button-BzIwUmSM.js} +1 -1
  27. package/dist/assets/{Button.stories-CLRsJ0J2.js → Button.stories-S7v-663i.js} +2 -2
  28. package/dist/assets/{ButtonBase-CrcIXP69.js → ButtonBase-BNqa2TMD.js} +2 -2
  29. package/dist/assets/{Calendar-DnwsjheN.js → Calendar-_GPHtaRa.js} +1 -1
  30. package/dist/assets/{Callout-qkeUDNKn.js → Callout-FZxPpigF.js} +1 -1
  31. package/dist/assets/Callout.stories-CODSBn6K.js +105 -0
  32. package/dist/assets/{Card-DL97TZJd.js → Card-C0RGIer3.js} +1 -1
  33. package/dist/assets/Card-CBiqCoFv.js +8 -0
  34. package/dist/assets/{Card.stories-ROWJyBI0.js → Card.stories-Cp5cSsvN.js} +1 -1
  35. package/dist/assets/{CardActionArea-BaL2GhSM.js → CardActionArea-DWrXZntI.js} +1 -1
  36. package/dist/assets/{CardActions-C1bW_Jqo.js → CardActions-BQdq7Bn0.js} +1 -1
  37. package/dist/assets/{Checkbox-eGdyySzm.js → Checkbox-DPv3Q9UW.js} +1 -1
  38. package/dist/assets/{Checkbox-OauVZWc5.js → Checkbox-vZwuXtzm.js} +1 -1
  39. package/dist/assets/{Checkbox.stories-DwmuFw2j.js → Checkbox.stories-9dZS0JMC.js} +1 -1
  40. package/dist/assets/{CheckboxGroup-BQ5GiUey.js → CheckboxGroup-Be66QML5.js} +1 -1
  41. package/dist/assets/CheckboxGroup.stories-Cx6CsE7C.js +92 -0
  42. package/dist/assets/{ChevronRight-BLkvXBUf.js → ChevronRight-C12ToI7Y.js} +1 -1
  43. package/dist/assets/{ChevronUp-Br-QC-XK.js → ChevronUp-CfT7Bz8X.js} +1 -1
  44. package/dist/assets/{Chip-B9WkuA4b.js → Chip-CXnMieIl.js} +1 -1
  45. package/dist/assets/{CircularProgress-DxY3QwHW.js → CircularProgress-DPxwxglU.js} +1 -1
  46. package/dist/assets/{CircularProgress-AX8KCiV6.js → CircularProgress-HbIdZLBB.js} +4 -4
  47. package/dist/assets/{CircularProgress.stories-a_Rse-5m.js → CircularProgress.stories-BCClfpJw.js} +1 -1
  48. package/dist/assets/{Clock-8HOQy_d4.js → Clock-17ua7UAW.js} +1 -1
  49. package/dist/assets/{Close-BjXKhBr_.js → Close-OXBt1nIe.js} +1 -1
  50. package/dist/assets/{Code Styling Guidelines-BkGO8zp-.js → Code Styling Guidelines-CVbofGQK.js } +1 -1
  51. package/dist/assets/{Collapse-DtQCvyEw.js → Collapse-DfdoVIdP.js} +1 -1
  52. package/dist/assets/{Color-YHDXOIA2-CcoN0wsl.js → Color-YHDXOIA2-DT4T6TnK.js} +1 -1
  53. package/dist/assets/{CssBaseline-CI1_OCUX.js → CssBaseline-DpDXOHEK.js} +1 -1
  54. package/dist/assets/{CssBaseline.stories-BSLs5ScZ.js → CssBaseline.stories-DeSEyTd-.js} +1 -1
  55. package/dist/assets/{Custom Theming-WlDJkwzT.js → Custom Theming-CmbOHtP1.js } +2 -2
  56. package/dist/assets/Custom Theming.stories-CxVTbjdx.js +95 -0
  57. package/dist/assets/{DataFilters _labs_-BIYE5QJU.js → DataFilters _labs_-DvUVhC-g.js } +2 -2
  58. package/dist/assets/{DataFilters _labs_.stories-BdV81MCI.js → DataFilters _labs_.stories-Ca9tvzkv.js } +1 -1
  59. package/dist/assets/{DataFilters-KxLw7hL5.js → DataFilters-BnT_U3-o.js} +1 -1
  60. package/dist/assets/DataTable _labs_-DL8Jc4Hl.js +41 -0
  61. package/dist/assets/{DataTable _labs_.stories-CTl54dDN.js → DataTable _labs_.stories-C9Tljg4U.js } +1 -1
  62. package/dist/assets/{DataTable-bZz790ci.js → DataTable-S0xhd1LQ.js} +2 -2
  63. package/dist/assets/{DataTable-BJQ8WkUd.js → DataTable-XayRBHyP.js} +2 -2
  64. package/dist/assets/{DataTable.stories-9eBclyx2.js → DataTable.stories-tcZyd507.js} +1 -1
  65. package/dist/assets/{DataView _labs_-AutzTAhE.js → DataView _labs_-oQPoSKgb.js } +2 -2
  66. package/dist/assets/{DataView _labs_.stories-CO0XGhOV.js → DataView _labs_.stories-C_xQt04_.js } +1 -1
  67. package/dist/assets/{DataView-CHGdxu-Z.js → DataView-C5rMFmwA.js} +6 -6
  68. package/dist/assets/{DataView.stories-6cnSmpm3.js → DataView.stories-oJRHGPAN.js} +3 -3
  69. package/dist/assets/{DatePicker-BGoHW8Is.js → DatePicker-BwDkz3WT.js} +1 -1
  70. package/dist/assets/{DatePicker-C6TIvuN7.js → DatePicker-CaivHe9y.js} +2 -2
  71. package/dist/assets/DatePicker.stories-DbwO66Pf.js +133 -0
  72. package/dist/assets/{DateTimePicker-DKGE8593.js → DateTimePicker-B7a9bgL6.js} +1 -1
  73. package/dist/assets/{DateTimePicker.stories-TBpe3AjQ.js → DateTimePicker.stories-DL2oaP7L.js} +6 -6
  74. package/dist/assets/Design Tokens-CLnoritM.js +4 -0
  75. package/dist/assets/Dialog-CR4TUjlJ.js +1 -0
  76. package/dist/assets/{Dialog.stories-BQZpS-f5.js → Dialog.stories-2q37jV4r.js} +1 -1
  77. package/dist/assets/{DialogContent-B-pM1DP1.js → DialogContent-Cwn-I-C_.js} +1 -1
  78. package/dist/assets/{DialogTitle-DA2nrmUc.js → DialogTitle-C-K7jEio.js} +1 -1
  79. package/dist/assets/{Divider-CAwVs6Y1.js → Divider-Ln3VaO81.js} +1 -1
  80. package/dist/assets/{DocsRenderer-CFRXHY34-kO-n-5EB.js → DocsRenderer-CFRXHY34-CCeAz_jE.js} +1 -1
  81. package/dist/assets/{Documentation-CBbHUjXC.js → Documentation-DF3oo39e.js} +1 -1
  82. package/dist/assets/{Download-VHpUH0as.js → Download-Zlhupksh.js} +1 -1
  83. package/dist/assets/{Drawer-C9M8pytV.js → Drawer-CXQ3piJR.js} +2 -2
  84. package/dist/assets/Drawer.stories-Dlkg74m1.js +95 -0
  85. package/dist/assets/{EmptyState-FpIKkMpd.js → EmptyState-CpBEzmap.js} +1 -1
  86. package/dist/assets/EmptyState.stories-Dl57LvdY.js +11 -0
  87. package/dist/assets/{ExampleButton.stories-CbAFs20l.js → ExampleButton.stories-Bbj5W6A-.js} +1 -1
  88. package/dist/assets/{Extending Translations-mp_vyXoH.js → Extending Translations-D38KR8Kn.js } +1 -1
  89. package/dist/assets/{ExternalLink-lox07hAR.js → ExternalLink-D0l1c5Cz.js} +1 -1
  90. package/dist/assets/{Fade-CHnXmzFb.js → Fade-dUgBN8rJ.js} +1 -1
  91. package/dist/assets/{Field-BxkyNVQW.js → Field-DH3L8v09.js} +2 -2
  92. package/dist/assets/{FieldHint-D5VttvwL.js → FieldHint-B3Jif_Up.js} +1 -1
  93. package/dist/assets/{Fieldset-Dp9uCwiB.js → Fieldset-D7_59eeI.js} +1 -1
  94. package/dist/assets/Fieldset.stories-B-NXKKP-.js +15 -0
  95. package/dist/assets/{FileUploader.stories-CxYwF2DZ.js → FileUploader.stories-C9ua336t.js} +6 -6
  96. package/dist/assets/{Filter-BiREetkX.js → Filter-DsDJ7si-.js} +1 -1
  97. package/dist/assets/{Folder-8esChg_E.js → Folder-e-po0U54.js} +1 -1
  98. package/dist/assets/{Form Field Accessibility-BCFouYXt.js → Form Field Accessibility-D5GmQTjo.js } +1 -1
  99. package/dist/assets/{Form-CJrxMkwr.js → Form-iTx8DKdm.js} +1 -1
  100. package/dist/assets/Form.stories-CKX8F-HV.js +69 -0
  101. package/dist/assets/{FormControlLabel-CoGABX1G.js → FormControlLabel-0BBemR80.js} +1 -1
  102. package/dist/assets/{FormGroup-D2d8E3Cw.js → FormGroup-HFkGZ983.js} +1 -1
  103. package/dist/assets/{FormHelperText-Ca69g4Je.js → FormHelperText-CsNAE1E3.js} +1 -1
  104. package/dist/assets/{FormLabel-EOlXQpGp.js → FormLabel-CiGre9wK.js} +1 -1
  105. package/dist/assets/{FullScreenOverlay-Bujsxbxh.js → FullScreenOverlay-BTMDlJhE.js} +1 -1
  106. package/dist/assets/{Generating Icons-pN6RBs4J.js → Generating Icons-B_lqn7WI.js } +1 -1
  107. package/dist/assets/{Globe-BHk1B5d7.js → Globe-B83Xmd05.js} +1 -1
  108. package/dist/assets/{Grid-B7XSvQ_X.js → Grid-EpV3TL4a.js} +1 -1
  109. package/dist/assets/{Group-DWmiPyzE.js → Group-mTVRC79V.js} +1 -1
  110. package/dist/assets/GroupPicker _labs_.stories-rRod3ZIj.js +33 -0
  111. package/dist/assets/{Grow-6R6cTzr4.js → Grow-C8kUeGCY.js} +1 -1
  112. package/dist/assets/{Hide-Bvhl5PVN.js → Hide-TKfOHglI.js} +1 -1
  113. package/dist/assets/{Hint-DTEjQAxl.js → Hint-DoJneNg9.js} +1 -1
  114. package/dist/assets/{Home-CUQc6tB8.js → Home-la7Lmt_L.js} +1 -1
  115. package/dist/assets/Icon _icons_.stories-BmisOf4s.js +16 -0
  116. package/dist/assets/{IconButton-Wwvz84xG.js → IconButton-5qShmnSr.js} +1 -1
  117. package/dist/assets/{IconWithTooltip _icons_.stories-BiiIBhOv.js → IconWithTooltip _icons_.stories-C86MVO5n.js } +1 -1
  118. package/dist/assets/{InformationCircle-DYQV39lt.js → InformationCircle-a2jMUKfL.js} +1 -1
  119. package/dist/assets/{InputAdornment-Dj-8HF_1.js → InputAdornment-CdR3XT6f.js} +1 -1
  120. package/dist/assets/{InputBase-6reb9B7r.js → InputBase-DeB4_faH.js} +2 -2
  121. package/dist/assets/{Installing odyssey-react-mui-DuIfuEaw.js → Installing odyssey-react-mui-BlZZYALn.js } +1 -1
  122. package/dist/assets/{Introduction-BTH-MnwV.js → Introduction-D6814AO1.js} +6 -6
  123. package/dist/assets/{Layout-BndkhA1_.js → Layout-DGOs1275.js} +1 -1
  124. package/dist/assets/{Layout.stories-BwMtW-cW.js → Layout.stories-DE3l510g.js} +2 -2
  125. package/dist/assets/{Legacy Migrations-BfDwGUg3.js → Legacy Migrations-B9gOEz-l.js } +1 -1
  126. package/dist/assets/{Link-BQo2zH0c.js → Link-BDoLypER.js} +1 -1
  127. package/dist/assets/{Link-DcsndbPK.js → Link-DNIf0luC.js} +1 -1
  128. package/dist/assets/Link-dX7EI1Ct.js +11 -0
  129. package/dist/assets/{Link.stories-DiVQZsn1.js → Link.stories-DnkjU-5y.js} +1 -1
  130. package/dist/assets/{List-_p0jkXPM.js → List-CmjR1pNu.js} +1 -1
  131. package/dist/assets/{List-CNCQEpRl.js → List-UlX1tusJ.js} +1 -1
  132. package/dist/assets/{ListItem-BLYwuKOG.js → ListItem-C0ExFtXb.js} +1 -1
  133. package/dist/assets/{ListSubheader-DO359rMr.js → ListSubheader-CQJAAOsd.js} +1 -1
  134. package/dist/assets/{Menu-CU_mHT7L.js → Menu-K9lpVvDG.js} +1 -1
  135. package/dist/assets/{MenuButton-DvVmjwMC.js → MenuButton-B3T7c15t.js} +1 -1
  136. package/dist/assets/MenuButton-hdFGv_9Z.js +9 -0
  137. package/dist/assets/{MenuButton.stories-rLpv4nq1.js → MenuButton.stories-BRHUGqba.js} +1 -1
  138. package/dist/assets/{MenuItem-DoUaLmgU.js → MenuItem-CmSG6PNu.js} +1 -1
  139. package/dist/assets/{MenuItem-oi_JaUho.js → MenuItem-vhp8G-Nb.js} +1 -1
  140. package/dist/assets/{MenuItem.stories-Ba6BR5kj.js → MenuItem.stories-dOOOz3KO.js} +1 -1
  141. package/dist/assets/{MenuList-0OHGr5AC.js → MenuList-BMOesnfs.js} +1 -1
  142. package/dist/assets/{Modal-B12sS2Yh.js → Modal-CSDyCVCf.js} +1 -1
  143. package/dist/assets/{More-BgQrTkKM.js → More-DLQ2RjWn.js} +1 -1
  144. package/dist/assets/NativeSelect.stories-DHgms1GM.js +173 -0
  145. package/dist/assets/{OdysseyProvider-BPLFYiwr.js → OdysseyProvider-qIn9QVYS.js} +2 -2
  146. package/dist/assets/{OdysseyStorybookThemeDecorator-CGH8visK.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js} +1 -1
  147. package/dist/assets/{OdysseyThemeProvider-BykOaJq8.js → OdysseyThemeProvider-Bh0Bu-2o.js} +1 -1
  148. package/dist/assets/{PageHeader.stories-DHDJTskZ.js → PageHeader.stories-MDEEjM1g.js} +2 -2
  149. package/dist/assets/{PageHeader.stories-Cg0XA0p_.js → PageHeader.stories-eACdVWYK.js} +3 -3
  150. package/dist/assets/PageTemplate _labs_-BuvgCua7.js +8 -0
  151. package/dist/assets/{PageTemplate _labs_.stories-DdUcW43S.js → PageTemplate _labs_.stories-C8RdfTqi.js } +1 -1
  152. package/dist/assets/{PageTemplate-mjLVQesI.js → PageTemplate-D-EQlTUx.js} +1 -1
  153. package/dist/assets/{PageTemplate.stories-BD8Hafdu.js → PageTemplate.stories-BzgC-WCT.js} +3 -3
  154. package/dist/assets/{PaginatedTable _labs_.stories-Lt6yWTDo.js → PaginatedTable _labs_.stories-CvpuSFlt.js } +3 -3
  155. package/dist/assets/{Pagination-BTycGMV-.js → Pagination-CB1wBW8Q.js} +2 -2
  156. package/dist/assets/Pagination.stories-RoH8O-RA.js +17 -0
  157. package/dist/assets/{Paper-DwBg74qy.js → Paper-D-_O-EjU.js} +1 -1
  158. package/dist/assets/PasswordField.stories-BUOy4gYe.js +129 -0
  159. package/dist/assets/Picker _labs_.stories-BIZmrH82.js +18 -0
  160. package/dist/assets/{PickerWithOptionAdornment _labs_.stories-BxW5XACd.js → PickerWithOptionAdornment _labs_.stories-CQYX6Af7.js } +3 -3
  161. package/dist/assets/Popper-BARIxJrI.js +1 -0
  162. package/dist/assets/{Portal-CsPQSHsR.js → Portal-C6D59xAE.js} +1 -1
  163. package/dist/assets/ProgressBar.stories-Dyp9UXSp.js +311 -0
  164. package/dist/assets/{Radio-7iHx2pBU.js → Radio-B4gVvwps.js} +1 -1
  165. package/dist/assets/{Radio-AD-L5UNl.js → Radio-BdNnpooK.js} +1 -1
  166. package/dist/assets/{Radio.stories-eZmvoamt.js → Radio.stories-BtiaRnXY.js} +1 -1
  167. package/dist/assets/{RadioGroup-Mx_cTqVX.js → RadioGroup-BYJZ378_.js} +1 -1
  168. package/dist/assets/RadioGroup-CtUWSbQc.js +1 -0
  169. package/dist/assets/RadioGroup-D1k5iqEQ.js +10 -0
  170. package/dist/assets/{RadioGroup.stories-CackbN0d.js → RadioGroup.stories-kfMrpCQ4.js} +1 -1
  171. package/dist/assets/{Refresh-CgZVXlSy.js → Refresh-DexPEklu.js} +1 -1
  172. package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js} +1 -1
  173. package/dist/assets/{Right-to-Left (RTL)-CALRs8aM.js → Right-to-Left (RTL)-BHFSR1q8.js } +1 -1
  174. package/dist/assets/{ScreenReaderText-DbrZU7M5.js → ScreenReaderText-CebALBsG.js} +1 -1
  175. package/dist/assets/{ScreenReaderText-D9dVDvYs.js → ScreenReaderText-DkVEZTIb.js} +2 -2
  176. package/dist/assets/ScreenReaderText.stories-BuS5WxvE.js +8 -0
  177. package/dist/assets/{Search-BSlcf4bB.js → Search-C5TVrLyE.js} +1 -1
  178. package/dist/assets/{SearchDropdown _labs_.stories-CQype98o.js → SearchDropdown _labs_.stories-Bq7Qapoa.js } +3 -3
  179. package/dist/assets/{SearchField-glDE5e-X.js → SearchField-BdnOrhVM.js} +1 -1
  180. package/dist/assets/SearchField.stories-IB3f7QOK.js +37 -0
  181. package/dist/assets/{Select-VvpDulqk.js → Select-DZTigpTO.js} +1 -1
  182. package/dist/assets/{Select-BWJ6-p1Z.js → Select-KZvejALm.js} +2 -2
  183. package/dist/assets/{Select.stories-BXXrgt5o.js → Select.stories-5trfU4Ma.js} +2 -2
  184. package/dist/assets/{Server-DS5iERo2.js → Server-Ch5aeRtt.js} +1 -1
  185. package/dist/assets/{Settings-SRsJGOHl.js → Settings-2rTKyez8.js} +1 -1
  186. package/dist/assets/{Setup-Ri7IU42o.js → Setup-BDM9nDVO.js} +1 -1
  187. package/dist/assets/{Shadow DOM-DK_1Epv_.js → Shadow DOM-DHECKIzr.js } +1 -1
  188. package/dist/assets/{Show-DXIrBgNq.js → Show-BnmQFsN6.js} +1 -1
  189. package/dist/assets/{SideNav-QMiST_j6.js → SideNav-5pMdKSEl.js} +1 -1
  190. package/dist/assets/{SideNav-CUpwLG1e.js → SideNav-bhdOFKbL.js} +2 -2
  191. package/dist/assets/{SideNav.stories-l5XPKDfB.js → SideNav.stories-ciX1pArE.js} +1 -1
  192. package/dist/assets/{Skeleton-DAUyPclv.js → Skeleton-BPjIT6NG.js} +5 -5
  193. package/dist/assets/{Snackbar-DWLMI8Az.js → Snackbar-BM0ZOC4Y.js} +1 -1
  194. package/dist/assets/{Stack-t9yXrJ7r.js → Stack-B7OGvu7C.js} +1 -1
  195. package/dist/assets/{Stack.stories-zmhDXY_k.js → Stack.stories-CYylNLHT.js} +1 -1
  196. package/dist/assets/{StaticTable _labs_.stories-DJCAtW2q.js → StaticTable _labs_.stories-ChL0Cwn4.js } +3 -3
  197. package/dist/assets/{Status-CdgTiE4c.js → Status-BlOUycBm.js} +1 -1
  198. package/dist/assets/{Status.stories-D5tSpO2F.js → Status.stories-Dv4b1Z5X.js} +1 -1
  199. package/dist/assets/{Surface-BCTO1YR-.js → Surface-DTngmQRF.js} +1 -1
  200. package/dist/assets/{Switch.stories-r3bYAZpt.js → Switch.stories-hjVvL7UR.js} +5 -5
  201. package/dist/assets/{SwitchBase-CWdXZnig.js → SwitchBase-CefEM0OA.js} +1 -1
  202. package/dist/assets/{Sync-CCP_JZB8.js → Sync-BbqTDeWk.js} +1 -1
  203. package/dist/assets/{Tabs-Dxt5P3aJ.js → Tabs-CQz87GHd.js} +1 -1
  204. package/dist/assets/{Tabs-DCV9oDtT.js → Tabs-gXh7YFSu.js} +2 -2
  205. package/dist/assets/{Tabs.stories-CmjPJB02.js → Tabs.stories-CRJgQA20.js} +4 -4
  206. package/dist/assets/{Tag-C_iW2sj3.js → Tag-DwH0t814.js} +1 -1
  207. package/dist/assets/{Tag.stories-uilRDgPB.js → Tag.stories-CoLnXBke.js} +1 -1
  208. package/dist/assets/{TagList-cWni94xt.js → TagList-BZGEhGXn.js} +1 -1
  209. package/dist/assets/{TextField-BIepBlYn.js → TextField-BhK0y2Zt.js} +1 -1
  210. package/dist/assets/{TextField.stories-DkCMFN0S.js → TextField.stories-DYOK0z5b.js} +2 -2
  211. package/dist/assets/Toast.stories-BipAY3GN.js +134 -0
  212. package/dist/assets/{ToastManager.stories-DToM8bFE.js → ToastManager.stories-BWZvSWGT.js} +1 -1
  213. package/dist/assets/{Tooltip-D_pBGtcj.js → Tooltip-Cq2rQGbD.js} +1 -1
  214. package/dist/assets/{Tooltip-DQDBPKMu.js → Tooltip-CsVWtVfL.js} +1 -1
  215. package/dist/assets/{Tooltip.stories-CgIybZDx.js → Tooltip.stories-B6wyATg5.js} +1 -1
  216. package/dist/assets/{TopNav-Dwo-KfAw.js → TopNav-DEIYDz6v.js} +1 -1
  217. package/dist/assets/TopNav.stories-DJNZEi08.js +13 -0
  218. package/dist/assets/{Typography-DBt3ajUl.js → Typography-CkeEfKaM.js} +1 -1
  219. package/dist/assets/{Typography-CSpPZFTF.js → Typography-ClQ35Rr-.js} +1 -1
  220. package/dist/assets/{Typography-B7ktrxCD.js → Typography-Cz6D417Y.js} +1 -1
  221. package/dist/assets/{Typography-CQfngSjD.js → Typography-r6MlG5YM.js} +1 -1
  222. package/dist/assets/{Typography.stories-CitS-iTX.js → Typography.stories-93RlEwpU.js} +1 -1
  223. package/dist/assets/{Typography.stories-dzT0O_H3.js → Typography.stories-DRUYEGzH.js} +1 -1
  224. package/dist/assets/{UiShell.stories-BV5mK0Oz.js → UiShell.stories-HV8yGvd3.js} +3 -3
  225. package/dist/assets/{UiShellProvider-Bm9plvoZ.js → UiShellProvider-BEcD16AU.js} +1 -1
  226. package/dist/assets/{Upload-DH1T10x5.js → Upload-CfzP_Muq.js} +1 -1
  227. package/dist/assets/{User-CvYTA860.js → User-CyxEAfVT.js} +1 -1
  228. package/dist/assets/{UserProfile-DrnAMPM1.js → UserProfile-B6GSEZPs.js} +1 -1
  229. package/dist/assets/UserProfile.stories-Cx9GmLsV.js +14 -0
  230. package/dist/assets/{UserProfileMenuButton.stories-Dhe9t4Oh.js → UserProfileMenuButton.stories-BjxJHNWm.js} +3 -3
  231. package/dist/assets/{Video-D8qbHdF4.js → Video-DWT3WylB.js} +1 -1
  232. package/dist/assets/{WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js → WorkflowsComponentsStorybookThemeDecorator-CxOFxh0W.js} +1 -1
  233. package/dist/assets/{colorManipulator-C6C6_xuT.js → colorManipulator-DKifQsuo.js} +1 -1
  234. package/dist/assets/createBox-Dxawkfow.js +1 -0
  235. package/dist/assets/{createStyled-B0CJenTX.js → createStyled-D6bTcpHC.js} +1 -1
  236. package/dist/assets/{createSvgIcon-Bv_3NNsK.js → createSvgIcon-ClUWwDzL.js} +1 -1
  237. package/dist/assets/{dialogActionsClasses-d6kliu8x.js → dialogActionsClasses-ZEPlxVw-.js} +1 -1
  238. package/dist/assets/emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js +1 -0
  239. package/dist/assets/{entry-preview-Bi6MTClg.js → entry-preview-BxxndF3a.js} +1 -1
  240. package/dist/assets/{getReactElementRef-Bs64nbeG.js → getReactElementRef-DsIevm5t.js} +1 -1
  241. package/dist/assets/{iconUtils-C1HBA-0w.js → iconUtils-BII10A1q.js} +1 -1
  242. package/dist/assets/{iframe-C7GWUW76.js → iframe-Cf-Lpz6Y.js} +2 -2
  243. package/dist/assets/{index-DkrUiDVY.js → index-DB8HwIVZ.js} +1 -1
  244. package/dist/assets/{index-DfE121Jj.js → index-DLgQDw3r.js} +3 -3
  245. package/dist/assets/{index-DoKqiSdS.js → index-Ml2UeFXJ.js} +1 -1
  246. package/dist/assets/index-_dyfSX8u.js +1 -0
  247. package/dist/assets/{index.esm-BliC9-aw.js → index.esm-CBOWgn41.js} +1 -1
  248. package/dist/assets/{index.esm-XFhSJO0s.js → index.esm-DTxqsiYY.js} +1 -1
  249. package/dist/assets/{inheritsLoose-DTTkq0Su.js → inheritsLoose-CJ6Ie9dp.js} +1 -1
  250. package/dist/assets/{personData-BOnk54P3.js → personData-BYPP3apv.js} +1 -1
  251. package/dist/assets/{personData-L8dJyb3X.js → personData-CRkmqebZ.js} +1 -1
  252. package/dist/assets/{pickerComponentPropsMetadata-CozVRRyR.js → pickerComponentPropsMetadata-D10GkMIO.js} +2 -2
  253. package/dist/assets/{popper-aiaZgC6t.js → popper-BVOCD5jc.js} +1 -1
  254. package/dist/assets/{preview-DXRUsonv.js → preview-D06dtFvI.js} +2 -2
  255. package/dist/assets/{preview-NdtsJkHc.js → preview-Dk8DzNBz.js} +1 -1
  256. package/dist/assets/{renderUiShell.stories-Pp6_Iqzc.js → renderUiShell.stories-CAw-IOS4.js} +4 -4
  257. package/dist/assets/{resolveComponentProps-TTQVZ4OZ.js → resolveComponentProps-DXQ8X87i.js} +1 -1
  258. package/dist/assets/{tableSortLabelClasses-C7INAE6Y.js → tableSortLabelClasses-CkKrbp1R.js} +1 -1
  259. package/dist/assets/{useAutocomplete-CD_GwhMI.js → useAutocomplete-BRetTkpF.js} +1 -1
  260. package/dist/assets/{useMobilePicker-CRiGjvfW.js → useMobilePicker-DZhX9dEQ.js} +1 -1
  261. package/dist/assets/{useOdysseyDateFields-D1TYF4ew.js → useOdysseyDateFields-DPSkeXJj.js} +1 -1
  262. package/dist/assets/{useScrollIndication-Dq_i6CX-.js → useScrollIndication-mYI-g6xa.js} +3 -3
  263. package/dist/assets/{useSlot-VN2O4BOA.js → useSlot-CvpE2t6D.js} +1 -1
  264. package/dist/assets/useThemeProps-BPvYx-mf.js +1 -0
  265. package/dist/assets/useThemeProps-DwvbKxez.js +1 -0
  266. package/dist/assets/utils-kUZVaD1e.js +1 -0
  267. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  268. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  269. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  270. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  271. package/dist/iframe.html +1 -1
  272. package/dist/index.json +1 -1
  273. package/dist/project.json +1 -1
  274. package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
  275. package/dist/tsconfig.production.tsbuildinfo +1 -1
  276. package/dist/tsconfig.tsbuildinfo +1 -1
  277. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  278. package/package.json +8 -8
  279. package/CHANGELOG.md +0 -25
  280. package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +0 -136
  281. package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +0 -1
  282. package/dist/assets/BaseMenuButton-DCwowxQ6.js +0 -1
  283. package/dist/assets/Box-B6KmU4_J.js +0 -1
  284. package/dist/assets/Box-B92Cdrku.js +0 -11
  285. package/dist/assets/Breadcrumbs-BGJJeoxM.js +0 -6
  286. package/dist/assets/Callout.stories-DVWATUoj.js +0 -105
  287. package/dist/assets/Card-DqLPNu4w.js +0 -8
  288. package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +0 -92
  289. package/dist/assets/Custom Theming.stories-Kx3noLIn.js +0 -95
  290. package/dist/assets/DataTable _labs_-D_W9CY5T.js +0 -41
  291. package/dist/assets/DatePicker.stories-DldeVOlB.js +0 -133
  292. package/dist/assets/Design Tokens-BnlBB5OL.js +0 -4
  293. package/dist/assets/Dialog-BkOLgyLu.js +0 -1
  294. package/dist/assets/Drawer.stories-DpNTQVxG.js +0 -95
  295. package/dist/assets/EmptyState.stories-CkUF2dIR.js +0 -11
  296. package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +0 -15
  297. package/dist/assets/Form.stories-Bc84FwlQ.js +0 -69
  298. package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +0 -33
  299. package/dist/assets/Icon _icons_.stories-S2muaIBP.js +0 -16
  300. package/dist/assets/Link-C5sM1_ZF.js +0 -11
  301. package/dist/assets/MenuButton-CGRa_Y2p.js +0 -9
  302. package/dist/assets/NativeSelect.stories-CYtg4GGs.js +0 -173
  303. package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +0 -8
  304. package/dist/assets/Pagination.stories-rN3x32X9.js +0 -17
  305. package/dist/assets/PasswordField.stories-BdnDY-tl.js +0 -129
  306. package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +0 -18
  307. package/dist/assets/Popper-CSwIGEpk.js +0 -1
  308. package/dist/assets/RadioGroup-C_zn6OtS.js +0 -1
  309. package/dist/assets/RadioGroup-yPcOJn0w.js +0 -10
  310. package/dist/assets/ScreenReaderText.stories-CuVJmeWD.js +0 -8
  311. package/dist/assets/SearchField.stories-B_myC5_S.js +0 -37
  312. package/dist/assets/Toast.stories-BgAm1BNQ.js +0 -134
  313. package/dist/assets/TopNav.stories-z9mNMFB3.js +0 -13
  314. package/dist/assets/UserProfile.stories-C4EJFTV8.js +0 -14
  315. package/dist/assets/emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js +0 -1
  316. package/dist/assets/index-6QUE-j0v.js +0 -1
  317. package/dist/assets/useThemeProps-BgDANuN6.js +0 -1
  318. package/dist/assets/useThemeProps-DJ3F4KkW.js +0 -1
  319. package/dist/assets/utils-BdcLUgCD.js +0 -1
  320. package/dist/index.cjs +0 -231
  321. package/dist/index.es.js +0 -3173
  322. package/dist/index.es.js.map +0 -1
  323. package/dist/index.iife.js +0 -9
  324. package/dist/index.iife.js.map +0 -1
  325. package/dist/index.mjs +0 -229
  326. package/dist/index.scss +0 -549
  327. package/dist/index.umd.cjs +0 -9
  328. package/dist/index.umd.cjs.map +0 -1
  329. package/dist/types/getTranslationServices.browser.test.d.ts +0 -1
  330. package/dist/types/getTranslationServices.browser.test.js +0 -88
  331. package/dist/types/getTranslationServices.browser.test.js.map +0 -1
  332. package/dist/types/getTranslationServices.d.ts +0 -91
  333. package/dist/types/getTranslationServices.js +0 -77
  334. package/dist/types/getTranslationServices.js.map +0 -1
  335. package/dist/types/getTypedObjectEntries.d.ts +0 -1
  336. package/dist/types/getTypedObjectEntries.js +0 -2
  337. package/dist/types/getTypedObjectEntries.js.map +0 -1
  338. package/dist/types/index.js +0 -3
  339. package/dist/types/index.js.map +0 -1
  340. package/dist/types/translationServices.types.d.ts +0 -2
  341. package/dist/types/translationServices.types.js +0 -34
  342. package/dist/types/translationServices.types.js.map +0 -1
  343. package/dist/types/tsconfig.tsbuildinfo +0 -1
  344. package/ok.yaml +0 -1
  345. package/src/getTranslationServices.browser.test.tsx +0 -173
  346. package/src/getTranslationServices.tsx +0 -286
  347. package/src/getTypedObjectEntries.ts +0 -3
  348. package/src/index.ts +0 -2
  349. package/src/translationServices.types.ts +0 -36
  350. package/src/tsconfig.json +0 -7
  351. package/tsconfig.json +0 -41
  352. package/vite.config.project.ts +0 -61
  353. package/vite.config.ts +0 -21
  354. package/vite.config.ts.bak +0 -33
  355. package/vitest-browser-setup.ts +0 -14
  356. package/vitest-jsdom-setup.ts +0 -13
  357. package/vitest-node-setup.ts +0 -13
  358. package/vitest.config.project.ts +0 -16
  359. package/vitest.config.ts +0 -27
  360. package/vitest.config.ts.bak +0 -27
@@ -1,11 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as e,T as n,S as s,D as a,P as l,a as c,b as x}from"./index-DfE121Jj.js";import{L as i}from"./Link.stories-DiVQZsn1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./iconUtils-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
2
- `,o.jsx(n,{of:i}),`
3
- `,o.jsx(s,{of:i}),`
4
- `,o.jsx(a,{of:i}),`
5
- `,o.jsx(l,{of:i}),`
6
- `,o.jsx(c,{}),`
7
- `,o.jsx(x,{}),`
8
- `,o.jsx(t.h2,{id:"references",children:"References"}),`
9
- `,o.jsxs(t.ul,{children:[`
10
- `,o.jsxs(t.li,{children:[o.jsx(t.a,{href:"https://developers.google.com/web/tools/lighthouse/audits/noopener",rel:"nofollow",children:"Google's Developer Documentation"})," provides backgrounds on security and performance considerations when using external links"]}),`
11
- `]})]})}function uo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{uo as default};
@@ -1,9 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import"./index-DoKqiSdS.js";import{M as n,T as e,S as s,D as c,P as a,a as d,b as x}from"./index-DfE121Jj.js";import{M as i}from"./MenuButton.stories-rLpv4nq1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./iconUtils-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./MenuButton-DvVmjwMC.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./ListSubheader-DO359rMr.js";import"./Divider-CAwVs6Y1.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
2
- `,o.jsx(e,{of:i}),`
3
- `,o.jsxs(t.p,{children:["Children of ",o.jsx(t.code,{children:"MenuButton"})," should be one or more ",o.jsx(t.code,{children:"MenuItem"})," components."]}),`
4
- `,o.jsx(t.p,{children:o.jsxs(t.a,{href:"/docs/mui-components-menuitem--docs",children:["see ",o.jsx(t.code,{children:"MenuItem"})," docs"]})}),`
5
- `,o.jsx(s,{of:i}),`
6
- `,o.jsx(c,{of:i}),`
7
- `,o.jsx(a,{of:i}),`
8
- `,o.jsx(d,{}),`
9
- `,o.jsx(x,{})]})}function pt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{pt as default};
@@ -1,173 +0,0 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Oe}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as De}from"./Field-BxkyNVQW.js";import{g as Fe,u as He}from"./inputUtils-Dbi8XkA6.js";import{S as Ne}from"./Select-VvpDulqk.js";import{M as Ae}from"./Link-BQo2zH0c.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./useControlled-NQulfz4l.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./InputBase-6reb9B7r.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";const Ge=n.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:r,errorMessage:l,errorMessageList:s,hasMultipleChoices:a,hint:h,HintLinkComponent:t,id:m,inputRef:Se,isDisabled:Me=!1,isFullWidth:Le=!1,isMultiSelect:w,isOptional:Ee=!1,label:Te,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Ve=n.useRef(Fe({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=He({defaultValue:r,value:H,controlState:Ve.current}),R=n.useCallback((d,V)=>{v==null||v(d,V)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:V,labelElementId:ke})=>e.jsx(Ne,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":V,"aria-labelledby":ke,"data-se":D},inputRef:G,multiple:W,name:m,native:!0,onBlur:k,onChange:R,onFocus:O,ref:A,translate:F}),[o,N,m,P,W,k,R,O,A,D,F]);return e.jsx(De,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Te,renderFieldComponent:we})}),p=n.memo(Ge);p.displayName="NativeSelect";const zo={component:p,decorators:[Oe],tags:["autodocs"],argTypes:{children:{description:"The options or optgroup elements within the native select component",table:{type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{type:{summary:"string | string[] | undefined"}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hint:i.hint,HintLinkComponent:i.HintLinkComponent,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:i.isOptional,label:{control:"text",description:"The label text for the native select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the native select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the native select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the native select component gains focus",table:{type:{summary:"func"}}},value:{control:"text",description:"The value or values selected in the native select component",table:{type:{summary:"string | string[]"}}}},args:{isDisabled:!1,hint:"Select your destination in the Sol system.",isOptional:!1,label:"Destination",id:"SolarDestination",defaultValue:""}},u={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),defaultValue:o.defaultValue,errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,id:o.id,isDisabled:o.isDisabled,isMultiSelect:o.isMultiSelect,isOptional:o.isOptional,label:o.label})}},Pe={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},g={...u},b={...u,args:{isDisabled:!0}},f={...u,args:{errorMessage:"Select your destination."}},x={...u,args:{errorMessage:"Select your destination.",errorMessageList:["Select 1 planet","Select 1 moon"]}},y={...Pe},j={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ae,{href:"/learn-more",children:"Learn more"})}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState(""),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},render:function(o){const[r,l]=n.useState([""]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},E={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState("Laconia"),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},T={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`.\n\nPreselected values are referenced by the value of the `value` attritube on `option` elements."}}},render:function(o){const[r,l]=n.useState(["laconia","new-terra"]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}};var q,z,I;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
2
- ...Template
3
- }`,...(I=(z=g.parameters)==null?void 0:z.docs)==null?void 0:I.source}}};var B,_,J;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
4
- ...Template,
5
- args: {
6
- isDisabled: true
7
- }
8
- }`,...(J=(_=b.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,Q,U;f.parameters={...f.parameters,docs:{...(K=f.parameters)==null?void 0:K.docs,source:{originalSource:`{
9
- ...Template,
10
- args: {
11
- errorMessage: "Select your destination."
12
- }
13
- }`,...(U=(Q=f.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;x.parameters={...x.parameters,docs:{...(X=x.parameters)==null?void 0:X.docs,source:{originalSource:`{
14
- ...Template,
15
- args: {
16
- errorMessage: "Select your destination.",
17
- errorMessageList: ["Select 1 planet", "Select 1 moon"]
18
- }
19
- }`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,oe;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
20
- ...GroupTemplate
21
- }`,...(oe=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;j.parameters={...j.parameters,docs:{...(ne=j.parameters)==null?void 0:ne.docs,source:{originalSource:`{
22
- ...Template,
23
- args: {
24
- hasMultipleChoices: true,
25
- defaultValue: []
26
- }
27
- }`,...(ae=(te=j.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var re,le,se;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
28
- ...Template,
29
- args: {
30
- isOptional: true
31
- }
32
- }`,...(se=(le=C.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};var ie,pe,ce;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
33
- ...Template,
34
- args: {
35
- HintLinkComponent: <Link href="/learn-more">Learn more</Link>
36
- }
37
- }`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,de,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`{
38
- parameters: {
39
- docs: {
40
- description: {
41
- story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
42
- }
43
- }
44
- },
45
- args: {},
46
- render: function C(args) {
47
- const [localValue, setLocalValue] = useState("");
48
- const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
49
- return <NativeSelect {...args} children={<>
50
- <optgroup label="Sol System">
51
- <option value="earth">Earth</option>
52
- <option value="mars">Mars</option>
53
- <option value="ceres">Ceres</option>
54
- <option value="eros">Eros</option>
55
- <option value="tycho-station">Tycho Station</option>
56
- <option value="phoebe">Phoebe</option>
57
- <option value="ganymede">Ganymede</option>
58
- </optgroup>
59
- <optgroup label="Extrasolar">
60
- <option value="auberon">Auberon</option>
61
- <option value="al-halub">Al-Halub</option>
62
- <option value="freehold">Freehold</option>
63
- <option value="laconia">Laconia</option>
64
- <option value="new-terra">New Terra</option>
65
- </optgroup>
66
- </>} onChange={onChange} value={localValue} />;
67
- }
68
- }`,...(he=(de=M.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var me,ve,ge;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
69
- parameters: {
70
- docs: {
71
- description: {
72
- story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
73
- }
74
- }
75
- },
76
- render: function C(args) {
77
- const [localValue, setLocalValue] = useState([""]);
78
- const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
79
- const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
80
- setLocalValue(selectedOptions);
81
- }, []);
82
- return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices={true}
83
- // @ts-expect-error This is going to break because generics aren't passed through.
84
- onChange={onChange} value={localValue}>
85
- <>
86
- <optgroup label="Sol System">
87
- <option value="earth">Earth</option>
88
- <option value="mars">Mars</option>
89
- <option value="ceres">Ceres</option>
90
- <option value="eros">Eros</option>
91
- <option value="tycho-station">Tycho Station</option>
92
- <option value="phoebe">Phoebe</option>
93
- <option value="ganymede">Ganymede</option>
94
- </optgroup>
95
- <optgroup label="Extrasolar">
96
- <option value="auberon">Auberon</option>
97
- <option value="al-halub">Al-Halub</option>
98
- <option value="freehold">Freehold</option>
99
- <option value="laconia">Laconia</option>
100
- <option value="new-terra">New Terra</option>
101
- </optgroup>
102
- </>
103
- </NativeSelect>;
104
- }
105
- }`,...(ge=(ve=L.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var be,fe,xe;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
106
- parameters: {
107
- docs: {
108
- description: {
109
- story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
110
- }
111
- }
112
- },
113
- args: {},
114
- render: function C(args) {
115
- const [localValue, setLocalValue] = useState("Laconia");
116
- const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
117
- return <NativeSelect {...args} children={<>
118
- <optgroup label="Sol System">
119
- <option value="earth">Earth</option>
120
- <option value="mars">Mars</option>
121
- <option value="ceres">Ceres</option>
122
- <option value="eros">Eros</option>
123
- <option value="tycho-station">Tycho Station</option>
124
- <option value="phoebe">Phoebe</option>
125
- <option value="ganymede">Ganymede</option>
126
- </optgroup>
127
- <optgroup label="Extrasolar">
128
- <option value="auberon">Auberon</option>
129
- <option value="al-halub">Al-Halub</option>
130
- <option value="freehold">Freehold</option>
131
- <option value="laconia">Laconia</option>
132
- <option value="new-terra">New Terra</option>
133
- </optgroup>
134
- </>} onChange={onChange} value={localValue} />;
135
- }
136
- }`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var ye,je,Ce;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`{
137
- parameters: {
138
- docs: {
139
- description: {
140
- story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`.\\n\\nPreselected values are referenced by the value of the \`value\` attritube on \`option\` elements."
141
- }
142
- }
143
- },
144
- render: function C(args) {
145
- const [localValue, setLocalValue] = useState(["laconia", "new-terra"]);
146
- const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
147
- const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
148
- setLocalValue(selectedOptions);
149
- }, []);
150
- return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices
151
- // @ts-expect-error This is going to break because generics aren't passed through.
152
- onChange={onChange} value={localValue}>
153
- <>
154
- <optgroup label="Sol System">
155
- <option value="earth">Earth</option>
156
- <option value="mars">Mars</option>
157
- <option value="ceres">Ceres</option>
158
- <option value="eros">Eros</option>
159
- <option value="tycho-station">Tycho Station</option>
160
- <option value="phoebe">Phoebe</option>
161
- <option value="ganymede">Ganymede</option>
162
- </optgroup>
163
- <optgroup label="Extrasolar">
164
- <option value="auberon">Auberon</option>
165
- <option value="al-halub">Al-Halub</option>
166
- <option value="freehold">Freehold</option>
167
- <option value="laconia">Laconia</option>
168
- <option value="new-terra">New Terra</option>
169
- </optgroup>
170
- </>
171
- </NativeSelect>;
172
- }
173
- }`,...(Ce=(je=T.parameters)==null?void 0:je.docs)==null?void 0:Ce.source}}};const Io=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,T as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,y as DefaultGrouped,x as ErrorsList,S as HintLink,j as Multi,C as Optional,Io as __namedExportsOrder,zo as default};
@@ -1,8 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as e,T as n,S as s,D as a,a as c}from"./index-DfE121Jj.js";import{P as i}from"./PageTemplate _labs_.stories-DdUcW43S.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./personData-L8dJyb3X.js";import"./Status-CdgTiE4c.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./PageTemplate-mjLVQesI.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./Link-DcsndbPK.js";import"./Documentation-CBbHUjXC.js";import"./Dialog-BkOLgyLu.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./FullScreenOverlay-Bujsxbxh.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./DialogContent-B-pM1DP1.js";import"./Paper-DwBg74qy.js";import"./Fade-CHnXmzFb.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerWindow-HkKU3E4x.js";import"./createChainedFunction-BO_9K8Jh.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./Surface-BCTO1YR-.js";import"./DataTable-BJQ8WkUd.js";import"./index.esm-XFhSJO0s.js";import"./debounce-Be36O1Ab.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./List-_p0jkXPM.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Box-B6KmU4_J.js";import"./CircularProgress-AX8KCiV6.js";import"./Menu-CU_mHT7L.js";import"./MenuList-0OHGr5AC.js";import"./colorManipulator-C6C6_xuT.js";import"./IconButton-Wwvz84xG.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./Checkbox-OauVZWc5.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./InputBase-6reb9B7r.js";import"./FormHelperText-Ca69g4Je.js";import"./useThemeProps-DJ3F4KkW.js";import"./InputAdornment-Dj-8HF_1.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-oi_JaUho.js";import"./Collapse-DtQCvyEw.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./Skeleton-DAUyPclv.js";import"./Divider-CAwVs6Y1.js";import"./Autocomplete-CknstIK_.js";import"./ListSubheader-DO359rMr.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./FormControlLabel-CoGABX1G.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./Box-B-R2QRDU.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./ExternalLink-lox07hAR.js";import"./EmptyState-FpIKkMpd.js";import"./DataFilters-KxLw7hL5.js";import"./Autocomplete-Bh3XRXMy.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./Field-BxkyNVQW.js";import"./ScreenReaderText-DbrZU7M5.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./ChevronRight-BLkvXBUf.js";import"./Pagination-BTycGMV-.js";import"./ArrowRight-BquvVn3D.js";import"./MenuItem-DoUaLmgU.js";import"./List-CNCQEpRl.js";import"./Show-DXIrBgNq.js";import"./useScrollIndication-Dq_i6CX-.js";import"./Drawer-C9M8pytV.js";import"./Form-CJrxMkwr.js";import"./Layout-BndkhA1_.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
2
- `,o.jsx(n,{of:i}),`
3
- `,o.jsx(s,{of:i}),`
4
- `,o.jsx(a,{of:i}),`
5
- `,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"PageTemplate"}),` is a multi-purpose container that enforces Odyssey layout conventions, ensuring that
6
- your screens look consistent without you doing extra work.`]}),`
7
- `,o.jsxs(t.p,{children:["If you're an Okta employee, you can see the ",o.jsx(t.a,{href:"https://www.figma.com/design/jMsVlc6QrA5dQXqPEEVT7S/%F0%9F%93%A6-Odyssey-Templates?node-id=1862-40643",rel:"nofollow",children:"Figma here"}),"."]}),`
8
- `,o.jsx(c,{})]})}function Wt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Wt as default};
@@ -1,17 +0,0 @@
1
- import{j as g}from"./jsx-runtime-CnH95YSl.js";import{O as h}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{p as o}from"./constants-CyailK6t.js";import{M as c}from"./Pagination-BTycGMV-.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";const ne={component:c,decorators:[h],tags:["autodocs"],argTypes:{pageIndex:{control:{type:"number",min:1},description:"The current page index",type:{required:!0,name:"number"}},pageSize:{control:{type:"number",min:1},description:"The current page size",type:{required:!0,name:"number"}},onPaginationChange:{description:"Page index and page size setter",type:{required:!0,name:"function"}},lastRow:{control:{type:"number",min:1},description:"The current page last row index",type:{required:!0,name:"number"}},totalRows:{control:{type:"number",min:1},description:"Total rows count",type:{name:"number"}},hasPageInput:{control:"boolean",description:"If true, the page input will be visible and the user can directly manipulate which page is visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountInput:{control:"boolean",description:"If true, the row count input will be visible and the user can directly manipulate how many rows are visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountLabel:{control:"boolean",description:"If true, the pagination controls will be disabled.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},isDisabled:{control:"boolean",description:"If true, the pagination controls will be disabled",type:{required:!0,name:"boolean"}},isMoreDisabled:{control:"boolean",description:"If true, the pagination next/show more button will be disabled",type:{required:!0,name:"boolean"}},variant:{control:{type:"radio"},options:o,description:'The type of pagination controls shown, defaults to next/prev buttons, but can set to a simple Load more button by setting to "loadMore".',type:{name:"other",value:"radio"},table:{defaultValue:{summary:o[0]}}},rowsPerPageLabel:{control:"text",description:"The label that shows how many results are rendered per page",type:{required:!0,name:"string"}},currentPageLabel:{control:"text",description:"The labeled rendered for the current page index",type:{required:!0,name:"string"}},previousLabel:{control:"text",description:"The label for the previous control",type:{required:!0,name:"string"}},nextLabel:{control:"text",description:"The label for the next control",type:{required:!0,name:"string"}},loadMoreLabel:{control:"text",description:'If the pagination is of "loadMore" variant, then this is the the load more label',type:{required:!0,name:"string"}},maxPageIndex:{control:"number",description:"The highest page number allowed to be manually input in pagination.",table:{type:{summary:"number"}}},maxPageSize:{control:"number",description:"The largest number of rows allowed to be shown per page. This only affects the row input in pagination.",table:{type:{summary:"number"}}},currentRowsCount:{control:"number",description:"The number of items currently visible on the page",table:{type:{summary:"number"}}}},args:{pageIndex:1,pageSize:20,lastRow:20,currentRowsCount:20,hasPageInput:!0,hasRowCountInput:!0,hasRowCountLabel:!0,isDisabled:!1,variant:"paged",rowsPerPageLabel:"Rows per page",currentPageLabel:"Page",previousLabel:"Previous page",nextLabel:"Next page",loadMoreLabel:"Show more",totalRows:100}},e={render:b=>g.jsx(c,{...b})},t={...e,args:{variant:"loadMore"}},r={...e,args:{hasPageInput:!1,hasRowCountInput:!1,hasRowCountLabel:!1}};var a,n,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
2
- render: props => {
3
- return <Pagination {...props} />;
4
- }
5
- }`,...(i=(n=e.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,p,u;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
6
- ...Default,
7
- args: {
8
- variant: "loadMore"
9
- }
10
- }`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var l,m,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
11
- ...Default,
12
- args: {
13
- hasPageInput: false,
14
- hasRowCountInput: false,
15
- hasRowCountLabel: false
16
- }
17
- }`,...(d=(m=r.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};const ie=["Default","LoadMore","JustButtons"];export{e as Default,r as JustButtons,t as LoadMore,ie as __namedExportsOrder,ne as default};
@@ -1,129 +0,0 @@
1
- import{j as u}from"./jsx-runtime-CnH95YSl.js";import{f as M,w as ve,e as n,u as m,a as Ae}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{a as Fe}from"./axeRun-B-LchFqf.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Ie}from"./Field-BxkyNVQW.js";import{J as De,a2 as C}from"./OdysseyThemeProvider-BykOaJq8.js";import{g as He,u as Oe}from"./inputUtils-Dbi8XkA6.js";import{I as je}from"./InputBase-6reb9B7r.js";import{I as qe}from"./InputAdornment-Dj-8HF_1.js";import{I as Ue}from"./IconButton-Wwvz84xG.js";import{M as ze}from"./Hide-Bvhl5PVN.js";import{M as Ne}from"./Show-DXIrBgNq.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";const We=t.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:a,errorMessage:s,errorMessageList:e,hasInitialFocus:r,hint:xe,id:Ve,inputRef:Ee,isDisabled:Ce=!1,isFullWidth:Pe=!1,isOptional:T=!1,hasShowPassword:B=!0,isReadOnly:L,label:Te,name:R,onChange:p,onFocus:A,onBlur:F,placeholder:k,testId:I,translate:D,value:H},O)=>{const{t:j}=De(),[d,Se]=t.useState("password"),q=t.useCallback(()=>{Se(l=>l==="password"?"text":"password")},[]),Me=t.useRef(He({controlledValue:H,uncontrolledValue:a})),U=Oe({defaultValue:a,value:H,controlState:Me.current}),z=t.useRef(null);t.useImperativeHandle(Ee,()=>({focus:()=>{var l;(l=z.current)==null||l.focus()}}),[]);const N=t.useCallback(l=>{p==null||p(l)},[p]),Be=t.useCallback(({ariaDescribedBy:l,errorMessageElementId:Le,id:S,labelElementId:Re})=>u.jsx(je,{...U,"aria-describedby":l,autoComplete:d==="password"?o:"off",autoFocus:r,endAdornment:B&&u.jsx(qe,{position:"end",children:u.jsx(Ue,{"aria-controls":S,"aria-label":j("passwordfield.icon.label.show"),"aria-pressed":d==="text",onClick:q,children:d==="password"?u.jsx(Ne,{}):u.jsx(ze,{})})}),id:S,inputProps:{"aria-errormessage":Le,"aria-labelledby":Re,"data-se":I,role:"textbox"},inputRef:z,name:R??S,onBlur:F,onChange:N,onFocus:A,placeholder:k,readOnly:L,ref:O,required:!T,translate:D,type:d}),[o,r,U,j,q,d,R,N,A,F,k,T,L,B,O,I,D]);return u.jsx(Ie,{ariaDescribedBy:c,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:xe,id:Ve,isDisabled:Ce,isFullWidth:Pe,isOptional:T,label:Te,renderFieldComponent:Be})}),P=t.memo(We);P.displayName="PasswordField";const Ft={component:P,decorators:[ke],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},hasShowPassword:{control:"boolean",description:"If `true`, the show/hide eye icon is not shown to the user",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hint:i.hint,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,isOptional:i.isOptional,isReadOnly:i.isReadOnly,label:{control:"text",description:"The label text for the password field input",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the autocomplete component loses focus.",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the password value is changed.",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the autocomplete component gains focus.",table:{type:{summary:"func"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when component is controlled",table:{type:{summary:"string"}}}},args:{autoCompleteType:"current-password",hasShowPassword:!0,id:"password-input",isOptional:!1,label:"Password",onBlur:M(),onChange:M(),onFocus:M()}},f={play:async({canvasElement:c,step:o})=>{await o("toggle password",async()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.getByRole("button",{name:C("passwordfield.icon.label.show")});e&&(await m.type(s,"qwerty"),await m.click(e),await m.tab(),n(s).toHaveAttribute("type","text"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("true"),await m.click(e),n(s).toHaveAttribute("type","password"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("false")),await Ae(()=>{Fe("Password Field Default")})})}},b={parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,defaultValue:"PasswordValue"}},w={args:{errorMessage:"This password is incorrect",defaultValue:""}},y={args:{errorMessage:"Password requires: ",errorMessageList:["At least 8 chars","An uppercase letter","A number","A symbol"]}},h={args:{hint:"Your first pet's name",defaultValue:""}},g={args:{hasShowPassword:!1,defaultValue:""},play:async({canvasElement:c,step:o})=>{await o("toggle password",()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.queryByRole("button",{name:C("passwordfield.icon.label.show")});n(e).toBe(null)})}},v={args:{isOptional:!0,defaultValue:""}},x={parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,defaultValue:"PasswordValue"}},V={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:""},render:function(o){const[a,s]=t.useState(""),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}},E={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:"PasswordValue"},render:function(o){const[a,s]=t.useState("PasswordValue"),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}};var W,Y,_;f.parameters={...f.parameters,docs:{...(W=f.parameters)==null?void 0:W.docs,source:{originalSource:`{
2
- play: async ({
3
- canvasElement,
4
- step
5
- }) => {
6
- await step("toggle password", async () => {
7
- const canvas = within(canvasElement);
8
- const fieldElement = canvas.getByRole("textbox", {
9
- name: "Password"
10
- });
11
- expect(fieldElement).toHaveAttribute("type", "password");
12
- const buttonElement = canvas.getByRole("button", {
13
- name: odysseyTranslate("passwordfield.icon.label.show")
14
- });
15
- if (buttonElement) {
16
- await userEvent.type(fieldElement, "qwerty");
17
- await userEvent.click(buttonElement);
18
- await userEvent.tab();
19
- expect(fieldElement).toHaveAttribute("type", "text");
20
- expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
21
- expect(buttonElement.ariaPressed).toBe("true");
22
- await userEvent.click(buttonElement);
23
- expect(fieldElement).toHaveAttribute("type", "password");
24
- expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
25
- expect(buttonElement.ariaPressed).toBe("false");
26
- }
27
- await waitFor(() => {
28
- axeRun("Password Field Default");
29
- });
30
- });
31
- }
32
- }`,...(_=(Y=f.parameters)==null?void 0:Y.docs)==null?void 0:_.source}}};var J,G,K;b.parameters={...b.parameters,docs:{...(J=b.parameters)==null?void 0:J.docs,source:{originalSource:`{
33
- parameters: {
34
- docs: {
35
- description: {
36
- story: "The values of disabled inputs will not be submitted."
37
- }
38
- }
39
- },
40
- args: {
41
- isDisabled: true,
42
- defaultValue: "PasswordValue"
43
- }
44
- }`,...(K=(G=b.parameters)==null?void 0:G.docs)==null?void 0:K.source}}};var Q,X,Z;w.parameters={...w.parameters,docs:{...(Q=w.parameters)==null?void 0:Q.docs,source:{originalSource:`{
45
- args: {
46
- errorMessage: "This password is incorrect",
47
- defaultValue: ""
48
- }
49
- }`,...(Z=(X=w.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
50
- args: {
51
- errorMessage: "Password requires: ",
52
- errorMessageList: ["At least 8 chars", "An uppercase letter", "A number", "A symbol"]
53
- }
54
- }`,...(te=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,se,oe;h.parameters={...h.parameters,docs:{...(ae=h.parameters)==null?void 0:ae.docs,source:{originalSource:`{
55
- args: {
56
- hint: "Your first pet's name",
57
- defaultValue: ""
58
- }
59
- }`,...(oe=(se=h.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var re,ne,le;g.parameters={...g.parameters,docs:{...(re=g.parameters)==null?void 0:re.docs,source:{originalSource:`{
60
- args: {
61
- hasShowPassword: false,
62
- defaultValue: ""
63
- },
64
- play: async ({
65
- canvasElement,
66
- step
67
- }) => {
68
- await step("toggle password", () => {
69
- const canvas = within(canvasElement);
70
- const fieldElement = canvas.getByRole("textbox", {
71
- name: "Password"
72
- });
73
- expect(fieldElement).toHaveAttribute("type", "password");
74
- const buttonElement = canvas.queryByRole("button", {
75
- name: odysseyTranslate("passwordfield.icon.label.show")
76
- });
77
- expect(buttonElement).toBe(null);
78
- });
79
- }
80
- }`,...(le=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var ie,ue,ce;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
81
- args: {
82
- isOptional: true,
83
- defaultValue: ""
84
- }
85
- }`,...(ce=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,pe,me;x.parameters={...x.parameters,docs:{...(de=x.parameters)==null?void 0:de.docs,source:{originalSource:`{
86
- parameters: {
87
- docs: {
88
- description: {
89
- story: "The values of readonly inputs will be submitted."
90
- }
91
- }
92
- },
93
- args: {
94
- isReadOnly: true,
95
- defaultValue: "PasswordValue"
96
- }
97
- }`,...(me=(pe=x.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var fe,be,we;V.parameters={...V.parameters,docs:{...(fe=V.parameters)==null?void 0:fe.docs,source:{originalSource:`{
98
- parameters: {
99
- docs: {
100
- description: {
101
- story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
102
- }
103
- }
104
- },
105
- args: {
106
- value: ""
107
- },
108
- render: function C(props) {
109
- const [localValue, setLocalValue] = useState("");
110
- const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
111
- return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
112
- }
113
- }`,...(we=(be=V.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var ye,he,ge;E.parameters={...E.parameters,docs:{...(ye=E.parameters)==null?void 0:ye.docs,source:{originalSource:`{
114
- parameters: {
115
- docs: {
116
- description: {
117
- story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
118
- }
119
- }
120
- },
121
- args: {
122
- value: "PasswordValue"
123
- },
124
- render: function C(props) {
125
- const [localValue, setLocalValue] = useState("PasswordValue");
126
- const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
127
- return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
128
- }
129
- }`,...(ge=(he=E.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};const kt=["Default","Disabled","Error","ErrorsList","Hint","NoShowPassword","Optional","ReadOnly","Controlled","ControlledDefaultInput"];export{V as Controlled,E as ControlledDefaultInput,f as Default,b as Disabled,w as Error,y as ErrorsList,h as Hint,g as NoShowPassword,v as Optional,x as ReadOnly,kt as __namedExportsOrder,Ft as default};
@@ -1,18 +0,0 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-CozVRRyR.js";import{M as C}from"./Video-D8qbHdF4.js";import{M as F}from"./Folder-8esChg_E.js";import{M as O}from"./Globe-BHk1B5d7.js";import{M as p}from"./Settings-SRsJGOHl.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./Paper-DwBg74qy.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Portal-CsPQSHsR.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./useControlled-NQulfz4l.js";import"./Chip-B9WkuA4b.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";const j=[{value:"en",label:"English",description:"",icon:e.jsx(C,{})},{value:"fr",label:"French"},{value:"jp",label:"Japanese"},{value:"es",label:"Spanish"}],T=[{value:"en",label:"English",description:"A description of the English language"},{value:"fr",label:"French",description:"Français"},{value:"jp",label:"Japanese",description:"日本語"},{value:"es",label:"Spanish",description:"Español"}],z=[{value:"en",label:"English",description:"A description of the English language",metaData:[{icon:e.jsx(F,{}),detailText:"1"}]},{value:"fr",label:"French",description:"Français",metaData:[{icon:e.jsx(p,{}),detailText:"100"}]},{value:"jp",label:"Japanese",description:"日本語",metaData:[{icon:e.jsx(O,{}),detailText:"1000"}]},{value:"es",label:"Spanish",description:"Español",metaData:[{icon:e.jsx(p,{}),detailText:"37"}]}],We={component:y,decorators:[k],tags:["autodocs"],argTypes:{...E,hint:s.hint,HintLinkComponent:s.HintLinkComponent},args:{label:"Picker label",hint:"Optional hint text for picker",options:j}},o={},r={args:{options:T}},t={args:{options:z}},a={args:{hasMultipleChoices:!0}},i={args:{isDisabled:!0,value:j[0]}};var n,m,l;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var c,d,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
2
- args: {
3
- options: languagesNoMetadata
4
- }
5
- }`,...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,h,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
6
- args: {
7
- options: languagesKitchenSink
8
- }
9
- }`,...(b=(h=t.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var M,f,v;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
10
- args: {
11
- hasMultipleChoices: true
12
- }
13
- }`,...(v=(f=a.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var x,D,S;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
14
- args: {
15
- isDisabled: true,
16
- value: languagesNoDescription[0]
17
- }
18
- }`,...(S=(D=i.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};const Je=["LabelOnly","WithDescription","WithMetadata","MultipleSelect","Disabled"];export{i as Disabled,o as LabelOnly,a as MultipleSelect,r as WithDescription,t as WithMetadata,Je as __namedExportsOrder,We as default};
@@ -1 +0,0 @@
1
- import{U as N,V,_ as A,b as x,a as D,f as q,c as z,s as G}from"./OdysseyThemeProvider-BykOaJq8.js";import{c as J,u as K}from"./popper-aiaZgC6t.js";import{r as t}from"./index-NdkWRN8K.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{o as F}from"./ownerDocument-DW-IO8s5.js";import{P as Q}from"./Portal-CsPQSHsR.js";import{u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{u as X}from"./getReactElementRef-Bs64nbeG.js";function Y(o){return N("MuiPopper",o)}V("MuiPopper",["root"]);const Z=["anchorEl","children","direction","disablePortal","modifiers","open","placement","popperOptions","popperRef","slotProps","slots","TransitionProps","ownerState"],oo=["anchorEl","children","container","direction","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","style","transition","slotProps","slots"];function eo(o,e){if(e==="ltr")return o;switch(o){case"bottom-end":return"bottom-start";case"bottom-start":return"bottom-end";case"top-end":return"top-start";case"top-start":return"top-end";default:return o}}function k(o){return typeof o=="function"?o():o}function to(o){return o.nodeType!==void 0}const ro=o=>{const{classes:e}=o;return q({root:["root"]},Y,e)},no={},so=t.forwardRef(function(e,h){var n;const{anchorEl:s,children:p,direction:y,disablePortal:d,modifiers:i,open:R,placement:f,popperOptions:l,popperRef:E,slotProps:b={},slots:w={},TransitionProps:a}=e,M=A(e,Z),v=t.useRef(null),T=H(v,h),r=t.useRef(null),c=H(r,E),u=t.useRef(c);D(()=>{u.current=c},[c]),t.useImperativeHandle(E,()=>r.current,[]);const m=eo(f,y),[P,S]=t.useState(m),[O,U]=t.useState(k(s));t.useEffect(()=>{r.current&&r.current.forceUpdate()}),t.useEffect(()=>{s&&U(k(s))},[s]),D(()=>{if(!O||!R)return;const I=C=>{S(C.placement)};let _=[{name:"preventOverflow",options:{altBoundary:d}},{name:"flip",options:{altBoundary:d}},{name:"onUpdate",enabled:!0,phase:"afterWrite",fn:({state:C})=>{I(C)}}];i!=null&&(_=_.concat(i)),l&&l.modifiers!=null&&(_=_.concat(l.modifiers));const B=J(O,v.current,x({placement:m},l,{modifiers:_}));return u.current(B),()=>{B.destroy(),u.current(null)}},[O,d,i,R,l,m]);const $={placement:P};a!==null&&($.TransitionProps=a);const L=ro(e),g=(n=w.root)!=null?n:"div",W=X({elementType:g,externalSlotProps:b.root,externalForwardedProps:M,additionalProps:{role:"tooltip",ref:T},ownerState:e,className:L.root});return j.jsx(g,x({},W,{children:typeof p=="function"?p($):p}))}),po=t.forwardRef(function(e,h){const{anchorEl:n,children:s,container:p,direction:y="ltr",disablePortal:d=!1,keepMounted:i=!1,modifiers:R,open:f,placement:l="bottom",popperOptions:E=no,popperRef:b,style:w,transition:a=!1,slotProps:M={},slots:v={}}=e,T=A(e,oo),[r,c]=t.useState(!0),u=()=>{c(!1)},m=()=>{c(!0)};if(!i&&!f&&(!a||r))return null;let P;if(p)P=p;else if(n){const U=k(n);P=U&&to(U)?F(U).body:F(null).body}const S=!f&&i&&(!a||r)?"none":void 0,O=a?{in:f,onEnter:u,onExited:m}:void 0;return j.jsx(Q,{disablePortal:d,container:P,children:j.jsx(so,x({anchorEl:n,direction:y,disablePortal:d,modifiers:R,ref:h,open:a?!r:f,placement:l,popperOptions:E,popperRef:b,slotProps:M,slots:v},T,{style:x({position:"fixed",top:0,left:0,display:S},w),TransitionProps:O,children:s}))})}),io=["anchorEl","component","components","componentsProps","container","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","transition","slots","slotProps"],lo=G(po,{name:"MuiPopper",slot:"Root",overridesResolver:(o,e)=>e.root})({}),Eo=t.forwardRef(function(e,h){var n;const s=K(),p=z({props:e,name:"MuiPopper"}),{anchorEl:y,component:d,components:i,componentsProps:R,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T,slots:r,slotProps:c}=p,u=A(p,io),m=(n=r==null?void 0:r.root)!=null?n:i==null?void 0:i.Root,P=x({anchorEl:y,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T},u);return j.jsx(lo,x({as:d,direction:s==null?void 0:s.direction,slots:{root:m},slotProps:c??R},P,{ref:h}))});export{Eo as P};
@@ -1 +0,0 @@
1
- import{U as v,V as y,_ as j,A as U,b as V,d as b,f as w}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as t}from"./index-NdkWRN8K.js";import{a as P}from"./Radio-7iHx2pBU.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useControlled-NQulfz4l.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{F as M}from"./FormGroup-D2d8E3Cw.js";function N(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:e,row:s,error:a}=r;return w({root:["root",s&&"row",a&&"error"]},N,e)},z=t.forwardRef(function(e,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=e,h=j(e,S),n=t.useRef(null),C=k(e),[i,c]=_({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let o=n.current.querySelector("input:not(:disabled):checked");o||(o=n.current.querySelector("input:not(:disabled)")),o&&o.focus()}}),[]);const g=F(s,n),d=U(R),G=t.useMemo(()=>({name:d,onChange(o){c(o.target.value),u&&u(o,o.target.value)},value:i}),[d,u,c,i]);return m.jsx(P.Provider,{value:G,children:m.jsx(M,V({role:"radiogroup",ref:g,className:b(C.root,f)},h,{children:l}))})});export{z as R};
@@ -1,10 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{R as r}from"./RadioGroup.stories-CackbN0d.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./RadioGroup-Mx_cTqVX.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Radio-AD-L5UNl.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-C_zn6OtS.js";import"./FormGroup-D2d8E3Cw.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";function p(i){const t={code:"code",p:"p",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
2
- `,o.jsx(e,{of:r}),`
3
- `,o.jsx(s,{of:r}),`
4
- `,o.jsx(a,{of:r}),`
5
- `,o.jsx(c,{of:r}),`
6
- `,o.jsxs(t.p,{children:["Note that ",o.jsx(t.code,{children:"RadioGroup"})," does not include an ",o.jsx(t.code,{children:"isOptional"})," prop, since a ",o.jsx(t.code,{children:"RadioGroup"}),` should
7
- only be used if it's required. If you need similar functionality that supports optionality,
8
- use a `,o.jsx(t.code,{children:"Checkbox"})," or ",o.jsx(t.code,{children:"CheckboxGroup"})," instead."]}),`
9
- `,o.jsx(d,{}),`
10
- `,o.jsx(x,{})]})}function Ro(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Ro as default};
@@ -1,8 +0,0 @@
1
- import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as i}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as n}from"./ScreenReaderText-DbrZU7M5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";const T={component:n,decorators:[i],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(a){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...a})]})}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
2
- render: function C(args) {
3
- return <>
4
- The following text is visually hidden:
5
- <ScreenReaderText {...args}></ScreenReaderText>
6
- </>;
7
- }
8
- }`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const S=["Default"];export{e as Default,S as __namedExportsOrder,T as default};
@@ -1,37 +0,0 @@
1
- import{j as E}from"./jsx-runtime-CnH95YSl.js";import{r as s}from"./index-NdkWRN8K.js";import{O as M}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as e}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{s as i,M as T}from"./SearchField-glDE5e-X.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./IconButton-Wwvz84xG.js";const ye={component:T,decorators:[M],tags:["autodocs"],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},isDisabled:e.isDisabled,isFullWidth:e.isFullWidth,id:e.id,label:{control:"text",description:"This label won't show up visually, but it's required for accessibility",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:e.name,onBlur:{description:"Callback fired when the `input` element loses focus",table:{type:{summary:"function"}}},onClear:{description:"Callback fired when the clear button is pressed",table:{type:{summary:"function"}}},onChange:{description:"Callback fired when the value is changed",table:{type:{summary:"function"}}},onFocus:{description:"Callback fired when the `input` element gets focus",table:{type:{summary:"function"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when the component is controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},variant:{options:i,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:i.join(" | ")},defaultValue:{summary:"outline"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Search",placeholder:"Search planets"}},t={args:{defaultValue:""}},o={args:{defaultValue:"",variant:"filled"}},r={args:{isDisabled:!0}},a={args:{isFullWidth:!0}},n={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `SearchField`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{defaultValue:void 0},render:function(w){const[x,l]=s.useState("Jupiter"),k=s.useCallback(W=>l(W.target.value),[]),D=s.useCallback(()=>{l("")},[]);return E.jsx(T,{...w,onChange:k,onClear:D,value:x})}};var u,p,c;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
2
- args: {
3
- defaultValue: ""
4
- }
5
- }`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
6
- args: {
7
- defaultValue: "",
8
- variant: "filled"
9
- }
10
- }`,...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var f,g,b;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
11
- args: {
12
- isDisabled: true
13
- }
14
- }`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,C,v;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
15
- args: {
16
- isFullWidth: true
17
- }
18
- }`,...(v=(C=a.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var V,S,F;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
19
- parameters: {
20
- docs: {
21
- description: {
22
- story: "When the component is controlled, the parent component is responsible for managing the state of \`SearchField\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
23
- }
24
- }
25
- },
26
- args: {
27
- defaultValue: undefined
28
- },
29
- render: function C(props) {
30
- const [constrolledValue, setControlledValue] = useState("Jupiter");
31
- const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setControlledValue(event.target.value), []);
32
- const onClear = useCallback(() => {
33
- setControlledValue("");
34
- }, []);
35
- return <SearchField {...props} onChange={onChange} onClear={onClear} value={constrolledValue} />;
36
- }
37
- }`,...(F=(S=n.parameters)==null?void 0:S.docs)==null?void 0:F.source}}};const Ce=["Default","FilledVariant","Disabled","FullWidth","ControlledSearch"];export{n as ControlledSearch,t as Default,r as Disabled,o as FilledVariant,a as FullWidth,Ce as __namedExportsOrder,ye as default};