@okta/odyssey-react-mui 1.55.0 → 1.56.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 (391) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  3. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  4. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  5. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  6. package/dist/index.cjs +231 -0
  7. package/dist/index.d.ts +233 -0
  8. package/dist/index.d.ts.map +1 -0
  9. package/dist/{assets/createUniqueId-BHjR7HQF.js → index.js} +15 -1
  10. package/dist/index.mjs +229 -0
  11. package/dist/index.scss +549 -0
  12. package/dist/tsconfig.production.tsbuildinfo +1 -1
  13. package/dist/tsconfig.tsbuildinfo +1 -0
  14. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  15. package/package.json +7 -7
  16. package/dist/appswitcher/admin-app-default.svg +0 -6
  17. package/dist/appswitcher/admin-app-selected.svg +0 -6
  18. package/dist/appswitcher/aerial-default.svg +0 -7
  19. package/dist/appswitcher/aerial-selected.svg +0 -7
  20. package/dist/appswitcher/okta-dashboard-default.svg +0 -7
  21. package/dist/appswitcher/okta-dashboard-selected.svg +0 -7
  22. package/dist/appswitcher/privileged-access-default.svg +0 -4
  23. package/dist/appswitcher/privileged-access-selected.svg +0 -4
  24. package/dist/appswitcher/workflows-default.svg +0 -5
  25. package/dist/appswitcher/workflows-selected.svg +0 -5
  26. package/dist/assets/Accordion-D8MMTGBC.js +0 -1
  27. package/dist/assets/Accordion.stories-BPJnLVeE.js +0 -85
  28. package/dist/assets/AccordionSummary-BpjNF1hZ.js +0 -1
  29. package/dist/assets/AddCircle-DgNpvHvb.js +0 -1
  30. package/dist/assets/AlertTitle-41lhnhsR.js +0 -1
  31. package/dist/assets/AppSwitcher-BlMgsq7d.js +0 -21
  32. package/dist/assets/AppSwitcher.stories-DK6TzLjN.js +0 -100
  33. package/dist/assets/AppTile.stories-D9NfZuTR.js +0 -136
  34. package/dist/assets/ArrowDropDown-CMSB1a5F.js +0 -1
  35. package/dist/assets/ArrowLeft-DKc-rln7.js +0 -1
  36. package/dist/assets/ArrowRight-CQpox1s-.js +0 -1
  37. package/dist/assets/Autocomplete-CcFQPuHI.js +0 -1
  38. package/dist/assets/Autocomplete-DxRs9Djj.js +0 -1
  39. package/dist/assets/Autocomplete.stories-DU9xY7GK.js +0 -316
  40. package/dist/assets/Badge-C9-6xV6N.js +0 -11
  41. package/dist/assets/Banner-BtTBJERs.js +0 -1
  42. package/dist/assets/Banner.stories-BZuwmjR1.js +0 -96
  43. package/dist/assets/BaseButton-BzcWVv73.js +0 -11
  44. package/dist/assets/BaseMenuButton-B2CeKq3v.js +0 -1
  45. package/dist/assets/Box-B-6W36qW.js +0 -1
  46. package/dist/assets/Box-BvtEwOZC.js +0 -1
  47. package/dist/assets/Box-BzR7wZhO.js +0 -11
  48. package/dist/assets/Box-DduJOSF-.js +0 -1
  49. package/dist/assets/Box.stories-vV2di-KJ.js +0 -38
  50. package/dist/assets/Breadcrumb.stories-J2cc8t0d.js +0 -19
  51. package/dist/assets/BreadcrumbList.stories-B6XEafPI.js +0 -81
  52. package/dist/assets/Breadcrumbs-CM2RJrtX.js +0 -6
  53. package/dist/assets/Bug-DbpZDqwO.js +0 -1
  54. package/dist/assets/Button-AqSkJ6Nd.js +0 -1
  55. package/dist/assets/Button-BX9EXxBV.js +0 -11
  56. package/dist/assets/Button-CZuGHFIJ.js +0 -31
  57. package/dist/assets/Button-ZPlYqHUi.js +0 -11
  58. package/dist/assets/Button.stories-Bl7P9tek.js +0 -271
  59. package/dist/assets/Button.stories-vEg3PKz-.js +0 -133
  60. package/dist/assets/ButtonBase-CYIo9Kvv.js +0 -74
  61. package/dist/assets/Calendar-DV1h6Fc3.js +0 -1
  62. package/dist/assets/Call-2_fpBWhr.js +0 -1
  63. package/dist/assets/Callout-BgusP-7-.js +0 -1
  64. package/dist/assets/Callout.stories-CtAYWft1.js +0 -322
  65. package/dist/assets/Card-BosIFVQP.js +0 -8
  66. package/dist/assets/Card-DSV0thOs.js +0 -1
  67. package/dist/assets/Card.stories-ZHXa0-vk.js +0 -56
  68. package/dist/assets/CardActionArea-j218OlRR.js +0 -1
  69. package/dist/assets/CardActions-DEkVEZOo.js +0 -1
  70. package/dist/assets/Checkbox-CtLz3m2I.js +0 -1
  71. package/dist/assets/Checkbox-RASNl40G.js +0 -1
  72. package/dist/assets/Checkbox-_fXckuhm.js +0 -1
  73. package/dist/assets/Checkbox.stories-Bvx8GqiS.js +0 -113
  74. package/dist/assets/Checkbox.stories-qCSW0Q2j.js +0 -43
  75. package/dist/assets/CheckboxGroup-zMSuzeZ6.js +0 -1
  76. package/dist/assets/CheckboxGroup.stories-BHKIdZ7U.js +0 -89
  77. package/dist/assets/CheckboxGroup.stories-BSflT92t.js +0 -64
  78. package/dist/assets/ChevronRight--b1mmNks.js +0 -1
  79. package/dist/assets/ChevronUp-DL24OTkX.js +0 -1
  80. package/dist/assets/Chip-bDORJbkM.js +0 -1
  81. package/dist/assets/CircularProgress-BgZHFbQE.js +0 -28
  82. package/dist/assets/CircularProgress-BoAO9U8M.js +0 -1
  83. package/dist/assets/CircularProgress.stories-CbcXfcmH.js +0 -44
  84. package/dist/assets/Clock-BQK6LLyZ.js +0 -1
  85. package/dist/assets/Close-cbwEd5Sp.js +0 -1
  86. package/dist/assets/Code Styling Guidelines-CRc7Acxy.js +0 -13
  87. package/dist/assets/Collapse-1HAz0LZV.js +0 -1
  88. package/dist/assets/Color-ASIRERSW-CzhPgsf8.js +0 -1
  89. package/dist/assets/CssBaseline-CPKflVp5.js +0 -191
  90. package/dist/assets/CssBaseline.stories-BVbDhIF6.js +0 -364
  91. package/dist/assets/Custom Theming-Dcj0M7qI.js +0 -135
  92. package/dist/assets/Custom Theming.stories-UirQjvOB.js +0 -95
  93. package/dist/assets/DataFilters-Cf-ESeWE.js +0 -55
  94. package/dist/assets/DataFilters-D5ALxX9D.js +0 -1
  95. package/dist/assets/DataFilters.stories-BEQSD0AZ.js +0 -31
  96. package/dist/assets/DataTable-BRz_SDL5.js +0 -41
  97. package/dist/assets/DataTable-DrMdrIcq.js +0 -495
  98. package/dist/assets/DataTable-Duk3yrgE.js +0 -21
  99. package/dist/assets/DataTable.stories-BzrVvUtr.js +0 -21
  100. package/dist/assets/DataTable.stories-CwDiJD8l.js +0 -438
  101. package/dist/assets/DataView-B0q4EyNh.js +0 -332
  102. package/dist/assets/DataView-CjTfaBGG.js +0 -91
  103. package/dist/assets/DataView.stories-B33BDgre.js +0 -439
  104. package/dist/assets/DataView.stories-Dj1si9l-.js +0 -646
  105. package/dist/assets/DatePicker-B5X7dx9Q.js +0 -11
  106. package/dist/assets/DatePicker-BOqWHXdY.js +0 -1
  107. package/dist/assets/DatePicker.stories-Dipl4bQY.js +0 -133
  108. package/dist/assets/DateTimePicker-CIersydJ.js +0 -1
  109. package/dist/assets/DateTimePicker.stories-DjzZocUv.js +0 -158
  110. package/dist/assets/DebugMenu-By3Vj_Nv.js +0 -1
  111. package/dist/assets/Design Tokens-C3WLUx-Q.js +0 -4
  112. package/dist/assets/Dialog-o5O78_b5.js +0 -1
  113. package/dist/assets/Dialog.stories-Dp36WpKI.js +0 -352
  114. package/dist/assets/Dialog.stories-MZqfLw6Z.js +0 -207
  115. package/dist/assets/DialogContent-BOYeFFEd.js +0 -1
  116. package/dist/assets/DialogContentText-D0M3e4sQ.js +0 -1
  117. package/dist/assets/DialogTitle-CIzT7Vz-.js +0 -1
  118. package/dist/assets/Divider-6S-pAD7Z.js +0 -1
  119. package/dist/assets/Divider.stories-CDGskHHm.js +0 -5
  120. package/dist/assets/DocsRenderer-GHJI37HO-BX00v8ne.js +0 -2
  121. package/dist/assets/Documentation-C2_DeFFh.js +0 -1
  122. package/dist/assets/Download-YawXz5G6.js +0 -1
  123. package/dist/assets/Drawer-DG7c2iM4.js +0 -33
  124. package/dist/assets/Drawer.stories-C9ckJovc.js +0 -95
  125. package/dist/assets/EmptyState-Cw97nR9g.js +0 -11
  126. package/dist/assets/EmptyState.stories-DXpOC1wF.js +0 -127
  127. package/dist/assets/EmptyState.stories-DhZwVE6F.js +0 -11
  128. package/dist/assets/ExampleButton.stories-BfAyzgTg.js +0 -11
  129. package/dist/assets/Extending Translations-DyrOgVYP.js +0 -147
  130. package/dist/assets/ExternalLink-DTGSbkQ2.js +0 -1
  131. package/dist/assets/Fade-5EaFioT-.js +0 -1
  132. package/dist/assets/Field-4cI0KUzC.js +0 -11
  133. package/dist/assets/Field-g_717qKv.js +0 -11
  134. package/dist/assets/FieldHint-Bv45kUgg.js +0 -1
  135. package/dist/assets/Fieldset-Bu9pgqLo.js +0 -11
  136. package/dist/assets/Fieldset.stories-DywDyipj.js +0 -15
  137. package/dist/assets/FileUploader.stories-BGXUMzQV.js +0 -58
  138. package/dist/assets/Filter-ColuOFTn.js +0 -1
  139. package/dist/assets/Folder-DtBjBkxy.js +0 -1
  140. package/dist/assets/Form Field Accessibility-4Q_qv-b6.js +0 -17
  141. package/dist/assets/Form-BxpHmQzB.js +0 -11
  142. package/dist/assets/Form.stories-BIv3u1UC.js +0 -69
  143. package/dist/assets/FormControlLabel-CB3xJ6ut.js +0 -1
  144. package/dist/assets/FormGroup-BhjYepGC.js +0 -1
  145. package/dist/assets/FormHelperText--Cp1ogV3.js +0 -1
  146. package/dist/assets/FormLabel-DB_AmiE2.js +0 -1
  147. package/dist/assets/FullScreenOverlay-BtuzG-CQ.js +0 -11
  148. package/dist/assets/Generating Icons-Dr_ZkyrY.js +0 -15
  149. package/dist/assets/Globe-DhuLu1HO.js +0 -1
  150. package/dist/assets/Grid-DT7vGlwm.js +0 -1
  151. package/dist/assets/Group-9XOIBtaE.js +0 -1
  152. package/dist/assets/GroupPicker.stories-Bke7SA6x.js +0 -33
  153. package/dist/assets/Grow-DG6yJWeA.js +0 -1
  154. package/dist/assets/Hide-4CfPQa-Q.js +0 -1
  155. package/dist/assets/Hint-BaHNFCSW.js +0 -11
  156. package/dist/assets/HintLink.stories-BZvK3msS.js +0 -44
  157. package/dist/assets/Home-BD0pfCzQ.js +0 -1
  158. package/dist/assets/Icon.stories-BSXh7e2h.js +0 -16
  159. package/dist/assets/IconButton-BJHIZjwd.js +0 -1
  160. package/dist/assets/IconWithTooltip.stories-D8GpX4_O.js +0 -19
  161. package/dist/assets/IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js +0 -269
  162. package/dist/assets/InformationCircle-C_nheCFB.js +0 -1
  163. package/dist/assets/InputAdornment-CeCSVIa-.js +0 -1
  164. package/dist/assets/InputBase-Bm1MB3pl.js +0 -2
  165. package/dist/assets/Installing odyssey-react-mui-ezN4Xob1.js +0 -216
  166. package/dist/assets/Introduction-Vd2VsZIT.js +0 -46
  167. package/dist/assets/Layout-Bj5b-E-p.js +0 -11
  168. package/dist/assets/Layout.stories-C7EVraBE.js +0 -285
  169. package/dist/assets/Legacy Migrations-D0Ct1uEl.js +0 -85
  170. package/dist/assets/LinearProgress-BcCo3aqG.js +0 -54
  171. package/dist/assets/Link-4r_7nyI-.js +0 -1
  172. package/dist/assets/Link-BXZlWRMJ.js +0 -1
  173. package/dist/assets/Link-C_gwYBxh.js +0 -1
  174. package/dist/assets/Link-CqFkrdZX.js +0 -11
  175. package/dist/assets/Link.stories-VkTe4JmO.js +0 -38
  176. package/dist/assets/List-BcXvgzsa.js +0 -1
  177. package/dist/assets/List-CEPzEOaM.js +0 -1
  178. package/dist/assets/ListItem-B5ux02dQ.js +0 -1
  179. package/dist/assets/ListSubheader-CB8GDLQK.js +0 -1
  180. package/dist/assets/ListSubheader.stories-BrcTqTtL.js +0 -5
  181. package/dist/assets/Menu-BCZiiIwc.js +0 -1
  182. package/dist/assets/MenuButton-ChyskluM.js +0 -11
  183. package/dist/assets/MenuButton-CsX9_3Ov.js +0 -31
  184. package/dist/assets/MenuButton.stories-BQzhE18z.js +0 -246
  185. package/dist/assets/MenuButton.stories-ioM9q6o0.js +0 -75
  186. package/dist/assets/MenuContext-BkYpsFtp.js +0 -11
  187. package/dist/assets/MenuItem-C_SjZMbY.js +0 -1
  188. package/dist/assets/MenuItem-CbPgBBBa.js +0 -1
  189. package/dist/assets/MenuItem-Cu1R78Nk.js +0 -1
  190. package/dist/assets/MenuItem.stories-C0Lk9sD8.js +0 -22
  191. package/dist/assets/MenuItem.stories-DneQgCON.js +0 -38
  192. package/dist/assets/MenuList-BTp-5mcb.js +0 -1
  193. package/dist/assets/Modal-DHgQg0pV.js +0 -1
  194. package/dist/assets/More-D0XSbzen.js +0 -1
  195. package/dist/assets/MuiPropsContext-DICjNBkr.js +0 -11
  196. package/dist/assets/MuiPropsContext-ppLtceHL.js +0 -11
  197. package/dist/assets/NativeSelect.stories-D0uGEhNl.js +0 -114
  198. package/dist/assets/Notification-Dv2xKTFA.js +0 -1
  199. package/dist/assets/OdysseyProvider-Czbz3dwH.js +0 -197
  200. package/dist/assets/OdysseyProvider-n2ocdJ7D.js +0 -76
  201. package/dist/assets/OdysseyStorybookThemeDecorator-Bokwb0ot.js +0 -1
  202. package/dist/assets/OdysseyThemeProvider-DOMFnSU0.js +0 -167
  203. package/dist/assets/PageHeader-W8g920aE.js +0 -6
  204. package/dist/assets/PageHeader.stories-DawNc8la.js +0 -364
  205. package/dist/assets/PageHeader.stories-DbD6NKau.js +0 -17
  206. package/dist/assets/PageHeader.stories-Feg52Fpw.js +0 -364
  207. package/dist/assets/PageTemplate-Ca4rHowX.js +0 -8
  208. package/dist/assets/PageTemplate-Dwh4Xczm.js +0 -21
  209. package/dist/assets/PageTemplate.stories-4X4rSj0y.js +0 -205
  210. package/dist/assets/PageTemplate.stories-DGwPd5VL.js +0 -205
  211. package/dist/assets/PageTemplate.stories-DgqdwkTB.js +0 -306
  212. package/dist/assets/PaginatedTable.stories-SgfUVlw_.js +0 -65
  213. package/dist/assets/Paper-DIvrMKVz.js +0 -1
  214. package/dist/assets/PasswordField.stories-PoPO1_-6.js +0 -121
  215. package/dist/assets/PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js +0 -13
  216. package/dist/assets/Picker.stories-DDz4NbBK.js +0 -44
  217. package/dist/assets/PickerWithOptionAdornment.stories-B7mFcKou.js +0 -93
  218. package/dist/assets/PlaceholderLogo-KL8h77Of.js +0 -11
  219. package/dist/assets/Popper-B9cGJ5Ql.js +0 -1
  220. package/dist/assets/Portal-CznYNzyC.js +0 -1
  221. package/dist/assets/ProgressBar.stories-Zs6E95x7.js +0 -20
  222. package/dist/assets/Radio-B6p2YsBk.js +0 -1
  223. package/dist/assets/Radio-BI2zWqqk.js +0 -1
  224. package/dist/assets/Radio-DRPDZwez.js +0 -1
  225. package/dist/assets/Radio.stories-CjKWmmfC.js +0 -63
  226. package/dist/assets/Radio.stories-DR-V8UW2.js +0 -38
  227. package/dist/assets/RadioGroup-BxX8JmFv.js +0 -1
  228. package/dist/assets/RadioGroup-DDMlZ9Ib.js +0 -1
  229. package/dist/assets/RadioGroup-DpcTcdEf.js +0 -10
  230. package/dist/assets/RadioGroup.stories-B-gDjvcs.js +0 -88
  231. package/dist/assets/RadioGroup.stories-CWqmr1JP.js +0 -138
  232. package/dist/assets/Refresh-4GRZURAB.js +0 -1
  233. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Bp-cqzBg.js +0 -212
  234. package/dist/assets/Right-to-Left (RTL)-BOiEzeMb.js +0 -61
  235. package/dist/assets/ScopedCssBaseline-CbMqVD26.js +0 -1
  236. package/dist/assets/ScreenReaderText-B0JAp-xP.js +0 -1
  237. package/dist/assets/ScreenReaderText-CEUjhx3k.js +0 -15
  238. package/dist/assets/ScreenReaderText.stories-BozDnS6f.js +0 -8
  239. package/dist/assets/Search-C3XUnqCP.js +0 -1
  240. package/dist/assets/SearchDropdown.stories-DhfVkXGL.js +0 -53
  241. package/dist/assets/SearchField-CyY1AHVm.js +0 -1
  242. package/dist/assets/SearchField.stories-BdFBCS4f.js +0 -37
  243. package/dist/assets/SecureSettingsIndicator.stories-DsTRCtQb.js +0 -19
  244. package/dist/assets/Select-DHIWx9ln.js +0 -1
  245. package/dist/assets/Select-FP2lhUA8.js +0 -15
  246. package/dist/assets/Select.stories-jKzGOaKi.js +0 -233
  247. package/dist/assets/Server-CirxxKai.js +0 -1
  248. package/dist/assets/Settings-DoysZs_u.js +0 -1
  249. package/dist/assets/Setup-SFMR9PGx.js +0 -6
  250. package/dist/assets/Shadow DOM-CNgotzSG.js +0 -63
  251. package/dist/assets/Show-8RSN9YQN.js +0 -1
  252. package/dist/assets/SideNav-DhFZrYzU.js +0 -131
  253. package/dist/assets/SideNav-JzVY3dUV.js +0 -85
  254. package/dist/assets/SideNav.stories-BD_yZ_n7.js +0 -207
  255. package/dist/assets/Skeleton-CxK3bCNC.js +0 -51
  256. package/dist/assets/Snackbar-BecQgiI0.js +0 -1
  257. package/dist/assets/Stack-B9cZmjdi.js +0 -1
  258. package/dist/assets/Stack-Bgh4xems.js +0 -1
  259. package/dist/assets/Stack.stories-C5_9i8Bj.js +0 -1
  260. package/dist/assets/StaticTable.stories-GkTKmzDs.js +0 -34
  261. package/dist/assets/Status-BDUUaZsQ.js +0 -1
  262. package/dist/assets/Status.stories-C_QZmEqw.js +0 -66
  263. package/dist/assets/Stepper.stories-x-eW3EPk.js +0 -486
  264. package/dist/assets/Surface-DIfiwHrw.js +0 -1
  265. package/dist/assets/Switch.stories-DtS0A4PX.js +0 -72
  266. package/dist/assets/SwitchBase-fGL3z_gG.js +0 -1
  267. package/dist/assets/Sync-DbBKVuQB.js +0 -1
  268. package/dist/assets/Tabs-By4ALAid.js +0 -1
  269. package/dist/assets/Tabs-C_TNnT1n.js +0 -23
  270. package/dist/assets/Tabs.stories-Dpxwprx8.js +0 -100
  271. package/dist/assets/Tag-Cam_AAJc.js +0 -11
  272. package/dist/assets/Tag.stories-DHsdO_Ew.js +0 -96
  273. package/dist/assets/TagList-BgRJrZj8.js +0 -1
  274. package/dist/assets/TextField-eTiyghxK.js +0 -1
  275. package/dist/assets/TextField.stories-asnjmcPk.js +0 -177
  276. package/dist/assets/Toast.stories-Cwx6XwLn.js +0 -164
  277. package/dist/assets/ToastManager.stories-UZvhSatu.js +0 -195
  278. package/dist/assets/Tooltip-BMTVRAEn.js +0 -11
  279. package/dist/assets/Tooltip-DVPGLNQs.js +0 -1
  280. package/dist/assets/Tooltip.stories-272_RBTH.js +0 -68
  281. package/dist/assets/TopNav-DXz-GdZX.js +0 -11
  282. package/dist/assets/TopNav.stories-BbNTTN-h.js +0 -13
  283. package/dist/assets/TransitionGroupContext-CTI9LvjA.js +0 -1
  284. package/dist/assets/Typography-B8ZKtxRi.js +0 -1
  285. package/dist/assets/Typography-BcNOcPdV.js +0 -1
  286. package/dist/assets/Typography-D4Laguzq.js +0 -1
  287. package/dist/assets/Typography-DlDlPYOB.js +0 -1
  288. package/dist/assets/Typography-DnTFPtdP.js +0 -9
  289. package/dist/assets/Typography.stories-BLBo_W9U.js +0 -139
  290. package/dist/assets/Typography.stories-BknEcNqq.js +0 -73
  291. package/dist/assets/Typography.stories-Cl9dtqr_.js +0 -73
  292. package/dist/assets/UDComponentsStorybookThemeDecorator-BXzQsObU.js +0 -239
  293. package/dist/assets/UiShell.stories-eL8NYtFG.js +0 -569
  294. package/dist/assets/UiShellProvider-Cd_5esNt.js +0 -31
  295. package/dist/assets/Upload-Cy-cphyA.js +0 -1
  296. package/dist/assets/User-DRi5hhiP.js +0 -1
  297. package/dist/assets/UserProfile-CwV_oL5l.js +0 -11
  298. package/dist/assets/UserProfile.stories-DgRCwF_j.js +0 -14
  299. package/dist/assets/UserProfileMenuButton.stories-B5zb3hp4.js +0 -30
  300. package/dist/assets/Video-DAMdjIe3.js +0 -1
  301. package/dist/assets/WarningFilled-DJX60tUO.js +0 -1
  302. package/dist/assets/WithTooltip-IO6J4KBT-Ccs9TgLm.js +0 -9
  303. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-BQlPPRvP.js +0 -1
  304. package/dist/assets/WpComponentsStorybookThemeDecorator-CJ_rgsix.js +0 -1
  305. package/dist/assets/ariaDisabledStyles-BnD13Dho.js +0 -11
  306. package/dist/assets/axe-B0QS9Vy6.js +0 -30
  307. package/dist/assets/axeRun-C-zlWaxU.js +0 -11
  308. package/dist/assets/blocks-BI5YpTSd.js +0 -162
  309. package/dist/assets/colorManipulator-BprDRxgx.js +0 -1
  310. package/dist/assets/constants-CGUp4oSR.js +0 -11
  311. package/dist/assets/createChainedFunction-BO_9K8Jh.js +0 -1
  312. package/dist/assets/createStyled-CNzidwe1.js +0 -1
  313. package/dist/assets/createSvgIcon-CoE7vjSC.js +0 -1
  314. package/dist/assets/debounce-Be36O1Ab.js +0 -1
  315. package/dist/assets/dialogActionsClasses-DejbXXRS.js +0 -1
  316. package/dist/assets/fieldComponentPropsMetaData-C9gCwuus.js +0 -11
  317. package/dist/assets/formatter-QJ4M4OGQ-D0ewJSfL.js +0 -1
  318. package/dist/assets/getScrollbarSize-Bqq2hMjQ.js +0 -1
  319. package/dist/assets/i18next-7SyOfhCu.js +0 -1
  320. package/dist/assets/iconUtils-CeRi1WMA.js +0 -11
  321. package/dist/assets/iframe-Cav9rlxr.js +0 -1672
  322. package/dist/assets/index-BQ9nbbSk.js +0 -1
  323. package/dist/assets/index-C5VVYn_U.js +0 -1
  324. package/dist/assets/index-CLFx8Kta.js +0 -39
  325. package/dist/assets/index-Dui69PFe.js +0 -1
  326. package/dist/assets/index.es-0rJMfM0E.js +0 -8
  327. package/dist/assets/index.esm-C_XHPSqo.js +0 -85
  328. package/dist/assets/index.esm-CsYcjPN9.js +0 -1
  329. package/dist/assets/index.modern-DBSGWaP4.js +0 -14
  330. package/dist/assets/inputUtils-BOLvDTmI.js +0 -11
  331. package/dist/assets/isHostComponent-DVu5iVWx.js +0 -1
  332. package/dist/assets/matchers-DMFSMG2O-CAdg16Fl.js +0 -14
  333. package/dist/assets/ownerDocument-DW-IO8s5.js +0 -1
  334. package/dist/assets/ownerWindow-HkKU3E4x.js +0 -1
  335. package/dist/assets/personData-BPEVF-Qf.js +0 -21
  336. package/dist/assets/personData-BoHZtVJF.js +0 -1
  337. package/dist/assets/pickerComponentPropsMetaData-DZI7kYjo.js +0 -75
  338. package/dist/assets/preload-helper-Dp1pzeXC.js +0 -1
  339. package/dist/assets/pxToRem-BrMhKUxS.js +0 -11
  340. package/dist/assets/react-18-DjPF3SW_.js +0 -1
  341. package/dist/assets/renderUiShell.stories-wVSloQJP.js +0 -902
  342. package/dist/assets/resolveComponentProps-m1IywaLB.js +0 -1
  343. package/dist/assets/syntaxhighlighter-IQDEPFLK-Pv8RB4wM.js +0 -6
  344. package/dist/assets/tableRowClasses-DYosAqvx.js +0 -9
  345. package/dist/assets/tableSortLabelClasses-BkDwo_43.js +0 -1
  346. package/dist/assets/uiShellSharedConstants-CvCey4L_.js +0 -11
  347. package/dist/assets/useAutocomplete-f6aTM-6O.js +0 -11
  348. package/dist/assets/useControlled-4m9Fbl4Y.js +0 -1
  349. package/dist/assets/useIsFocusVisible-Cu721A7w.js +0 -1
  350. package/dist/assets/useMobilePicker-0Zj6ZxWR.js +0 -6
  351. package/dist/assets/useMountLifecycleEffect-C7Ycb3_3.js +0 -11
  352. package/dist/assets/useOdysseyDateFields-BbpeJekS.js +0 -61
  353. package/dist/assets/useScrollIndication-4J4XfL4q.js +0 -41
  354. package/dist/assets/useSlot-CvipdriX.js +0 -1
  355. package/dist/assets/useStoryArgOrLocalState-CRQAGSTX.js +0 -11
  356. package/dist/assets/useThemeProps-C9dAJTwo.js +0 -1
  357. package/dist/assets/useThemeProps-CITViJJe.js +0 -1
  358. package/dist/assets/useTranslation-DjB2Li3Q.js +0 -1
  359. package/dist/assets/useUniqueId-CXfTvpAs.js +0 -11
  360. package/dist/assets/useUniqueId-MZzCNWze.js +0 -11
  361. package/dist/assets/utilities.esm-CFtdCfoJ.js +0 -5
  362. package/dist/assets/utils-fJIW_l91.js +0 -1
  363. package/dist/assets/visuallyHidden-Dan1xhjv.js +0 -1
  364. package/dist/favicon-wrapper.svg +0 -46
  365. package/dist/favicon.svg +0 -1
  366. package/dist/iframe.html +0 -768
  367. package/dist/index.html +0 -173
  368. package/dist/index.json +0 -1
  369. package/dist/nunito-sans-bold-italic.woff2 +0 -0
  370. package/dist/nunito-sans-bold.woff2 +0 -0
  371. package/dist/nunito-sans-italic.woff2 +0 -0
  372. package/dist/nunito-sans-regular.woff2 +0 -0
  373. package/dist/project.json +0 -1
  374. package/dist/sb-addons/a11y-3/manager-bundle.js +0 -5
  375. package/dist/sb-addons/docs-1/manager-bundle.js +0 -3
  376. package/dist/sb-addons/links-2/manager-bundle.js +0 -3
  377. package/dist/sb-addons/rtl-4/manager-bundle.js +0 -3
  378. package/dist/sb-addons/storybook-6/manager-bundle.js +0 -786
  379. package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -628
  380. package/dist/sb-addons/tag-badges-5/manager-bundle.js +0 -35
  381. package/dist/sb-common-assets/favicon-wrapper.svg +0 -46
  382. package/dist/sb-common-assets/favicon.svg +0 -1
  383. package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  384. package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  385. package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  386. package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  387. package/dist/sb-manager/globals-runtime.js +0 -75605
  388. package/dist/sb-manager/globals.js +0 -24
  389. package/dist/sb-manager/manager-stores.js +0 -23
  390. package/dist/sb-manager/runtime.js +0 -19717
  391. package/dist/vite-inject-mocker-entry.js +0 -18
@@ -1,85 +0,0 @@
1
- import{r as h,l as c,n as f,R as u,j as n}from"./iframe-Cav9rlxr.js";import{useMDXComponents as p}from"./index-BQ9nbbSk.js";import{M as v,T as x,S as y,D as b,P as k,a as j}from"./blocks-BI5YpTSd.js";import{S as s}from"./SideNav.stories-BD_yZ_n7.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./PlaceholderLogo-KL8h77Of.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./SideNav-DhFZrYzU.js";import"./utilities.esm-CFtdCfoJ.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./UiShellProvider-Cd_5esNt.js";import"./useMountLifecycleEffect-C7Ycb3_3.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-BpjNF1hZ.js";import"./useSlot-CvipdriX.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-Cu721A7w.js";import"./useControlled-4m9Fbl4Y.js";import"./Collapse-1HAz0LZV.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./Paper-DIvrMKVz.js";import"./ButtonBase-CYIo9Kvv.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./Link-BXZlWRMJ.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";import"./Badge-C9-6xV6N.js";import"./Status-BDUUaZsQ.js";import"./MuiPropsContext-ppLtceHL.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./ChevronRight--b1mmNks.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./Portal-CznYNzyC.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./Server-CirxxKai.js";import"./AddCircle-DgNpvHvb.js";import"./User-DRi5hhiP.js";import"./Home-BD0pfCzQ.js";import"./Folder-DtBjBkxy.js";import"./Download-YawXz5G6.js";import"./Clock-BQK6LLyZ.js";import"./Settings-DoysZs_u.js";import"./Notification-Dv2xKTFA.js";var S=0,D=e=>e.button===S&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,E=(e,t=i=>{})=>{D(e)&&(e.preventDefault(),t(e))},g=class extends h.PureComponent{constructor(){super(...arguments),this.state={href:"/"},this.updateHref=async()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;if(t&&r){let o=await c(t,r);this.setState({href:o})}},this.handleClick=()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;t&&r&&f({title:t,name:r})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:t,title:i,story:r,name:o}=this.props;(e.kind!==t||e.story!==r||e.title!==i||e.name!==o)&&this.updateHref()}render(){let{kind:e,title:t=e,story:i,name:r=i,children:o,...m}=this.props,{href:d}=this.state;return u.createElement("a",{href:d,onClick:l=>E(l,this.handleClick),...m},o)}};g.defaultProps={children:void 0};function a(e){const t={code:"code",h4:"h4",p:"p",pre:"pre",...p(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(v,{of:s}),`
2
- `,n.jsx(x,{of:s}),`
3
- `,n.jsx(y,{of:s}),`
4
- `,n.jsx(b,{of:s}),`
5
- `,n.jsx(k,{of:s}),`
6
- `,n.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
7
- `,n.jsxs(t.p,{children:["the ",n.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",n.jsx(t.code,{children:"SideNavItem"})]}),`
8
- `,n.jsx(t.pre,{children:n.jsx(t.code,{children:`type SideNavItem = {
9
- id: string;
10
- label: string;
11
- /**
12
- * The icon element to display at the end of the Nav Item
13
- */
14
- endIcon?: ReactElement;
15
- /**
16
- * Whether the item is disabled. When set to true the nav item is set to Disabled color,
17
- * the link/item is not clickable, and item with children is not expandable.
18
- */
19
- isDisabled?: boolean;
20
- /**
21
- * Whether the item is active/selected
22
- */
23
- isSelected?: boolean;
24
- /**
25
- * Event fired when the nav item is clicked
26
- */
27
- onClick?(): void;
28
- /**
29
- * The status element to display after the label
30
- */
31
- severity?: (typeof statusSeverityValues)[number];
32
- /**
33
- * The icon element to display at the start of the Nav Item
34
- */
35
- startIcon?: ReactElement;
36
- /**
37
- * The label to display inside the status
38
- */
39
- statusLabel?: string;
40
- /**
41
- * The link target prop. e.g., "_blank"
42
- */
43
- target?: string;
44
- } & (
45
- | {
46
- /**
47
- * Determines if the side nav item is a section header
48
- */
49
- isSectionHeader: true;
50
- href?: never;
51
- children?: never;
52
- isDefaultExpanded?: never;
53
- isExpanded?: never;
54
- }
55
- | {
56
- /**
57
- * link added to the nav item. if it is undefined, static text will be displayed.
58
- * fires onClick event when it is passed
59
- */
60
- href: string;
61
- children?: never;
62
- isSectionHeader?: never;
63
- isDefaultExpanded?: never;
64
- isExpanded?: never;
65
- }
66
- | {
67
- /**
68
- * An array of side nav items to be displayed as children within Accordion
69
- */
70
- children?: SideNavItem[];
71
- /**
72
- * Whether the accordion (nav item with children) is expanded by default
73
- */
74
- isDefaultExpanded?: boolean;
75
- /**
76
- * If true, expands the accordion, otherwise collapse it.
77
- * Setting this prop enables control over the accordion.
78
- */
79
- isExpanded?: boolean;
80
- isSectionHeader?: never;
81
- href?: never;
82
- }
83
- );
84
- `})}),`
85
- `,n.jsx(j,{})]})}function Ke(e={}){const{wrapper:t}={...p(),...e.components};return t?n.jsx(t,{...e,children:n.jsx(a,{...e})}):a(e)}export{Ke as default};
@@ -1,207 +0,0 @@
1
- import{j as e,r as f}from"./iframe-Cav9rlxr.js";import{P as y}from"./PlaceholderLogo-KL8h77Of.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as o}from"./SideNav-DhFZrYzU.js";import{M as V,a as I,b as $,c as ee,d as te}from"./Server-CirxxKai.js";import{M as oe}from"./Box-B-6W36qW.js";import{f as ae,d as ne}from"./Typography-B8ZKtxRi.js";import{M as J}from"./AddCircle-DgNpvHvb.js";import{M as se}from"./User-DRi5hhiP.js";import{M as Q}from"./Home-BD0pfCzQ.js";import{M as x}from"./Folder-DtBjBkxy.js";import{M as re}from"./Download-YawXz5G6.js";import{M as ie}from"./Clock-BQK6LLyZ.js";import{M as le}from"./Settings-DoysZs_u.js";import{M as de}from"./Notification-Dv2xKTFA.js";const{action:ce}=__STORYBOOK_MODULE_ACTIONS__,{configure:me,expect:n,userEvent:C,waitFor:S,within:pe}=__STORYBOOK_MODULE_TEST__,ue=()=>e.jsxs(oe,{sx:{border:"1px dashed gray"},children:[e.jsx(ae,{children:"Your custom footer content goes here"}),e.jsx(ne,{children:"Dashed border to show content box. Not present outside of this example"})]}),ge={component:o,decorators:[Z],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{appName:{control:"text",description:"Header text for the side nav",table:{type:{summary:"string"}}},footerComponent:{description:"Custom footer component to render in place of footer items."},footerItems:{description:"",table:{type:{summary:"Array<SideNavFooterItem>"}}},hasCustomFooter:{control:"boolean",description:"Defines if a custom footer should be visible when available.",table:{type:{summary:"boolean"}}},isCollapsible:{control:"boolean",description:"Controls whether the side nav is collapsible",table:{type:{summary:"boolean"}}},isCollapsed:{control:"boolean",description:"Controls whether the side nav is collapsed",table:{type:{summary:"boolean"}}},isCompact:{control:"boolean",description:"Controls whether the side nav uses compact layout",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Controls whether the side nav shows the skeleton loader.",table:{type:{summary:"boolean"}}},logoProps:{description:"Props passed in to render custom logo and/or link",table:{type:{summary:"href?: string; logoSrcUrl?: string; altText?: string; logoComponent?: ReactElement"}}},onCollapse:{description:"Callback to be triggered when the side nav is collapsed"},onExpand:{description:"Callback to be triggered when the side nav is expanded"},onSort:{description:"Callback to be triggered when a nested side nav item inside is reordered. Returns the new items list"},sideNavItems:{description:"",table:{type:{summary:"Array<SideNavItem>"}}}},args:{appName:"Admin Console",isCollapsible:!0,isCollapsed:!1,isCompact:!1,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:e.jsx(J,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(se,{})},{id:"item4",label:"Dashboard",startIcon:e.jsx(Q,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:e.jsx(V,{})},{id:"item6",label:"Onboarding",startIcon:e.jsx(x,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start",translate:"no"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:e.jsx(I,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:e.jsx($,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:e.jsx(re,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(ee,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(ie,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:e.jsx(te,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:e.jsx(le,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General",translate:"no"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management",translate:"no"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:e.jsx(x,{})},{id:"item17",href:"/",label:"Really Long Item Name With Spaces",startIcon:e.jsx(I,{})},{id:"item18",href:"/",label:"ReallyLongSingleItemNameWithoutSpaces",startIcon:e.jsx(I,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]}},l={render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})}),play:async({canvasElement:t,step:s})=>{me({testIdAttribute:"data-se"});const r=pe(t),a=r.getByRole("button",{name:"Close navigation"}),b=r.getByRole("navigation",{name:"Main navigation"}),i=r.getByTestId("scrollable-region");await s("Side Nav Should be scrolled as expected",async()=>{await new Promise(v=>setTimeout(v,100)),i.scrollTop!==0?n(i.scrollTop).not.toBe(0):await S(()=>{n(i.scrollTop).not.toBe(0)},{timeout:1e3})}),await s("Side Nav Collapse",async()=>{await C.click(a),await S(()=>{n(a.ariaExpanded).toEqual("false"),n(b).toHaveStyle({width:0})})}),await s("Side Nav Expand",async()=>{await C.click(a),await S(()=>{n(a.ariaExpanded).toEqual("true"),n(b).toBeVisible()})})}},d={args:{appName:void 0,logoProps:{logoComponent:e.jsx(y.One,{})},sideNavItems:[{href:"#",id:"sortable-item1",label:"My Apps",onClick:t=>{t.preventDefault(),ce('onClick: "My Apps"')(t)},isSortable:!0,startIcon:e.jsx(Q,{}),nestedNavItems:[{id:"sortable-item1-1",label:"Recently Used",isSortable:!1},{id:"sortable-item1-2",label:"Work"},{id:"sortable-item1-3",label:"Group 1"},{id:"sortable-item1-4",label:"Group 2"},{id:"sortable-item1-5",label:"Add section",endIcon:e.jsx(J,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(de,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(V,{})}]},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},c={args:{isLoading:!0},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},m={args:{logoProps:{logoComponent:e.jsx(y.One,{})}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},p={args:{logoProps:{imageUrl:"https://placehold.co/600x60",imageAltText:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},u={args:{logoProps:{href:"/",logoComponent:e.jsx(y.One,{}),ariaLabel:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},g={args:{footerItems:void 0,hasCustomFooter:!0,footerComponent:e.jsx(ue,{})},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},h={args:{isLoading:!0},render:function({sideNavItems:s,isLoading:r,...a}){const[b,i]=f.useState([]),[v,X]=f.useState(r);return f.useEffect(()=>{setTimeout(()=>{i(s||[]),X(!1)},1e3)}),e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{isLoading:v,sideNavItems:b,...a})})}};var N,w,j;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
2
- render: props => {
3
- return <div style={{
4
- height: "100vh"
5
- }}>
6
- <SideNav {...props} />
7
- </div>;
8
- },
9
- play: async ({
10
- canvasElement,
11
- step
12
- }: PlaywrightProps<SideNavProps>) => {
13
- configure({
14
- testIdAttribute: "data-se"
15
- });
16
- const canvas = within(canvasElement);
17
- const toggleButton = canvas.getByRole("button", {
18
- name: "Close navigation"
19
- });
20
- const navElement = canvas.getByRole("navigation", {
21
- name: "Main navigation"
22
- });
23
- // const collapsedRegion = canvas.getByTestId("collapsed-region");
24
- const scrollableRegion = canvas.getByTestId("scrollable-region");
25
-
26
- /**
27
- * The scroll behavior in SideNav is such that if an item has isSelected and the item
28
- * is not on screen initially, it will scroll to make that item be visible on the screen.
29
- * So, we should expect that the scrollable container (found by data-se="scrollable-region")
30
- * should have a non-zero scrollTop once this operation has completed.
31
- */
32
- await step("Side Nav Should be scrolled as expected", async () => {
33
- // Add a small delay to allow initial rendering and scrolling
34
- await new Promise(resolve => setTimeout(resolve, 100));
35
-
36
- // On initial load, scrollTop will be zero. Then, once the scroll operation completes,
37
- // it should be non-zero.
38
- if (scrollableRegion.scrollTop !== 0) {
39
- expect(scrollableRegion.scrollTop).not.toBe(0);
40
- } else {
41
- await waitFor(() => {
42
- expect(scrollableRegion.scrollTop).not.toBe(0);
43
- }, {
44
- timeout: 1000
45
- });
46
- }
47
- });
48
- await step("Side Nav Collapse", async () => {
49
- await userEvent.click(toggleButton);
50
- await waitFor(() => {
51
- expect(toggleButton.ariaExpanded).toEqual("false");
52
- expect(navElement).toHaveStyle({
53
- width: 0
54
- });
55
- });
56
- });
57
- await step("Side Nav Expand", async () => {
58
- await userEvent.click(toggleButton);
59
- await waitFor(() => {
60
- expect(toggleButton.ariaExpanded).toEqual("true");
61
- expect(navElement).toBeVisible();
62
- });
63
- });
64
- }
65
- }`,...(j=(w=l.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var M,L,E;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{
66
- args: {
67
- appName: undefined,
68
- logoProps: {
69
- logoComponent: <PlaceholderLogo.One />
70
- },
71
- sideNavItems: [{
72
- href: "#",
73
- id: "sortable-item1",
74
- label: "My Apps",
75
- onClick: event => {
76
- event.preventDefault();
77
- action('onClick: "My Apps"')(event);
78
- },
79
- isSortable: true,
80
- startIcon: <HomeIcon />,
81
- nestedNavItems: [{
82
- id: "sortable-item1-1",
83
- label: "Recently Used",
84
- isSortable: false
85
- }, {
86
- id: "sortable-item1-2",
87
- label: "Work"
88
- }, {
89
- id: "sortable-item1-3",
90
- label: "Group 1"
91
- }, {
92
- id: "sortable-item1-4",
93
- label: "Group 2"
94
- }, {
95
- id: "sortable-item1-5",
96
- label: "Add section",
97
- endIcon: <AddCircleIcon />,
98
- isSortable: false
99
- }]
100
- }, {
101
- id: "sortable-item2",
102
- label: "Notifications",
103
- startIcon: <NotificationIcon />,
104
- count: 1
105
- }, {
106
- id: "sortable-item3",
107
- label: "Add apps",
108
- startIcon: <AppsIcon />
109
- }]
110
- },
111
- render: props => {
112
- return <div style={{
113
- height: "100vh"
114
- }}>
115
- <SideNav {...props} />
116
- </div>;
117
- }
118
- }`,...(E=(L=d.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};var T,A,k;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
119
- args: {
120
- isLoading: true
121
- },
122
- render: props => {
123
- return <div style={{
124
- height: "100vh"
125
- }}>
126
- <SideNav {...props} />
127
- </div>;
128
- }
129
- }`,...(k=(A=c.parameters)==null?void 0:A.docs)==null?void 0:k.source}}};var P,B,D;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
130
- args: {
131
- logoProps: {
132
- logoComponent: <PlaceholderLogo.One />
133
- }
134
- },
135
- render: props => {
136
- return <div style={{
137
- height: "100vh"
138
- }}>
139
- <SideNav {...props} />
140
- </div>;
141
- }
142
- }`,...(D=(B=m.parameters)==null?void 0:B.docs)==null?void 0:D.source}}};var O,z,R;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`{
143
- args: {
144
- logoProps: {
145
- imageUrl: "https://placehold.co/600x60",
146
- imageAltText: "My custom image logo"
147
- }
148
- },
149
- render: props => {
150
- return <div style={{
151
- height: "100vh"
152
- }}>
153
- <SideNav {...props} />
154
- </div>;
155
- }
156
- }`,...(R=(z=p.parameters)==null?void 0:z.docs)==null?void 0:R.source}}};var _,F,H;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`{
157
- args: {
158
- logoProps: {
159
- href: "/",
160
- logoComponent: <PlaceholderLogo.One />,
161
- ariaLabel: "My custom image logo"
162
- }
163
- },
164
- render: props => {
165
- return <div style={{
166
- height: "100vh"
167
- }}>
168
- <SideNav {...props} />
169
- </div>;
170
- }
171
- }`,...(H=(F=u.parameters)==null?void 0:F.docs)==null?void 0:H.source}}};var U,G,W;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`{
172
- args: {
173
- footerItems: undefined,
174
- hasCustomFooter: true,
175
- footerComponent: <CustomFooterComponent />
176
- },
177
- render: props => {
178
- return <div style={{
179
- height: "100vh"
180
- }}>
181
- <SideNav {...props} />
182
- </div>;
183
- }
184
- }`,...(W=(G=g.parameters)==null?void 0:G.docs)==null?void 0:W.source}}};var q,K,Y;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
185
- args: {
186
- isLoading: true
187
- },
188
- render: function C({
189
- sideNavItems,
190
- isLoading,
191
- ...props
192
- }) {
193
- const [sideNavItemsInState, setSideNavItemsInState] = useState<SideNavItem[]>([]);
194
- const [isLoadingInState, setIsLoadingInState] = useState(isLoading);
195
- useEffect(() => {
196
- setTimeout(() => {
197
- setSideNavItemsInState(sideNavItems || []);
198
- setIsLoadingInState(false);
199
- }, 1000);
200
- });
201
- return <div style={{
202
- height: "100vh"
203
- }}>
204
- <SideNav isLoading={isLoadingInState} sideNavItems={sideNavItemsInState} {...props} />
205
- </div>;
206
- }
207
- }`,...(Y=(K=h.parameters)==null?void 0:K.docs)==null?void 0:Y.source}}};const he=["Default","SortableSideNav","Loading","CustomLogoElement","CustomLogoImage","LogoWithLink","CustomFooterContent","DelayedSideNavItems"],Ae=Object.freeze(Object.defineProperty({__proto__:null,CustomFooterContent:g,CustomLogoElement:m,CustomLogoImage:p,Default:l,DelayedSideNavItems:h,Loading:c,LogoWithLink:u,SortableSideNav:d,__namedExportsOrder:he,default:ge},Symbol.toStringTag,{value:"Module"}));export{Ae as S};
@@ -1,51 +0,0 @@
1
- import{N as y,M as w,b as R,_,a as o,c as S,d as U,f as $,a1 as u,a2 as b}from"./tableRowClasses-DYosAqvx.js";import{r as M,j}from"./iframe-Cav9rlxr.js";import{a as A}from"./colorManipulator-BprDRxgx.js";function N(t){return String(t).match(/[\d.\-+]*\s*(.*)/)[1]||""}function X(t){return parseFloat(t)}function B(t){return w("MuiSkeleton",t)}const T=y("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]),E=["animation","className","component","height","style","variant","width"];let r=t=>t,p,m,g,f;const F=t=>{const{classes:a,variant:e,animation:i,hasChildren:s,width:l,height:n}=t;return $({root:["root",e,i,s&&"withChildren",s&&!l&&"fitContent",s&&!n&&"heightAuto"]},B,a)},K=b(p||(p=r`
2
- 0% {
3
- opacity: 1;
4
- }
5
-
6
- 50% {
7
- opacity: 0.4;
8
- }
9
-
10
- 100% {
11
- opacity: 1;
12
- }
13
- `)),P=b(m||(m=r`
14
- 0% {
15
- transform: translateX(-100%);
16
- }
17
-
18
- 50% {
19
- /* +0.5s of delay between each loop */
20
- transform: translateX(100%);
21
- }
22
-
23
- 100% {
24
- transform: translateX(100%);
25
- }
26
- `)),W=S("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:e}=t;return[a.root,a[e.variant],e.animation!==!1&&a[e.animation],e.hasChildren&&a.withChildren,e.hasChildren&&!e.width&&a.fitContent,e.hasChildren&&!e.height&&a.heightAuto]}})(({theme:t,ownerState:a})=>{const e=N(t.shape.borderRadius)||"px",i=X(t.shape.borderRadius);return o({display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:A(t.palette.text.primary,t.palette.mode==="light"?.11:.13),height:"1.2em"},a.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${e}/${Math.round(i/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}},a.variant==="circular"&&{borderRadius:"50%"},a.variant==="rounded"&&{borderRadius:(t.vars||t).shape.borderRadius},a.hasChildren&&{"& > *":{visibility:"hidden"}},a.hasChildren&&!a.width&&{maxWidth:"fit-content"},a.hasChildren&&!a.height&&{height:"auto"})},({ownerState:t})=>t.animation==="pulse"&&u(g||(g=r`
27
- animation: ${0} 2s ease-in-out 0.5s infinite;
28
- `),K),({ownerState:t,theme:a})=>t.animation==="wave"&&u(f||(f=r`
29
- position: relative;
30
- overflow: hidden;
31
-
32
- /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
33
- -webkit-mask-image: -webkit-radial-gradient(white, black);
34
-
35
- &::after {
36
- animation: ${0} 2s linear 0.5s infinite;
37
- background: linear-gradient(
38
- 90deg,
39
- transparent,
40
- ${0},
41
- transparent
42
- );
43
- content: '';
44
- position: absolute;
45
- transform: translateX(-100%); /* Avoid flash during server-side hydration */
46
- bottom: 0;
47
- left: 0;
48
- right: 0;
49
- top: 0;
50
- }
51
- `),P,(a.vars||a).palette.action.hover)),V=M.forwardRef(function(a,e){const i=R({props:a,name:"MuiSkeleton"}),{animation:s="pulse",className:l,component:n="span",height:d,style:v,variant:C="text",width:k}=i,h=_(i,E),c=o({},i,{animation:s,component:n,variant:C,hasChildren:!!h.children}),x=F(c);return j.jsx(W,o({as:n,ref:e,className:U(x.root,l),ownerState:c},h,{style:o({width:k,height:d},v)}))});export{V as S,T as s};
@@ -1 +0,0 @@
1
- import{a as C,M as A,N as D,b as B,_ as M,c as y,d as Y,f as N,l as J,e as R}from"./tableRowClasses-DYosAqvx.js";import{r as i,j as k}from"./iframe-Cav9rlxr.js";import{u as Q,a as V}from"./useIsFocusVisible-Cu721A7w.js";import{u as P}from"./TransitionGroupContext-CTI9LvjA.js";import{e as j}from"./resolveComponentProps-m1IywaLB.js";import{u as Z}from"./utils-fJIW_l91.js";import{G as ee}from"./Grow-DG6yJWeA.js";import{g as ne,u as te}from"./Portal-CznYNzyC.js";import{o as S}from"./ownerDocument-DW-IO8s5.js";import{P as oe}from"./Paper-DIvrMKVz.js";function z(e){return e.substring(2).toLowerCase()}function re(e,n){return n.documentElement.clientWidth<e.clientX||n.documentElement.clientHeight<e.clientY}function se(e){const{children:n,disableReactTree:s=!1,mouseEvent:o="onClick",onClickAway:l,touchEvent:u="onTouchEnd"}=e,g=i.useRef(!1),d=i.useRef(null),h=i.useRef(!1),v=i.useRef(!1);i.useEffect(()=>(setTimeout(()=>{h.current=!0},0),()=>{h.current=!1}),[]);const m=Q(ne(n),d),f=P(a=>{const c=v.current;v.current=!1;const b=S(d.current);if(!h.current||!d.current||"clientX"in a&&re(a,b))return;if(g.current){g.current=!1;return}let t;a.composedPath?t=a.composedPath().indexOf(d.current)>-1:t=!b.documentElement.contains(a.target)||d.current.contains(a.target),!t&&(s||!c)&&l(a)}),x=a=>c=>{v.current=!0;const b=n.props[a];b&&b(c)},E={ref:m};return u!==!1&&(E[u]=x(u)),i.useEffect(()=>{if(u!==!1){const a=z(u),c=S(d.current),b=()=>{g.current=!0};return c.addEventListener(a,f),c.addEventListener("touchmove",b),()=>{c.removeEventListener(a,f),c.removeEventListener("touchmove",b)}}},[f,u]),o!==!1&&(E[o]=x(o)),i.useEffect(()=>{if(o!==!1){const a=z(o),c=S(d.current);return c.addEventListener(a,f),()=>{c.removeEventListener(a,f)}}},[f,o]),k.jsx(i.Fragment,{children:i.cloneElement(n,E)})}function ae(e={}){const{autoHideDuration:n=null,disableWindowBlurListener:s=!1,onClose:o,open:l,resumeHideDuration:u}=e,g=V();i.useEffect(()=>{if(!l)return;function t(r){r.defaultPrevented||(r.key==="Escape"||r.key==="Esc")&&(o==null||o(r,"escapeKeyDown"))}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[l,o]);const d=P((t,r)=>{o==null||o(t,r)}),h=P(t=>{!o||t==null||g.start(t,()=>{d(null,"timeout")})});i.useEffect(()=>(l&&h(n),g.clear),[l,n,h,g]);const v=t=>{o==null||o(t,"clickaway")},m=g.clear,f=i.useCallback(()=>{n!=null&&h(u??n*.5)},[n,u,h]),x=t=>r=>{const p=t.onBlur;p==null||p(r),f()},E=t=>r=>{const p=t.onFocus;p==null||p(r),m()},a=t=>r=>{const p=t.onMouseEnter;p==null||p(r),m()},c=t=>r=>{const p=t.onMouseLeave;p==null||p(r),f()};return i.useEffect(()=>{if(!s&&l)return window.addEventListener("focus",f),window.addEventListener("blur",m),()=>{window.removeEventListener("focus",f),window.removeEventListener("blur",m)}},[s,l,f,m]),{getRootProps:(t={})=>{const r=C({},j(e),j(t));return C({role:"presentation"},t,r,{onBlur:x(r),onFocus:E(r),onMouseEnter:a(r),onMouseLeave:c(r)})},onClickAway:v}}function ie(e){return A("MuiSnackbarContent",e)}D("MuiSnackbarContent",["root","message","action"]);const ce=["action","className","message","role"],le=e=>{const{classes:n}=e;return N({root:["root"],action:["action"],message:["message"]},ie,n)},ue=y(oe,{name:"MuiSnackbarContent",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>{const n=e.palette.mode==="light"?.8:.98,s=J.emphasize(e.palette.background.default,n);return C({},e.typography.body2,{color:e.vars?e.vars.palette.SnackbarContent.color:e.palette.getContrastText(s),backgroundColor:e.vars?e.vars.palette.SnackbarContent.bg:s,display:"flex",alignItems:"center",flexWrap:"wrap",padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,flexGrow:1,[e.breakpoints.up("sm")]:{flexGrow:"initial",minWidth:288}})}),de=y("div",{name:"MuiSnackbarContent",slot:"Message",overridesResolver:(e,n)=>n.message})({padding:"8px 0"}),fe=y("div",{name:"MuiSnackbarContent",slot:"Action",overridesResolver:(e,n)=>n.action})({display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8}),pe=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbarContent"}),{action:l,className:u,message:g,role:d="alert"}=o,h=M(o,ce),v=o,m=le(v);return k.jsxs(ue,C({role:d,square:!0,elevation:6,className:Y(m.root,u),ownerState:v,ref:s},h,{children:[k.jsx(de,{className:m.message,ownerState:v,children:g}),l?k.jsx(fe,{className:m.action,ownerState:v,children:l}):null]}))});function me(e){return A("MuiSnackbar",e)}D("MuiSnackbar",["root","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft"]);const ge=["onEnter","onExited"],he=["action","anchorOrigin","autoHideDuration","children","className","ClickAwayListenerProps","ContentProps","disableWindowBlurListener","message","onBlur","onClose","onFocus","onMouseEnter","onMouseLeave","open","resumeHideDuration","TransitionComponent","transitionDuration","TransitionProps"],ve=e=>{const{classes:n,anchorOrigin:s}=e,o={root:["root",`anchorOrigin${R(s.vertical)}${R(s.horizontal)}`]};return N(o,me,n)},H=y("div",{name:"MuiSnackbar",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:s}=e;return[n.root,n[`anchorOrigin${R(s.anchorOrigin.vertical)}${R(s.anchorOrigin.horizontal)}`]]}})(({theme:e,ownerState:n})=>{const s={left:"50%",right:"auto",transform:"translateX(-50%)"};return C({zIndex:(e.vars||e).zIndex.snackbar,position:"fixed",display:"flex",left:8,right:8,justifyContent:"center",alignItems:"center"},n.anchorOrigin.vertical==="top"?{top:8}:{bottom:8},n.anchorOrigin.horizontal==="left"&&{justifyContent:"flex-start"},n.anchorOrigin.horizontal==="right"&&{justifyContent:"flex-end"},{[e.breakpoints.up("sm")]:C({},n.anchorOrigin.vertical==="top"?{top:24}:{bottom:24},n.anchorOrigin.horizontal==="center"&&s,n.anchorOrigin.horizontal==="left"&&{left:24,right:"auto"},n.anchorOrigin.horizontal==="right"&&{right:24,left:"auto"})})}),Me=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbar"}),l=Z(),u={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{action:g,anchorOrigin:{vertical:d,horizontal:h}={vertical:"bottom",horizontal:"left"},autoHideDuration:v=null,children:m,className:f,ClickAwayListenerProps:x,ContentProps:E,disableWindowBlurListener:a=!1,message:c,open:b,TransitionComponent:t=ee,transitionDuration:r=u,TransitionProps:{onEnter:p,onExited:O}={}}=o,F=M(o.TransitionProps,ge),W=M(o,he),w=C({},o,{anchorOrigin:{vertical:d,horizontal:h},autoHideDuration:v,disableWindowBlurListener:a,TransitionComponent:t,transitionDuration:r}),U=ve(w),{getRootProps:_,onClickAway:$}=ae(C({},w)),[I,T]=i.useState(!0),G=te({elementType:H,getSlotProps:_,externalForwardedProps:W,ownerState:w,additionalProps:{ref:s},className:[U.root,f]}),X=L=>{T(!0),O&&O(L)},K=(L,q)=>{T(!1),p&&p(L,q)};return!b&&I?null:k.jsx(se,C({onClickAway:$},x,{children:k.jsx(H,C({},G,{children:k.jsx(t,C({appear:!0,in:b,timeout:r,direction:d==="top"?"down":"up",onEnter:K,onExited:X},F,{children:m||k.jsx(pe,C({message:c,action:g},E))}))}))}))});export{Me as S};
@@ -1 +0,0 @@
1
- import{r,j as t}from"./iframe-Cav9rlxr.js";import{S as c}from"./Stack-Bgh4xems.js";const p=[0,1,2,3,4,5,6,7,8,9],l=["row","row-reverse","column","column-reverse"],e=({children:s,direction:a="column",spacing:o=2})=>t.jsx(c,{direction:a,spacing:o,children:s}),n=r.memo(e);n.displayName="Stack";export{n as M,l as a,p as s};
@@ -1 +0,0 @@
1
- import{q as V,_ as T,a as k,d as D,a6 as v,a7 as p,a8 as F,P as M,a9 as B,f as E,M as G,C as N,aa as h,c as _,b as O}from"./tableRowClasses-DYosAqvx.js";import{r as d,j as U}from"./iframe-Cav9rlxr.js";import{c as $}from"./createStyled-CNzidwe1.js";import{u as A}from"./useThemeProps-C9dAJTwo.js";const L=$(),q=["component","direction","spacing","divider","children","className","useFlexGap"],I=N(),W=L("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root});function z(e){return A({props:e,name:"MuiStack",defaultTheme:I})}function H(e,s){const n=d.Children.toArray(e).filter(Boolean);return n.reduce((a,c,t)=>(a.push(c),t<n.length-1&&a.push(d.cloneElement(s,{key:`separator-${t}`})),a),[])}const J=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],K=({ownerState:e,theme:s})=>{let n=k({display:"flex",flexDirection:"column"},v({theme:s},p({values:e.direction,breakpoints:s.breakpoints.values}),a=>({flexDirection:a})));if(e.spacing){const a=F(s),c=Object.keys(s.breakpoints.values).reduce((o,r)=>((typeof e.spacing=="object"&&e.spacing[r]!=null||typeof e.direction=="object"&&e.direction[r]!=null)&&(o[r]=!0),o),{}),t=p({values:e.direction,base:c}),m=p({values:e.spacing,base:c});typeof t=="object"&&Object.keys(t).forEach((o,r,i)=>{if(!t[o]){const u=r>0?t[i[r-1]]:"column";t[o]=u}}),n=M(n,v({theme:s},m,(o,r)=>e.useFlexGap?{gap:h(a,o)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${J(r?t[r]:e.direction)}`]:h(a,o)}}))}return n=B(s.breakpoints,n),n};function Q(e={}){const{createStyledComponent:s=W,useThemeProps:n=z,componentName:a="MuiStack"}=e,c=()=>E({root:["root"]},o=>G(a,o),{}),t=s(K);return d.forwardRef(function(o,r){const i=n(o),l=V(i),{component:u="div",direction:x="column",spacing:P=0,divider:y,children:g,className:j,useFlexGap:C=!1}=l,S=T(l,q),b={direction:x,spacing:P,useFlexGap:C},R=c();return U.jsx(t,k({as:u,ownerState:b,ref:r,className:D(R.root,j)},S,{children:y?H(g,y):g}))})}const ee=Q({createStyledComponent:_("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root}),useThemeProps:e=>O({props:e,name:"MuiStack"})});export{ee as S};
@@ -1 +0,0 @@
1
- import{j as e}from"./iframe-Cav9rlxr.js";import{s as c}from"./tableRowClasses-DYosAqvx.js";import{O as p}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{s as m,a as s,M as d}from"./Stack-B9cZmjdi.js";import{u as l}from"./OdysseyThemeProvider-DOMFnSU0.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";const o=c.div(({odysseyDesignTokens:t})=>({display:"flex",alignItems:"center",justifyContent:"center",width:t.Spacing8,height:t.Spacing8,backgroundColor:t.HueNeutral100,border:`1px dashed ${t.PalettePrimaryDarker}`,borderRadius:t.BorderRadiusMain})),u=()=>{const t=l();return e.jsxs(e.Fragment,{children:[e.jsx(o,{odysseyDesignTokens:t,children:"1"}),e.jsx(o,{odysseyDesignTokens:t,children:"2"}),e.jsx(o,{odysseyDesignTokens:t,children:"3"}),e.jsx(o,{odysseyDesignTokens:t,children:"4"})]})},w={component:d,decorators:[p],tags:["autodocs"],argTypes:{children:{control:e.jsx(e.Fragment,{}),description:"The content of the component",table:{type:{summary:"ReactNode"}}},direction:{options:s,control:{type:"radio"},description:"The flex-direction applied to the Stack",table:{type:{summary:s.join(" | ")}},type:{name:"other",value:"radio"}},spacing:{control:"select",options:m.map(t=>t)},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:e.jsx(u,{}),spacing:2}},r={};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const D=["Default"];export{r as Default,D as __namedExportsOrder,w as default};
@@ -1,34 +0,0 @@
1
- import{r as e,j as r}from"./iframe-Cav9rlxr.js";import{O as I}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as w,M as B}from"./index.esm-C_XHPSqo.js";import{a as F}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as x}from"./Button-BX9EXxBV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./tableRowClasses-DYosAqvx.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./List-BcXvgzsa.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-4m9Fbl4Y.js";import"./index-C5VVYn_U.js";import"./utils-fJIW_l91.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./Popper-B9cGJ5Ql.js";import"./Paper-DIvrMKVz.js";import"./Box-DduJOSF-.js";import"./CircularProgress-BgZHFbQE.js";import"./DialogContent-BOYeFFEd.js";import"./Fade-5EaFioT-.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-DejbXXRS.js";import"./DialogTitle-CIzT7Vz-.js";import"./Typography-D4Laguzq.js";import"./Menu-BCZiiIwc.js";import"./MenuList-BTp-5mcb.js";import"./colorManipulator-BprDRxgx.js";import"./IconButton-BJHIZjwd.js";import"./Radio-BI2zWqqk.js";import"./SwitchBase-fGL3z_gG.js";import"./Checkbox-RASNl40G.js";import"./useMobilePicker-0Zj6ZxWR.js";import"./Select-DHIWx9ln.js";import"./ArrowDropDown-CMSB1a5F.js";import"./InputBase-Bm1MB3pl.js";import"./useThemeProps-CITViJJe.js";import"./InputAdornment-CeCSVIa-.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-AqSkJ6Nd.js";import"./Chip-bDORJbkM.js";import"./MenuItem-Cu1R78Nk.js";import"./Collapse-1HAz0LZV.js";import"./AlertTitle-41lhnhsR.js";import"./useSlot-CvipdriX.js";import"./Close-cbwEd5Sp.js";import"./LinearProgress-BcCo3aqG.js";import"./Skeleton-CxK3bCNC.js";import"./Divider-6S-pAD7Z.js";import"./Autocomplete-DxRs9Djj.js";import"./ListSubheader-CB8GDLQK.js";import"./tableSortLabelClasses-BkDwo_43.js";import"./FormControlLabel-CB3xJ6ut.js";import"./DateTimePicker-CIersydJ.js";import"./Tabs-By4ALAid.js";import"./DatePicker-BOqWHXdY.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";/*!
2
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
- *
5
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
6
- * Unless required by applicable law or agreed to in writing, software
7
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
8
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9
- *
10
- * See the License for the specific language governing permissions and limitations under the License.
11
- */const M=({columns:a=[],data:S=[],getRowId:J,hasError:E,initialState:T,onGlobalFilterChange:i,state:l,ToolbarButtons:n})=>{const{t:L}=F(),c=e.useRef(null),[d,R]=e.useState([]),[t,v]=e.useState();e.useEffect(()=>{t!==void 0&&(i==null||i(t))},[t,i]);const K=e.useMemo(()=>({globalFilter:t,columnFilters:d,...l}),[t,d,l]),V=e.useCallback(({table:s})=>r.jsx(r.Fragment,{children:n&&r.jsx(n,{table:s})}),[n]);e.useEffect(()=>{var s,p;try{(p=(s=c.current)==null?void 0:s.scrollToIndex)==null||p.call(s,0)}catch(C){console.error(C)}},[d,t]);const O=w({columns:a,data:S,enableBottomToolbar:!1,enablePagination:!1,enableRowVirtualization:!0,enableSorting:!1,getRowId:J,initialState:T,muiToolbarAlertBannerProps:E?{children:L("table.error"),color:"error"}:void 0,onColumnFiltersChange:R,onGlobalFilterChange:v,renderTopToolbarCustomActions:V,rowVirtualizerInstanceRef:c,rowVirtualizerOptions:{overscan:4},state:K});return r.jsx(B,{table:O})},k=e.memo(M);k.displayName="StaticTable";const ce={component:k,decorators:[I],argTypes:{columns:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},data:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},getRowId:{},fetchMoreData:{},hasError:{control:"boolean"},hasRowSelection:{control:"boolean"},initialState:{control:"object"},isFetching:{control:"boolean"},onGlobalFilterChange:{},onPaginationChange:{},onRowSelectionChange:{},state:{control:"object"}},tags:["deprecated","labs-export"]},D=[{accessorKey:"name.firstName",header:"First Name"},{accessorKey:"name.lastName",header:"Last Name"},{accessorKey:"address",Cell:({cell:a})=>a.getValue().concat(","),header:"Address"},{accessorKey:"city",header:"City"},{accessorKey:"state",header:"State"}],g=[{address:"261 Erdman Ford",city:"East Daphne",id:"234823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"234823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"234823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"234823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"234823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"334823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"334823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"334823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"334823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"334823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"434823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"434823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"434823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"434823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"434823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"534823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"534823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"534823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"534823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"534823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"634823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"634823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"634823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"634823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"634823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"734823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"734823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"734823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"734823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"734823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"834823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"834823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"834823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"834823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"834823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"934823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"934823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"934823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"934823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"934823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"}],o={args:{columns:D,data:g,getRowId:({id:a})=>a}},m={args:{columns:D,data:g,getRowId:({id:a})=>a,ToolbarButtons:({table:a})=>r.jsx(x,{label:"New Action",onClick:()=>console.info(a.getState()),variant:"primary"})}};var u,N,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
12
- args: {
13
- columns,
14
- data,
15
- getRowId: ({
16
- id
17
- }: {
18
- id: string;
19
- }) => id
20
- }
21
- }`,...(f=(N=o.parameters)==null?void 0:N.docs)==null?void 0:f.source}}};var y,h,b;m.parameters={...m.parameters,docs:{...(y=m.parameters)==null?void 0:y.docs,source:{originalSource:`{
22
- args: {
23
- columns,
24
- data,
25
- getRowId: ({
26
- id
27
- }: {
28
- id: string;
29
- }) => id,
30
- ToolbarButtons: ({
31
- table
32
- }) => <Button label="New Action" onClick={() => console.info(table.getState())} variant="primary" />
33
- }
34
- }`,...(b=(h=m.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};const pe=["BasicUsage","CustomToolbar"];export{o as BasicUsage,m as CustomToolbar,pe as __namedExportsOrder,ce as default};
@@ -1 +0,0 @@
1
- import{r as u,j as l}from"./iframe-Cav9rlxr.js";import{u as m}from"./MuiPropsContext-ppLtceHL.js";import{C as n}from"./Chip-bDORJbkM.js";const S=["default","error","info","success","warning"],b=["lamp","pill"],p=({ariaDescribedBy:s,label:a,severity:t,testId:r,translate:o,variant:e="pill"})=>{const i=m();return l.jsx(n,{...i,"aria-describedby":s,color:t,"data-se":r,label:a,translate:o,variant:e})},c=u.memo(p);c.displayName="Status";export{c as M,S as a,b as s};
@@ -1,66 +0,0 @@
1
- import{j as m}from"./iframe-Cav9rlxr.js";import{O as U}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{s as d,a as u,M as N}from"./Status-BDUUaZsQ.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./MuiPropsContext-ppLtceHL.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./useIsFocusVisible-Cu721A7w.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";const vr={component:N,decorators:[U],tags:["autodocs"],argTypes:{label:{control:"text",description:"The text describing the Status",type:{required:!0,name:"string"}},severity:{control:"radio",options:u,description:"The severity of the Status, as indicated by its styling",table:{type:{summary:u.join(" | ")},defaultValue:{summary:"default"}},type:{required:!0,name:"other",value:"radio"}},variant:{control:"radio",options:d,description:"Whether the Status is displayed uncontained (`lamp`) or contained (`pill`)",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"pill"}}}},args:{label:"Warp drive in standby",severity:"default"}},r={args:{label:"Warp drive in standby"}},e={args:{label:"Warp drive unstable",severity:"error"}},a={args:{label:"Warp drive unstable",severity:"info"}},s={args:{label:"Warp drive online",severity:"success"}},t={args:{label:"Warp fuel low",severity:"warning"}},n={args:{label:"Warp drive in standby",variant:"lamp"}},o={args:{label:"Warp drive unstable",severity:"error",variant:"lamp"}},i={args:{label:"Warp drive unstable",severity:"info",variant:"lamp"}},l={args:{label:"Warp drive online",severity:"success",variant:"lamp"}},p={args:{label:"Warp fuel low",severity:"warning",variant:"lamp"}},c={args:{label:"A really long label that will overflow the container and should be truncated",variant:"lamp"},render:function(Q){return m.jsx("div",{style:{width:"200px"},children:m.jsx(N,{...Q})})}};var v,g,b;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
2
- args: {
3
- label: "Warp drive in standby"
4
- }
5
- }`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,f,W;e.parameters={...e.parameters,docs:{...(y=e.parameters)==null?void 0:y.docs,source:{originalSource:`{
6
- args: {
7
- label: "Warp drive unstable",
8
- severity: "error"
9
- }
10
- }`,...(W=(f=e.parameters)==null?void 0:f.docs)==null?void 0:W.source}}};var S,h,w;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`{
11
- args: {
12
- label: "Warp drive unstable",
13
- severity: "info"
14
- }
15
- }`,...(w=(h=a.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var L,x,P;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`{
16
- args: {
17
- label: "Warp drive online",
18
- severity: "success"
19
- }
20
- }`,...(P=(x=s.parameters)==null?void 0:x.docs)==null?void 0:P.source}}};var j,E,D;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`{
21
- args: {
22
- label: "Warp fuel low",
23
- severity: "warning"
24
- }
25
- }`,...(D=(E=t.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var O,V,I;n.parameters={...n.parameters,docs:{...(O=n.parameters)==null?void 0:O.docs,source:{originalSource:`{
26
- args: {
27
- label: "Warp drive in standby",
28
- variant: "lamp"
29
- }
30
- }`,...(I=(V=n.parameters)==null?void 0:V.docs)==null?void 0:I.source}}};var T,M,k;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`{
31
- args: {
32
- label: "Warp drive unstable",
33
- severity: "error",
34
- variant: "lamp"
35
- }
36
- }`,...(k=(M=o.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};var q,A,C;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`{
37
- args: {
38
- label: "Warp drive unstable",
39
- severity: "info",
40
- variant: "lamp"
41
- }
42
- }`,...(C=(A=i.parameters)==null?void 0:A.docs)==null?void 0:C.source}}};var _,z,R;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`{
43
- args: {
44
- label: "Warp drive online",
45
- severity: "success",
46
- variant: "lamp"
47
- }
48
- }`,...(R=(z=l.parameters)==null?void 0:z.docs)==null?void 0:R.source}}};var B,F,G;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
49
- args: {
50
- label: "Warp fuel low",
51
- severity: "warning",
52
- variant: "lamp"
53
- }
54
- }`,...(G=(F=p.parameters)==null?void 0:F.docs)==null?void 0:G.source}}};var H,J,K;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`{
55
- args: {
56
- label: "A really long label that will overflow the container and should be truncated",
57
- variant: "lamp"
58
- },
59
- render: function C(props) {
60
- return <div style={{
61
- width: "200px"
62
- }}>
63
- <Status {...props} />
64
- </div>;
65
- }
66
- }`,...(K=(J=c.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const gr=["DefaultPill","ErrorPill","InfoPill","SuccessPill","WarningPill","DefaultLamp","ErrorLamp","InfoLamp","SuccessLamp","WarningLamp","OverflowLamp"];export{n as DefaultLamp,r as DefaultPill,o as ErrorLamp,e as ErrorPill,i as InfoLamp,a as InfoPill,c as OverflowLamp,l as SuccessLamp,s as SuccessPill,p as WarningLamp,t as WarningPill,gr as __namedExportsOrder,vr as default};