@okta/odyssey-react-mui 1.24.1 → 1.26.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 (504) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/Autocomplete.js +30 -191
  3. package/dist/Autocomplete.js.map +1 -1
  4. package/dist/Box.js +2 -0
  5. package/dist/Box.js.map +1 -1
  6. package/dist/Card.js +1 -0
  7. package/dist/Card.js.map +1 -1
  8. package/dist/OdysseyDesignTokensContext.js +3 -2
  9. package/dist/OdysseyDesignTokensContext.js.map +1 -1
  10. package/dist/OdysseyProvider.js +22 -40
  11. package/dist/OdysseyProvider.js.map +1 -1
  12. package/dist/OdysseyThemeProvider.js +33 -12
  13. package/dist/OdysseyThemeProvider.js.map +1 -1
  14. package/dist/OdysseyTranslationProvider.types.js +1 -1
  15. package/dist/OdysseyTranslationProvider.types.js.map +1 -1
  16. package/dist/Pagination/Pagination.js +46 -14
  17. package/dist/Pagination/Pagination.js.map +1 -1
  18. package/dist/Select.js +10 -2
  19. package/dist/Select.js.map +1 -1
  20. package/dist/Surface.js +4 -1
  21. package/dist/Surface.js.map +1 -1
  22. package/dist/Tag.js +97 -47
  23. package/dist/Tag.js.map +1 -1
  24. package/dist/i18n.js +2 -0
  25. package/dist/i18n.js.map +1 -1
  26. package/dist/index.js +6 -7
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.scss +1 -1
  29. package/dist/labs/AppTile.js +137 -39
  30. package/dist/labs/AppTile.js.map +1 -1
  31. package/dist/labs/DataView/CardLayoutContent.js +7 -8
  32. package/dist/labs/DataView/CardLayoutContent.js.map +1 -1
  33. package/dist/labs/DataView/DataCard.js +96 -43
  34. package/dist/labs/DataView/DataCard.js.map +1 -1
  35. package/dist/labs/DataView/TableLayoutContent.js +3 -2
  36. package/dist/labs/DataView/TableLayoutContent.js.map +1 -1
  37. package/dist/labs/DataView/componentTypes.js.map +1 -1
  38. package/dist/labs/DataView/index.js.map +1 -1
  39. package/dist/labs/OdysseyPickers/ComposablePicker.js +113 -0
  40. package/dist/labs/OdysseyPickers/ComposablePicker.js.map +1 -0
  41. package/dist/labs/OdysseyPickers/Picker.js +261 -0
  42. package/dist/labs/OdysseyPickers/Picker.js.map +1 -0
  43. package/dist/labs/OdysseyPickers/PickerVirtualizationListBox.js +132 -0
  44. package/dist/labs/OdysseyPickers/PickerVirtualizationListBox.js.map +1 -0
  45. package/dist/labs/OdysseyPickers/PickerWithOptionAdornment.js +291 -0
  46. package/dist/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -0
  47. package/dist/{src/createShadowDomElements.d.ts → labs/OdysseyPickers/index.js} +4 -7
  48. package/dist/labs/OdysseyPickers/index.js.map +1 -0
  49. package/dist/labs/PageTemplate.js +14 -10
  50. package/dist/labs/PageTemplate.js.map +1 -1
  51. package/dist/labs/SideNav/CollapseIcon.js +11 -25
  52. package/dist/labs/SideNav/CollapseIcon.js.map +1 -1
  53. package/dist/labs/SideNav/HandleIcon.js +32 -0
  54. package/dist/labs/SideNav/HandleIcon.js.map +1 -0
  55. package/dist/labs/{NavAccordion.js → SideNav/NavAccordion.js} +35 -6
  56. package/dist/labs/SideNav/NavAccordion.js.map +1 -0
  57. package/dist/labs/SideNav/OktaAura.js +32 -0
  58. package/dist/labs/SideNav/OktaAura.js.map +1 -0
  59. package/dist/labs/SideNav/OktaLogo.js +6 -9
  60. package/dist/labs/SideNav/OktaLogo.js.map +1 -1
  61. package/dist/labs/SideNav/SideNav.js +239 -169
  62. package/dist/labs/SideNav/SideNav.js.map +1 -1
  63. package/dist/labs/SideNav/SideNavFooterContent.js +32 -18
  64. package/dist/labs/SideNav/SideNavFooterContent.js.map +1 -1
  65. package/dist/labs/SideNav/SideNavHeader.js +48 -37
  66. package/dist/labs/SideNav/SideNavHeader.js.map +1 -1
  67. package/dist/labs/SideNav/SideNavItemContent.js +100 -58
  68. package/dist/labs/SideNav/SideNavItemContent.js.map +1 -1
  69. package/dist/labs/SideNav/SideNavItemContentContext.js +19 -0
  70. package/dist/labs/SideNav/SideNavItemContentContext.js.map +1 -0
  71. package/dist/labs/SideNav/SideNavItemLinkContent.js +14 -13
  72. package/dist/labs/SideNav/SideNavItemLinkContent.js.map +1 -1
  73. package/dist/labs/SideNav/SideNavLogo.js +42 -0
  74. package/dist/labs/SideNav/SideNavLogo.js.map +1 -0
  75. package/dist/labs/SideNav/SideNavToggleButton.js +170 -0
  76. package/dist/labs/SideNav/SideNavToggleButton.js.map +1 -0
  77. package/dist/labs/SideNav/types.js.map +1 -1
  78. package/dist/labs/TopNav/TopNav.js +65 -0
  79. package/dist/labs/TopNav/TopNav.js.map +1 -0
  80. package/dist/labs/TopNav/TopNavLinksList.js +38 -0
  81. package/dist/labs/TopNav/TopNavLinksList.js.map +1 -0
  82. package/dist/labs/TopNav/TopNavListItem.js +132 -0
  83. package/dist/labs/TopNav/TopNavListItem.js.map +1 -0
  84. package/dist/labs/TopNav/UserProfile.js +65 -0
  85. package/dist/labs/TopNav/UserProfile.js.map +1 -0
  86. package/dist/labs/TopNav/index.js +14 -0
  87. package/dist/labs/TopNav/index.js.map +1 -0
  88. package/dist/labs/UiShell/UiShell.js +68 -0
  89. package/dist/labs/UiShell/UiShell.js.map +1 -0
  90. package/dist/labs/UiShell/UiShellContent.js +114 -0
  91. package/dist/labs/UiShell/UiShellContent.js.map +1 -0
  92. package/dist/labs/UiShell/bufferLatest.js +37 -0
  93. package/dist/labs/UiShell/bufferLatest.js.map +1 -0
  94. package/dist/labs/UiShell/createMessageBus.js +30 -0
  95. package/dist/labs/UiShell/createMessageBus.js.map +1 -0
  96. package/dist/labs/UiShell/createStore.js +24 -0
  97. package/dist/labs/UiShell/createStore.js.map +1 -0
  98. package/dist/labs/UiShell/index.js +15 -0
  99. package/dist/labs/UiShell/index.js.map +1 -0
  100. package/dist/labs/UiShell/renderUiShell.js +78 -0
  101. package/dist/labs/UiShell/renderUiShell.js.map +1 -0
  102. package/dist/labs/UiShell/useHasUiShell.js +22 -0
  103. package/dist/labs/UiShell/useHasUiShell.js.map +1 -0
  104. package/dist/labs/UiShell/useScrollState.js +41 -0
  105. package/dist/labs/UiShell/useScrollState.js.map +1 -0
  106. package/dist/labs/index.js +5 -3
  107. package/dist/labs/index.js.map +1 -1
  108. package/dist/properties/ts/odyssey-react-mui.js +7 -1
  109. package/dist/properties/ts/odyssey-react-mui.js.map +1 -1
  110. package/dist/properties/ts/odyssey-react-mui_cs.js +3 -1
  111. package/dist/properties/ts/odyssey-react-mui_cs.js.map +1 -1
  112. package/dist/properties/ts/odyssey-react-mui_da.js +3 -1
  113. package/dist/properties/ts/odyssey-react-mui_da.js.map +1 -1
  114. package/dist/properties/ts/odyssey-react-mui_de.js +3 -1
  115. package/dist/properties/ts/odyssey-react-mui_de.js.map +1 -1
  116. package/dist/properties/ts/odyssey-react-mui_el.js +3 -1
  117. package/dist/properties/ts/odyssey-react-mui_el.js.map +1 -1
  118. package/dist/properties/ts/odyssey-react-mui_es.js +3 -1
  119. package/dist/properties/ts/odyssey-react-mui_es.js.map +1 -1
  120. package/dist/properties/ts/odyssey-react-mui_fi.js +3 -1
  121. package/dist/properties/ts/odyssey-react-mui_fi.js.map +1 -1
  122. package/dist/properties/ts/odyssey-react-mui_fr.js +5 -3
  123. package/dist/properties/ts/odyssey-react-mui_fr.js.map +1 -1
  124. package/dist/properties/ts/odyssey-react-mui_ht.js +3 -1
  125. package/dist/properties/ts/odyssey-react-mui_ht.js.map +1 -1
  126. package/dist/properties/ts/odyssey-react-mui_hu.js +3 -1
  127. package/dist/properties/ts/odyssey-react-mui_hu.js.map +1 -1
  128. package/dist/properties/ts/odyssey-react-mui_id.js +3 -1
  129. package/dist/properties/ts/odyssey-react-mui_id.js.map +1 -1
  130. package/dist/properties/ts/odyssey-react-mui_it.js +4 -2
  131. package/dist/properties/ts/odyssey-react-mui_it.js.map +1 -1
  132. package/dist/properties/ts/odyssey-react-mui_ja.js +9 -7
  133. package/dist/properties/ts/odyssey-react-mui_ja.js.map +1 -1
  134. package/dist/properties/ts/odyssey-react-mui_ko.js +3 -1
  135. package/dist/properties/ts/odyssey-react-mui_ko.js.map +1 -1
  136. package/dist/properties/ts/odyssey-react-mui_ms.js +3 -1
  137. package/dist/properties/ts/odyssey-react-mui_ms.js.map +1 -1
  138. package/dist/properties/ts/odyssey-react-mui_nb.js +3 -1
  139. package/dist/properties/ts/odyssey-react-mui_nb.js.map +1 -1
  140. package/dist/properties/ts/odyssey-react-mui_nl_NL.js +3 -1
  141. package/dist/properties/ts/odyssey-react-mui_nl_NL.js.map +1 -1
  142. package/dist/properties/ts/odyssey-react-mui_pl.js +3 -1
  143. package/dist/properties/ts/odyssey-react-mui_pl.js.map +1 -1
  144. package/dist/properties/ts/odyssey-react-mui_pt_BR.js +3 -1
  145. package/dist/properties/ts/odyssey-react-mui_pt_BR.js.map +1 -1
  146. package/dist/properties/ts/odyssey-react-mui_ro.js +3 -1
  147. package/dist/properties/ts/odyssey-react-mui_ro.js.map +1 -1
  148. package/dist/properties/ts/odyssey-react-mui_ru.js +3 -1
  149. package/dist/properties/ts/odyssey-react-mui_ru.js.map +1 -1
  150. package/dist/properties/ts/odyssey-react-mui_sv.js +3 -1
  151. package/dist/properties/ts/odyssey-react-mui_sv.js.map +1 -1
  152. package/dist/properties/ts/odyssey-react-mui_th.js +3 -1
  153. package/dist/properties/ts/odyssey-react-mui_th.js.map +1 -1
  154. package/dist/properties/ts/odyssey-react-mui_tr.js +4 -2
  155. package/dist/properties/ts/odyssey-react-mui_tr.js.map +1 -1
  156. package/dist/properties/ts/odyssey-react-mui_uk.js +3 -1
  157. package/dist/properties/ts/odyssey-react-mui_uk.js.map +1 -1
  158. package/dist/properties/ts/odyssey-react-mui_vi.js +3 -1
  159. package/dist/properties/ts/odyssey-react-mui_vi.js.map +1 -1
  160. package/dist/properties/ts/odyssey-react-mui_zh_CN.js +3 -1
  161. package/dist/properties/ts/odyssey-react-mui_zh_CN.js.map +1 -1
  162. package/dist/properties/ts/odyssey-react-mui_zh_TW.js +3 -1
  163. package/dist/properties/ts/odyssey-react-mui_zh_TW.js.map +1 -1
  164. package/dist/src/Autocomplete.d.ts +21 -22
  165. package/dist/src/Autocomplete.d.ts.map +1 -1
  166. package/dist/src/Box.d.ts +3 -1
  167. package/dist/src/Box.d.ts.map +1 -1
  168. package/dist/src/Card.d.ts.map +1 -1
  169. package/dist/src/OdysseyDesignTokensContext.d.ts +5 -4
  170. package/dist/src/OdysseyDesignTokensContext.d.ts.map +1 -1
  171. package/dist/src/OdysseyProvider.d.ts +1 -3
  172. package/dist/src/OdysseyProvider.d.ts.map +1 -1
  173. package/dist/src/OdysseyThemeProvider.d.ts +10 -4
  174. package/dist/src/OdysseyThemeProvider.d.ts.map +1 -1
  175. package/dist/src/OdysseyTranslationProvider.d.ts +1 -1
  176. package/dist/src/OdysseyTranslationProvider.d.ts.map +1 -1
  177. package/dist/src/OdysseyTranslationProvider.types.d.ts +1 -1
  178. package/dist/src/OdysseyTranslationProvider.types.d.ts.map +1 -1
  179. package/dist/src/Pagination/Pagination.d.ts +21 -7
  180. package/dist/src/Pagination/Pagination.d.ts.map +1 -1
  181. package/dist/src/Select.d.ts.map +1 -1
  182. package/dist/src/Surface.d.ts.map +1 -1
  183. package/dist/src/Tag.d.ts +5 -2
  184. package/dist/src/Tag.d.ts.map +1 -1
  185. package/dist/src/i18n.d.ts.map +1 -1
  186. package/dist/src/index.d.ts +6 -7
  187. package/dist/src/index.d.ts.map +1 -1
  188. package/dist/src/labs/AppTile.d.ts +3 -1
  189. package/dist/src/labs/AppTile.d.ts.map +1 -1
  190. package/dist/src/labs/DataView/CardLayoutContent.d.ts.map +1 -1
  191. package/dist/src/labs/DataView/DataCard.d.ts +9 -3
  192. package/dist/src/labs/DataView/DataCard.d.ts.map +1 -1
  193. package/dist/src/labs/DataView/TableLayoutContent.d.ts.map +1 -1
  194. package/dist/src/labs/DataView/componentTypes.d.ts +1 -1
  195. package/dist/src/labs/DataView/componentTypes.d.ts.map +1 -1
  196. package/dist/src/labs/DataView/index.d.ts +1 -0
  197. package/dist/src/labs/DataView/index.d.ts.map +1 -1
  198. package/dist/src/labs/OdysseyPickers/ComposablePicker.d.ts +33 -0
  199. package/dist/src/labs/OdysseyPickers/ComposablePicker.d.ts.map +1 -0
  200. package/dist/src/labs/OdysseyPickers/Picker.d.ts +98 -0
  201. package/dist/src/labs/OdysseyPickers/Picker.d.ts.map +1 -0
  202. package/dist/src/labs/OdysseyPickers/PickerVirtualizationListBox.d.ts +17 -0
  203. package/dist/src/labs/OdysseyPickers/PickerVirtualizationListBox.d.ts.map +1 -0
  204. package/dist/src/labs/OdysseyPickers/PickerWithOptionAdornment.d.ts +26 -0
  205. package/dist/src/labs/OdysseyPickers/PickerWithOptionAdornment.d.ts.map +1 -0
  206. package/dist/src/labs/OdysseyPickers/index.d.ts +15 -0
  207. package/dist/src/labs/OdysseyPickers/index.d.ts.map +1 -0
  208. package/dist/src/labs/PageTemplate.d.ts +1 -1
  209. package/dist/src/labs/PageTemplate.d.ts.map +1 -1
  210. package/dist/src/labs/SideNav/CollapseIcon.d.ts +1 -4
  211. package/dist/src/labs/SideNav/CollapseIcon.d.ts.map +1 -1
  212. package/dist/src/labs/SideNav/HandleIcon.d.ts +14 -0
  213. package/dist/src/labs/SideNav/HandleIcon.d.ts.map +1 -0
  214. package/dist/src/labs/{NavAccordion.d.ts → SideNav/NavAccordion.d.ts} +6 -2
  215. package/dist/src/labs/SideNav/NavAccordion.d.ts.map +1 -0
  216. package/dist/src/labs/SideNav/OktaAura.d.ts +14 -0
  217. package/dist/src/labs/SideNav/OktaAura.d.ts.map +1 -0
  218. package/dist/src/labs/SideNav/OktaLogo.d.ts.map +1 -1
  219. package/dist/src/labs/SideNav/SideNav.d.ts +2 -1
  220. package/dist/src/labs/SideNav/SideNav.d.ts.map +1 -1
  221. package/dist/src/labs/SideNav/SideNavFooterContent.d.ts +1 -1
  222. package/dist/src/labs/SideNav/SideNavFooterContent.d.ts.map +1 -1
  223. package/dist/src/labs/SideNav/SideNavHeader.d.ts +12 -3
  224. package/dist/src/labs/SideNav/SideNavHeader.d.ts.map +1 -1
  225. package/dist/src/labs/SideNav/SideNavItemContent.d.ts +2 -3
  226. package/dist/src/labs/SideNav/SideNavItemContent.d.ts.map +1 -1
  227. package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts +18 -0
  228. package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts.map +1 -0
  229. package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts +1 -1
  230. package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts.map +1 -1
  231. package/dist/src/labs/SideNav/SideNavLogo.d.ts +15 -0
  232. package/dist/src/labs/SideNav/SideNavLogo.d.ts.map +1 -0
  233. package/dist/src/labs/SideNav/SideNavToggleButton.d.ts +38 -0
  234. package/dist/src/labs/SideNav/SideNavToggleButton.d.ts.map +1 -0
  235. package/dist/src/labs/SideNav/types.d.ts +67 -33
  236. package/dist/src/labs/SideNav/types.d.ts.map +1 -1
  237. package/dist/src/labs/TopNav/TopNav.d.ts +31 -0
  238. package/dist/src/labs/TopNav/TopNav.d.ts.map +1 -0
  239. package/dist/src/labs/TopNav/TopNavLinksList.d.ts +44 -0
  240. package/dist/src/labs/TopNav/TopNavLinksList.d.ts.map +1 -0
  241. package/dist/src/labs/TopNav/TopNavListItem.d.ts +42 -0
  242. package/dist/src/labs/TopNav/TopNavListItem.d.ts.map +1 -0
  243. package/dist/src/labs/TopNav/UserProfile.d.ts +29 -0
  244. package/dist/src/labs/TopNav/UserProfile.d.ts.map +1 -0
  245. package/dist/src/labs/TopNav/index.d.ts +14 -0
  246. package/dist/src/labs/TopNav/index.d.ts.map +1 -0
  247. package/dist/src/labs/UiShell/UiShell.d.ts +33 -0
  248. package/dist/src/labs/UiShell/UiShell.d.ts.map +1 -0
  249. package/dist/src/labs/UiShell/UiShellContent.d.ts +47 -0
  250. package/dist/src/labs/UiShell/UiShellContent.d.ts.map +1 -0
  251. package/dist/src/labs/UiShell/bufferLatest.d.ts +31 -0
  252. package/dist/src/labs/UiShell/bufferLatest.d.ts.map +1 -0
  253. package/dist/src/labs/UiShell/createMessageBus.d.ts +24 -0
  254. package/dist/src/labs/UiShell/createMessageBus.d.ts.map +1 -0
  255. package/dist/src/labs/UiShell/createStore.d.ts +22 -0
  256. package/dist/src/labs/UiShell/createStore.d.ts.map +1 -0
  257. package/dist/src/labs/UiShell/index.d.ts +16 -0
  258. package/dist/src/labs/UiShell/index.d.ts.map +1 -0
  259. package/dist/src/labs/UiShell/renderUiShell.d.ts +45 -0
  260. package/dist/src/labs/UiShell/renderUiShell.d.ts.map +1 -0
  261. package/dist/src/labs/UiShell/useHasUiShell.d.ts +13 -0
  262. package/dist/src/labs/UiShell/useHasUiShell.d.ts.map +1 -0
  263. package/dist/src/labs/UiShell/useScrollState.d.ts +16 -0
  264. package/dist/src/labs/UiShell/useScrollState.d.ts.map +1 -0
  265. package/dist/src/labs/index.d.ts +6 -2
  266. package/dist/src/labs/index.d.ts.map +1 -1
  267. package/dist/src/properties/ts/odyssey-react-mui.d.ts +6 -0
  268. package/dist/src/properties/ts/odyssey-react-mui.d.ts.map +1 -1
  269. package/dist/src/properties/ts/odyssey-react-mui_cs.d.ts +2 -0
  270. package/dist/src/properties/ts/odyssey-react-mui_cs.d.ts.map +1 -1
  271. package/dist/src/properties/ts/odyssey-react-mui_da.d.ts +2 -0
  272. package/dist/src/properties/ts/odyssey-react-mui_da.d.ts.map +1 -1
  273. package/dist/src/properties/ts/odyssey-react-mui_de.d.ts +2 -0
  274. package/dist/src/properties/ts/odyssey-react-mui_de.d.ts.map +1 -1
  275. package/dist/src/properties/ts/odyssey-react-mui_el.d.ts +2 -0
  276. package/dist/src/properties/ts/odyssey-react-mui_el.d.ts.map +1 -1
  277. package/dist/src/properties/ts/odyssey-react-mui_es.d.ts +2 -0
  278. package/dist/src/properties/ts/odyssey-react-mui_es.d.ts.map +1 -1
  279. package/dist/src/properties/ts/odyssey-react-mui_fi.d.ts +2 -0
  280. package/dist/src/properties/ts/odyssey-react-mui_fi.d.ts.map +1 -1
  281. package/dist/src/properties/ts/odyssey-react-mui_fr.d.ts +2 -0
  282. package/dist/src/properties/ts/odyssey-react-mui_fr.d.ts.map +1 -1
  283. package/dist/src/properties/ts/odyssey-react-mui_ht.d.ts +2 -0
  284. package/dist/src/properties/ts/odyssey-react-mui_ht.d.ts.map +1 -1
  285. package/dist/src/properties/ts/odyssey-react-mui_hu.d.ts +2 -0
  286. package/dist/src/properties/ts/odyssey-react-mui_hu.d.ts.map +1 -1
  287. package/dist/src/properties/ts/odyssey-react-mui_id.d.ts +2 -0
  288. package/dist/src/properties/ts/odyssey-react-mui_id.d.ts.map +1 -1
  289. package/dist/src/properties/ts/odyssey-react-mui_it.d.ts +2 -0
  290. package/dist/src/properties/ts/odyssey-react-mui_it.d.ts.map +1 -1
  291. package/dist/src/properties/ts/odyssey-react-mui_ja.d.ts +2 -0
  292. package/dist/src/properties/ts/odyssey-react-mui_ja.d.ts.map +1 -1
  293. package/dist/src/properties/ts/odyssey-react-mui_ko.d.ts +2 -0
  294. package/dist/src/properties/ts/odyssey-react-mui_ko.d.ts.map +1 -1
  295. package/dist/src/properties/ts/odyssey-react-mui_ms.d.ts +2 -0
  296. package/dist/src/properties/ts/odyssey-react-mui_ms.d.ts.map +1 -1
  297. package/dist/src/properties/ts/odyssey-react-mui_nb.d.ts +2 -0
  298. package/dist/src/properties/ts/odyssey-react-mui_nb.d.ts.map +1 -1
  299. package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts +2 -0
  300. package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts.map +1 -1
  301. package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts +2 -0
  302. package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts.map +1 -1
  303. package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts +2 -0
  304. package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts.map +1 -1
  305. package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts +2 -0
  306. package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts.map +1 -1
  307. package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts +2 -0
  308. package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts.map +1 -1
  309. package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts +2 -0
  310. package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts.map +1 -1
  311. package/dist/src/properties/ts/odyssey-react-mui_th.d.ts +2 -0
  312. package/dist/src/properties/ts/odyssey-react-mui_th.d.ts.map +1 -1
  313. package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts +2 -0
  314. package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts.map +1 -1
  315. package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts +2 -0
  316. package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts.map +1 -1
  317. package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts +2 -0
  318. package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts.map +1 -1
  319. package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts +2 -0
  320. package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts.map +1 -1
  321. package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts +2 -0
  322. package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts.map +1 -1
  323. package/dist/src/test-selectors/querySelector.d.ts +2 -2
  324. package/dist/src/theme/components.d.ts +3 -1
  325. package/dist/src/theme/components.d.ts.map +1 -1
  326. package/dist/src/theme/createOdysseyMuiTheme.d.ts +3 -1
  327. package/dist/src/theme/createOdysseyMuiTheme.d.ts.map +1 -1
  328. package/dist/src/useAutocomplete.d.ts +29 -0
  329. package/dist/src/useAutocomplete.d.ts.map +1 -0
  330. package/dist/src/useContrastMode.d.ts +46 -0
  331. package/dist/src/useContrastMode.d.ts.map +1 -0
  332. package/dist/src/web-component/index.d.ts +14 -0
  333. package/dist/src/web-component/index.d.ts.map +1 -0
  334. package/dist/src/web-component/renderReactInWebComponent.d.ts +76 -0
  335. package/dist/src/web-component/renderReactInWebComponent.d.ts.map +1 -0
  336. package/dist/src/web-component/shadow-dom.d.ts +23 -0
  337. package/dist/src/web-component/shadow-dom.d.ts.map +1 -0
  338. package/dist/test-selectors/querySelector.js.map +1 -1
  339. package/dist/theme/components.js +41 -32
  340. package/dist/theme/components.js.map +1 -1
  341. package/dist/theme/createOdysseyMuiTheme.js +3 -0
  342. package/dist/theme/createOdysseyMuiTheme.js.map +1 -1
  343. package/dist/tsconfig.production.tsbuildinfo +1 -1
  344. package/dist/tsconfig.tsbuildinfo +1 -1
  345. package/dist/useAutocomplete.js +105 -0
  346. package/dist/useAutocomplete.js.map +1 -0
  347. package/dist/useContrastMode.js +93 -0
  348. package/dist/useContrastMode.js.map +1 -0
  349. package/dist/web-component/index.js +14 -0
  350. package/dist/web-component/index.js.map +1 -0
  351. package/dist/web-component/renderReactInWebComponent.js +72 -0
  352. package/dist/web-component/renderReactInWebComponent.js.map +1 -0
  353. package/dist/{createShadowDomElements.js → web-component/shadow-dom.js} +10 -12
  354. package/dist/web-component/shadow-dom.js.map +1 -0
  355. package/jest.config.cjs +21 -2
  356. package/jest.setup.js +0 -3
  357. package/package.json +4 -3
  358. package/src/Autocomplete.tsx +40 -330
  359. package/src/Box.tsx +4 -2
  360. package/src/Card.tsx +1 -0
  361. package/src/OdysseyDesignTokensContext.tsx +6 -3
  362. package/src/OdysseyProvider.tsx +29 -56
  363. package/src/OdysseyThemeProvider.test.tsx +209 -0
  364. package/src/OdysseyThemeProvider.tsx +43 -17
  365. package/src/OdysseyTranslationProvider.types.ts +1 -0
  366. package/src/Pagination/Pagination.test.tsx +305 -0
  367. package/src/Pagination/Pagination.tsx +86 -38
  368. package/src/Select.tsx +12 -3
  369. package/src/Surface.tsx +2 -1
  370. package/src/Tag.tsx +102 -41
  371. package/src/createUniqueAlphabeticalId.test.ts +1 -1
  372. package/src/createUniqueId.test.ts +1 -1
  373. package/src/i18n.ts +2 -0
  374. package/src/index.ts +6 -7
  375. package/src/labs/AppTile.tsx +169 -40
  376. package/src/labs/DataView/CardLayoutContent.tsx +12 -14
  377. package/src/labs/DataView/DataCard.tsx +137 -69
  378. package/src/labs/DataView/DataView.test.tsx +6 -4
  379. package/src/labs/DataView/TableLayoutContent.tsx +6 -2
  380. package/src/labs/DataView/componentTypes.ts +1 -1
  381. package/src/labs/DataView/index.tsx +1 -0
  382. package/src/labs/OdysseyPickers/ComposablePicker.test.tsx +29 -0
  383. package/src/labs/OdysseyPickers/ComposablePicker.tsx +188 -0
  384. package/src/labs/OdysseyPickers/Picker.tsx +381 -0
  385. package/src/labs/OdysseyPickers/PickerVirtualizationListBox.tsx +191 -0
  386. package/src/labs/OdysseyPickers/PickerWithOptionAdornment.tsx +429 -0
  387. package/src/labs/OdysseyPickers/index.ts +15 -0
  388. package/src/labs/PageTemplate.tsx +18 -10
  389. package/src/labs/SideNav/CollapseIcon.tsx +14 -28
  390. package/src/labs/SideNav/HandleIcon.tsx +35 -0
  391. package/src/labs/{NavAccordion.tsx → SideNav/NavAccordion.tsx} +48 -8
  392. package/src/labs/SideNav/OktaAura.tsx +35 -0
  393. package/src/labs/SideNav/OktaLogo.tsx +5 -10
  394. package/src/labs/SideNav/SideNav.test.tsx +323 -0
  395. package/src/labs/SideNav/SideNav.tsx +291 -204
  396. package/src/labs/SideNav/SideNavFooterContent.tsx +36 -28
  397. package/src/labs/SideNav/SideNavHeader.tsx +62 -45
  398. package/src/labs/SideNav/SideNavItemContent.tsx +142 -62
  399. package/src/labs/SideNav/SideNavItemContentContext.tsx +27 -0
  400. package/src/labs/SideNav/SideNavItemLinkContent.tsx +17 -14
  401. package/src/labs/SideNav/SideNavLogo.tsx +41 -0
  402. package/src/labs/SideNav/SideNavToggleButton.tsx +249 -0
  403. package/src/labs/SideNav/types.ts +72 -33
  404. package/src/labs/TopNav/TopNav.tsx +95 -0
  405. package/src/labs/TopNav/TopNavLinksList.tsx +68 -0
  406. package/src/labs/TopNav/TopNavListItem.tsx +209 -0
  407. package/src/labs/TopNav/UserProfile.tsx +79 -0
  408. package/src/labs/TopNav/index.ts +14 -0
  409. package/src/labs/UiShell/UiShell.test.tsx +284 -0
  410. package/src/labs/UiShell/UiShell.tsx +109 -0
  411. package/src/labs/UiShell/UiShellContent.tsx +170 -0
  412. package/src/labs/UiShell/bufferLatest.test.ts +79 -0
  413. package/src/labs/UiShell/bufferLatest.ts +64 -0
  414. package/src/labs/UiShell/createMessageBus.test.ts +115 -0
  415. package/src/labs/UiShell/createMessageBus.ts +53 -0
  416. package/src/labs/UiShell/createStore.test.ts +103 -0
  417. package/src/labs/UiShell/createStore.ts +37 -0
  418. package/src/labs/UiShell/index.ts +17 -0
  419. package/src/labs/UiShell/renderUiShell.test.tsx +197 -0
  420. package/src/labs/UiShell/renderUiShell.tsx +132 -0
  421. package/src/labs/UiShell/useHasUiShell.ts +25 -0
  422. package/src/labs/UiShell/useScrollState.ts +56 -0
  423. package/src/labs/index.ts +10 -3
  424. package/src/properties/odyssey-react-mui.properties +7 -0
  425. package/src/properties/translations/odyssey-react-mui_cs.properties +2 -1
  426. package/src/properties/translations/odyssey-react-mui_da.properties +2 -1
  427. package/src/properties/translations/odyssey-react-mui_de.properties +2 -1
  428. package/src/properties/translations/odyssey-react-mui_el.properties +2 -1
  429. package/src/properties/translations/odyssey-react-mui_es.properties +2 -1
  430. package/src/properties/translations/odyssey-react-mui_fi.properties +2 -1
  431. package/src/properties/translations/odyssey-react-mui_fr.properties +4 -3
  432. package/src/properties/translations/odyssey-react-mui_ht.properties +2 -1
  433. package/src/properties/translations/odyssey-react-mui_hu.properties +2 -1
  434. package/src/properties/translations/odyssey-react-mui_id.properties +2 -1
  435. package/src/properties/translations/odyssey-react-mui_it.properties +3 -2
  436. package/src/properties/translations/odyssey-react-mui_ja.properties +8 -7
  437. package/src/properties/translations/odyssey-react-mui_ko.properties +2 -1
  438. package/src/properties/translations/odyssey-react-mui_ms.properties +2 -1
  439. package/src/properties/translations/odyssey-react-mui_nb.properties +2 -1
  440. package/src/properties/translations/odyssey-react-mui_nl_NL.properties +2 -1
  441. package/src/properties/translations/odyssey-react-mui_pl.properties +2 -1
  442. package/src/properties/translations/odyssey-react-mui_pt_BR.properties +2 -1
  443. package/src/properties/translations/odyssey-react-mui_ro.properties +2 -1
  444. package/src/properties/translations/odyssey-react-mui_ru.properties +2 -1
  445. package/src/properties/translations/odyssey-react-mui_sv.properties +2 -1
  446. package/src/properties/translations/odyssey-react-mui_th.properties +2 -1
  447. package/src/properties/translations/odyssey-react-mui_tr.properties +3 -2
  448. package/src/properties/translations/odyssey-react-mui_uk.properties +2 -1
  449. package/src/properties/translations/odyssey-react-mui_vi.properties +2 -1
  450. package/src/properties/translations/odyssey-react-mui_zh_CN.properties +2 -1
  451. package/src/properties/translations/odyssey-react-mui_zh_TW.properties +2 -1
  452. package/src/properties/ts/odyssey-react-mui.ts +1 -1
  453. package/src/properties/ts/odyssey-react-mui_cs.ts +1 -1
  454. package/src/properties/ts/odyssey-react-mui_da.ts +1 -1
  455. package/src/properties/ts/odyssey-react-mui_de.ts +1 -1
  456. package/src/properties/ts/odyssey-react-mui_el.ts +1 -1
  457. package/src/properties/ts/odyssey-react-mui_es.ts +1 -1
  458. package/src/properties/ts/odyssey-react-mui_fi.ts +1 -1
  459. package/src/properties/ts/odyssey-react-mui_fr.ts +1 -1
  460. package/src/properties/ts/odyssey-react-mui_ht.ts +1 -1
  461. package/src/properties/ts/odyssey-react-mui_hu.ts +1 -1
  462. package/src/properties/ts/odyssey-react-mui_id.ts +1 -1
  463. package/src/properties/ts/odyssey-react-mui_it.ts +1 -1
  464. package/src/properties/ts/odyssey-react-mui_ja.ts +1 -1
  465. package/src/properties/ts/odyssey-react-mui_ko.ts +1 -1
  466. package/src/properties/ts/odyssey-react-mui_ms.ts +1 -1
  467. package/src/properties/ts/odyssey-react-mui_nb.ts +1 -1
  468. package/src/properties/ts/odyssey-react-mui_nl_NL.ts +1 -1
  469. package/src/properties/ts/odyssey-react-mui_pl.ts +1 -1
  470. package/src/properties/ts/odyssey-react-mui_pt_BR.ts +1 -1
  471. package/src/properties/ts/odyssey-react-mui_ro.ts +1 -1
  472. package/src/properties/ts/odyssey-react-mui_ru.ts +1 -1
  473. package/src/properties/ts/odyssey-react-mui_sv.ts +1 -1
  474. package/src/properties/ts/odyssey-react-mui_th.ts +1 -1
  475. package/src/properties/ts/odyssey-react-mui_tr.ts +1 -1
  476. package/src/properties/ts/odyssey-react-mui_uk.ts +1 -1
  477. package/src/properties/ts/odyssey-react-mui_vi.ts +1 -1
  478. package/src/properties/ts/odyssey-react-mui_zh_CN.ts +1 -1
  479. package/src/properties/ts/odyssey-react-mui_zh_TW.ts +1 -1
  480. package/src/test-selectors/querySelector.ts +1 -1
  481. package/src/theme/components.tsx +55 -31
  482. package/src/theme/createOdysseyMuiTheme.ts +4 -0
  483. package/src/theme/useContrastMode.test.tsx +503 -0
  484. package/src/useAutocomplete.tsx +183 -0
  485. package/src/useContrastMode.tsx +149 -0
  486. package/src/web-component/index.ts +14 -0
  487. package/src/web-component/renderReactInWebComponent.test.tsx +156 -0
  488. package/src/web-component/renderReactInWebComponent.ts +153 -0
  489. package/src/web-component/shadow-dom.test.ts +24 -0
  490. package/src/{createShadowDomElements.ts → web-component/shadow-dom.ts} +15 -14
  491. package/dist/ContrastModeProvider.js +0 -86
  492. package/dist/ContrastModeProvider.js.map +0 -1
  493. package/dist/createShadowDomElements.js.map +0 -1
  494. package/dist/labs/NavAccordion.js.map +0 -1
  495. package/dist/labs/TopNav.js +0 -281
  496. package/dist/labs/TopNav.js.map +0 -1
  497. package/dist/src/ContrastModeProvider.d.ts +0 -34
  498. package/dist/src/ContrastModeProvider.d.ts.map +0 -1
  499. package/dist/src/createShadowDomElements.d.ts.map +0 -1
  500. package/dist/src/labs/NavAccordion.d.ts.map +0 -1
  501. package/dist/src/labs/TopNav.d.ts +0 -78
  502. package/dist/src/labs/TopNav.d.ts.map +0 -1
  503. package/src/ContrastModeProvider.tsx +0 -131
  504. package/src/labs/TopNav.tsx +0 -396
@@ -0,0 +1,14 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ declare const MemoizedHandleIcon: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
13
+ export { MemoizedHandleIcon as HandleIcon };
14
+ //# sourceMappingURL=HandleIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HandleIcon.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/HandleIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAsBH,QAAA,MAAM,kBAAkB,oFAAmB,CAAC;AAE5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import { AccordionProps as MuiAccordionProps } from "@mui/material";
13
13
  import { ReactNode } from "react";
14
- import type { HtmlProps } from "../HtmlProps";
14
+ import type { HtmlProps } from "../../HtmlProps";
15
15
  export type NavAccordionProps = {
16
16
  /**
17
17
  * The content of the Accordion itself
@@ -25,6 +25,10 @@ export type NavAccordionProps = {
25
25
  * Defines IDs for the header and the content of the Accordion
26
26
  */
27
27
  id?: string;
28
+ /**
29
+ * Determines if the Accordion component use compact layout
30
+ */
31
+ isCompact?: boolean;
28
32
  /**
29
33
  * Whether the item is expanded by default
30
34
  */
@@ -47,6 +51,6 @@ export type NavAccordionProps = {
47
51
  */
48
52
  startIcon?: ReactNode;
49
53
  } & Pick<HtmlProps, "testId" | "translate">;
50
- declare const MemoizedNavAccordion: import("react").MemoExoticComponent<({ children, label, id: idOverride, isDefaultExpanded, isDisabled, isExpanded, translate, startIcon, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element>;
54
+ declare const MemoizedNavAccordion: import("react").MemoExoticComponent<({ children, label, id: idOverride, isCompact, isDefaultExpanded, isDisabled, isExpanded, translate, startIcon, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element>;
51
55
  export { MemoizedNavAccordion as NavAccordion };
52
56
  //# sourceMappingURL=NavAccordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/NavAccordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AASjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAqG5C,QAAA,MAAM,oBAAoB,yJA3CvB,iBAAiB,6CA2C2B,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
@@ -0,0 +1,14 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ declare const MemoizedOktaAura: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
13
+ export { MemoizedOktaAura as OktaAura };
14
+ //# sourceMappingURL=OktaAura.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OktaAura.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/OktaAura.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAsBH,QAAA,MAAM,gBAAgB,oFAAiB,CAAC;AAExC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"OktaLogo.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/OktaLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA0BH,QAAA,MAAM,gBAAgB,oFAAiB,CAAC;AAExC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"OktaLogo.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/OktaLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,QAAA,MAAM,gBAAgB,oFAAiB,CAAC;AAExC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
@@ -11,6 +11,7 @@
11
11
  */
12
12
  import type { SideNavProps } from "./types";
13
13
  export declare const DEFAULT_SIDE_NAV_WIDTH = "300px";
14
- declare const MemoizedSideNav: import("react").MemoExoticComponent<({ navHeaderText, isCollapsible, onCollapse, onExpand, sideNavItems, expandedWidth, footerItems, footerComponent, logo, }: SideNavProps) => import("react/jsx-runtime").JSX.Element>;
14
+ export declare const SIDENAV_COLLAPSE_ICON_POSITION = "77px";
15
+ declare const MemoizedSideNav: import("react").MemoExoticComponent<({ appName, footerComponent, footerItems, hasCustomFooter, isCollapsible, isCompact, isLoading, logoProps, onCollapse, onExpand, sideNavItems, }: SideNavProps) => import("react/jsx-runtime").JSX.Element>;
15
16
  export { MemoizedSideNav as SideNav };
16
17
  //# sourceMappingURL=SideNav.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAmBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAS5C,eAAO,MAAM,sBAAsB,UAAU,CAAC;AA4b9C,QAAA,MAAM,eAAe,iKAxRlB,YAAY,6CAwRsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAI9C,eAAO,MAAM,8BAA8B,SAAS,CAAC;AA4gBrD,QAAA,MAAM,eAAe,wLArTlB,YAAY,6CAqTsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
@@ -12,6 +12,6 @@
12
12
  import type { SideNavFooterItem } from "./types";
13
13
  declare const MemoizedSideNavFooterContent: import("react").MemoExoticComponent<({ footerItems, }: {
14
14
  footerItems: SideNavFooterItem[];
15
- }) => import("react/jsx-runtime").JSX.Element[]>;
15
+ }) => import("react/jsx-runtime").JSX.Element>;
16
16
  export { MemoizedSideNavFooterContent as SideNavFooterContent };
17
17
  //# sourceMappingURL=SideNavFooterContent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavFooterContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavFooterContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA8CjD,QAAA,MAAM,4BAA4B,yDAxC/B;IACD,WAAW,EAAE,iBAAiB,EAAE,CAAC;CAClC,+CAsC8D,CAAC;AAGhE,OAAO,EAAE,4BAA4B,IAAI,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"SideNavFooterContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavFooterContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAiDjD,QAAA,MAAM,4BAA4B,yDA5B/B;IACD,WAAW,EAAE,iBAAiB,EAAE,CAAC;CAClC,6CA0B8D,CAAC;AAGhE,OAAO,EAAE,4BAA4B,IAAI,oBAAoB,EAAE,CAAC"}
@@ -9,8 +9,17 @@
9
9
  *
10
10
  * See the License for the specific language governing permissions and limitations under the License.
11
11
  */
12
- import { ReactNode } from "react";
13
- import type { SideNavProps } from "./types";
14
- declare const MemoizedSideNavHeader: import("react").MemoExoticComponent<({ navHeaderText, isCollapsible, onCollapse, logo, }: Pick<SideNavProps, "navHeaderText" | "isCollapsible" | "onCollapse" | "logo">) => ReactNode>;
12
+ import { SideNavProps } from "./types";
13
+ export type SideNavHeaderProps = {
14
+ /**
15
+ * The app's name.
16
+ */
17
+ appName: string;
18
+ /**
19
+ * If the side nav currently has no items, it will be loading.
20
+ */
21
+ isLoading?: boolean;
22
+ } & Pick<SideNavProps, "logoProps">;
23
+ declare const MemoizedSideNavHeader: import("react").MemoExoticComponent<({ appName, isLoading, logoProps, }: SideNavHeaderProps) => import("react/jsx-runtime").JSX.Element>;
15
24
  export { MemoizedSideNavHeader as SideNavHeader };
16
25
  //# sourceMappingURL=SideNavHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavHeader.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA+D5C,QAAA,MAAM,qBAAqB,4FAhCxB,IAAI,CACL,YAAY,EACZ,eAAe,GAAG,eAAe,GAAG,YAAY,GAAG,MAAM,CAC1D,KAAG,SAAS,CA6BoC,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"SideNavHeader.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAWH,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA4CvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AA2BpC,QAAA,MAAM,qBAAqB,2EArBxB,kBAAkB,6CAqB4B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
@@ -11,19 +11,18 @@
11
11
  */
12
12
  import { type DesignTokens } from "../../OdysseyDesignTokensContext";
13
13
  import type { SideNavItem } from "./types";
14
- export declare const SideNavListItemContainer: import("@emotion/styled").StyledComponent<{
14
+ export declare const StyledSideNavListItem: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme;
16
16
  as?: import("react").ElementType;
17
17
  } & {
18
18
  odysseyDesignTokens: DesignTokens;
19
19
  isSelected?: boolean;
20
20
  disabled?: boolean;
21
- isDisabled?: boolean;
22
21
  }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
23
22
  type ScrollIntoViewHandle = {
24
23
  scrollIntoView: () => void;
25
24
  };
26
- declare const MemoizedSideNavItemContent: import("react").MemoExoticComponent<({ id, label, href, target, startIcon, severity, statusLabel, endIcon, onClick, isSelected, isDisabled, scrollRef, }: Pick<SideNavItem, "id" | "label" | "href" | "target" | "startIcon" | "severity" | "statusLabel" | "endIcon" | "onClick" | "isSelected" | "isDisabled"> & {
25
+ declare const MemoizedSideNavItemContent: import("react").MemoExoticComponent<({ count, id, label, href, target, startIcon, severity, statusLabel, endIcon, onClick, isSelected, isDisabled, scrollRef, }: Pick<SideNavItem, "count" | "id" | "label" | "href" | "target" | "startIcon" | "severity" | "statusLabel" | "endIcon" | "onClick" | "isSelected" | "isDisabled"> & {
27
26
  /**
28
27
  * The ref used to scroll to this item
29
28
  */
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavItemContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAWH,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,wBAAwB;;;;yBAMd,YAAY;iBACpB,OAAO;eACT,OAAO;iBACL,OAAO;yGA+BnB,CAAC;AAYJ,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAkIF,QAAA,MAAM,0BAA0B,4JAnH7B,IAAI,CACL,WAAW,EACT,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,UAAU,GACV,aAAa,GACb,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,CACf,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;CACnD,6CAiG0D,CAAC;AAG5D,OAAO,EAAE,0BAA0B,IAAI,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"SideNavItemContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAYH,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAO3C,eAAO,MAAM,qBAAqB;;;;yBAIX,YAAY;iBACpB,OAAO;eACT,OAAO;yGAiBjB,CAAC;AAYJ,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AA6NF,QAAA,MAAM,0BAA0B,mKA9H7B,IAAI,CACL,WAAW,EACT,OAAO,GACP,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,UAAU,GACV,aAAa,GACb,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,CACf,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;CACnD,6CA2G0D,CAAC;AAG5D,OAAO,EAAE,0BAA0B,IAAI,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,18 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ export type SideNavItemContentContextValue = {
13
+ isCompact?: boolean;
14
+ depth: number;
15
+ };
16
+ export declare const SideNavItemContentContext: import("react").Context<SideNavItemContentContextValue>;
17
+ export declare const useSideNavItemContent: () => SideNavItemContentContextValue;
18
+ //# sourceMappingURL=SideNavItemContentContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SideNavItemContentContext.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContentContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,yBAAyB,yDAIlC,CAAC;AAEL,eAAO,MAAM,qBAAqB,sCACK,CAAC"}
@@ -11,6 +11,6 @@
11
11
  */
12
12
  import { ReactNode } from "react";
13
13
  import type { SideNavItem } from "./types";
14
- declare const MemoizedSideNavItemLinkContent: import("react").MemoExoticComponent<({ label, startIcon, endIcon, severity, statusLabel, }: Pick<SideNavItem, "label" | "startIcon" | "endIcon" | "severity" | "statusLabel">) => ReactNode>;
14
+ declare const MemoizedSideNavItemLinkContent: import("react").MemoExoticComponent<({ count, label, startIcon, endIcon, severity, statusLabel, }: Pick<SideNavItem, "count" | "label" | "startIcon" | "endIcon" | "severity" | "statusLabel">) => ReactNode>;
15
15
  export { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };
16
16
  //# sourceMappingURL=SideNavItemLinkContent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavItemLinkContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemLinkContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+D3C,QAAA,MAAM,8BAA8B,8FA/BjC,IAAI,CACL,WAAW,EACX,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAC/D,KAAG,SAAS,CA4BsD,CAAC;AAGpE,OAAO,EAAE,8BAA8B,IAAI,sBAAsB,EAAE,CAAC"}
1
+ {"version":3,"file":"SideNavItemLinkContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemLinkContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkE3C,QAAA,MAAM,8BAA8B,qGAzCjC,IAAI,CACL,WAAW,EACX,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CACzE,KAAG,SAAS,CAsCsD,CAAC;AAGpE,OAAO,EAAE,8BAA8B,IAAI,sBAAsB,EAAE,CAAC"}
@@ -0,0 +1,15 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ import { SideNavLogoProps } from "./types";
13
+ declare const MemoizedSideNavLogo: import("react").MemoExoticComponent<({ imageAltText, href, logoComponent, imageUrl, }: SideNavLogoProps) => import("react/jsx-runtime").JSX.Element>;
14
+ export { MemoizedSideNavLogo as SideNavLogo };
15
+ //# sourceMappingURL=SideNavLogo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SideNavLogo.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuB3C,QAAA,MAAM,mBAAmB,yFAhBtB,gBAAgB,6CAgB0B,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}
@@ -0,0 +1,38 @@
1
+ /*!
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
+ */
12
+ import type { ButtonProps as MuiButtonProps } from "@mui/material";
13
+ import { HTMLAttributes } from "react";
14
+ import { FocusHandle } from "../../inputUtils";
15
+ export type SideNavToggleButtonProps = {
16
+ /**
17
+ * The ref forwarded to the Button
18
+ */
19
+ buttonRef?: React.RefObject<FocusHandle>;
20
+ /**
21
+ * The `id` of the item this button controls
22
+ */
23
+ ariaControls: string;
24
+ /**
25
+ * The ID of the Button
26
+ */
27
+ id?: string;
28
+ isSideNavCollapsed: boolean;
29
+ tabIndex?: HTMLAttributes<HTMLElement>["tabIndex"];
30
+ /**
31
+ * The click event handler for the Button
32
+ */
33
+ onClick?: MuiButtonProps["onClick"];
34
+ onKeyDown?: MuiButtonProps["onKeyDown"];
35
+ };
36
+ declare const MemoizedSideNavToggleButton: import("react").MemoExoticComponent<({ ariaControls, buttonRef, id, isSideNavCollapsed, onClick, tabIndex, }: SideNavToggleButtonProps) => import("react/jsx-runtime").JSX.Element>;
37
+ export { MemoizedSideNavToggleButton as SideNavToggleButton };
38
+ //# sourceMappingURL=SideNavToggleButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SideNavToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavToggleButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,cAAc,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuH/C,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAiFF,QAAA,MAAM,2BAA2B,gHAxE9B,wBAAwB,6CAwEkC,CAAC;AAG9D,OAAO,EAAE,2BAA2B,IAAI,mBAAmB,EAAE,CAAC"}
@@ -12,15 +12,57 @@
12
12
  import type { ReactElement } from "react";
13
13
  import type { HtmlProps } from "../../HtmlProps";
14
14
  import type { statusSeverityValues } from "../../Status";
15
+ export type SideNavLogoProps = {
16
+ href?: string;
17
+ } & ({
18
+ /**
19
+ * a component to render as the logo
20
+ */
21
+ logoComponent: ReactElement;
22
+ imageAltText?: never;
23
+ imageUrl?: never;
24
+ } | {
25
+ /**
26
+ * The src url to render in an `img` tag
27
+ */
28
+ imageUrl: string;
29
+ /**
30
+ * alt text for the img logo
31
+ */
32
+ imageAltText: string;
33
+ logoComponent?: never;
34
+ } | {
35
+ /**
36
+ * The src url to render in an `img` tag
37
+ */
38
+ imageUrl?: never;
39
+ /**
40
+ * alt text for the img logo
41
+ */
42
+ imageAltText?: never;
43
+ logoComponent?: never;
44
+ });
15
45
  export type SideNavProps = {
16
46
  /**
17
47
  * Side Nav header text that is usually reserved to show the App name
18
48
  */
19
- navHeaderText: string;
49
+ appName: string;
20
50
  /**
21
51
  * Determines whether the side nav is collapsible
22
52
  */
23
53
  isCollapsible?: boolean;
54
+ /**
55
+ * Determines whether the side nav items use compact layout
56
+ */
57
+ isCompact?: boolean;
58
+ /**
59
+ * Before the side nav has items, it will be in a loading state.
60
+ */
61
+ isLoading?: boolean;
62
+ /**
63
+ * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo
64
+ */
65
+ logoProps?: SideNavLogoProps;
24
66
  /**
25
67
  * Triggers when the side nav is collapsed
26
68
  */
@@ -33,41 +75,31 @@ export type SideNavProps = {
33
75
  * Nav items in the side nav
34
76
  */
35
77
  sideNavItems: SideNavItem[];
36
- /**
37
- * A CSS length string indicating the customizable expanded width of the SideNav container.
38
- * (it will be smaller if isCollapsible and collapsed)
39
- */
40
- expandedWidth?: string;
41
- /**
42
- * An optional logo to display in the header. If not provided, will default to the Okta logo
43
- */
44
- logo?: ReactElement;
45
78
  } & ({
46
79
  /**
47
- * Footer items in the side nav
48
- */
49
- footerItems?: SideNavFooterItem[];
50
- /**
51
- * footerComponent cannot be used if footerItems are defined
52
- */
53
- footerComponent?: never;
54
- } | {
55
- /**
56
- * footerItems cannot be used if footerComponent is defined
80
+ * The component to display as the footer; if present the `footerItems` are ignored and not rendered.
57
81
  */
82
+ footerComponent?: ReactElement;
58
83
  footerItems?: never;
84
+ hasCustomFooter: true;
85
+ } | {
86
+ footerComponent?: never;
59
87
  /**
60
- * The component to display as the footer; if present the `footerItems` are ignored and not rendered.
88
+ * Footer items in the side nav
61
89
  */
62
- footerComponent?: ReactElement;
90
+ footerItems?: SideNavFooterItem[];
91
+ hasCustomFooter?: false;
63
92
  }) & Pick<HtmlProps, "testId">;
64
93
  export type SideNavItem = {
65
- id: string;
66
- label: string;
94
+ /**
95
+ * The number to display as a count alongside the nav item
96
+ */
97
+ count?: number;
67
98
  /**
68
99
  * The icon element to display at the end of the Nav Item
69
100
  */
70
101
  endIcon?: ReactElement;
102
+ id: string;
71
103
  /**
72
104
  * Whether the item is disabled. When set to true the nav item is set to Disabled color,
73
105
  * the link/item is not clickable, and item with children is not expandable.
@@ -77,6 +109,7 @@ export type SideNavItem = {
77
109
  * Whether the item is active/selected
78
110
  */
79
111
  isSelected?: boolean;
112
+ label: string;
80
113
  /**
81
114
  * Event fired when the nav item is clicked
82
115
  */
@@ -98,29 +131,31 @@ export type SideNavItem = {
98
131
  */
99
132
  target?: string;
100
133
  } & ({
134
+ children?: never;
135
+ href?: never;
136
+ isDefaultExpanded?: never;
137
+ isExpanded?: never;
101
138
  /**
102
139
  * Determines if the side nav item is a section header
103
140
  */
104
141
  isSectionHeader: true;
105
- href?: never;
106
- children?: never;
107
- isDefaultExpanded?: never;
108
- isExpanded?: never;
109
142
  } | {
143
+ children?: never;
110
144
  /**
111
145
  * link added to the nav item. if it is undefined, static text will be displayed.
112
146
  * fires onClick event when it is passed
113
147
  */
114
- href: string;
115
- children?: never;
116
- isSectionHeader?: never;
148
+ href?: string;
117
149
  isDefaultExpanded?: never;
118
150
  isExpanded?: never;
151
+ isSectionHeader?: never;
119
152
  } | {
120
153
  /**
121
154
  * An array of side nav items to be displayed as children within Accordion
122
155
  */
123
- children?: SideNavItem[];
156
+ children?: Array<Omit<SideNavItem, "startIcon" | "endIcon">>;
157
+ endIcon?: never;
158
+ href?: never;
124
159
  /**
125
160
  * Whether the accordion (nav item with children) is expanded by default
126
161
  */
@@ -131,7 +166,6 @@ export type SideNavItem = {
131
166
  */
132
167
  isExpanded?: boolean;
133
168
  isSectionHeader?: never;
134
- href?: never;
135
169
  });
136
170
  export type SideNavFooterItem = {
137
171
  href?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,GAAG,CACA;IACE;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;CAChC,CACJ,GACC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE;;OAEG;IACH,eAAe,EAAE,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACE;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CACJ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,CACA;IACE;;OAEG;IACH,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CACJ,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B,GAAG,CACA;IACE;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC;CACvB,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,GACC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,IAAI,CAAC;CACvB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
@@ -0,0 +1,31 @@
1
+ /*!
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
+ */
12
+ import { type ReactElement } from "react";
13
+ import type { HtmlProps } from "../../HtmlProps";
14
+ export declare const TOP_NAV_HEIGHT = "4.571428571428571rem";
15
+ export type TopNavProps = {
16
+ /**
17
+ * Whether or not the underlying content has been scrolled
18
+ */
19
+ isScrolled?: boolean;
20
+ /**
21
+ * React components that render into the left side of the top nav.
22
+ */
23
+ leftSideComponent?: ReactElement;
24
+ /**
25
+ * React components that render into the right side of the top nav.
26
+ */
27
+ rightSideComponent?: ReactElement;
28
+ } & Pick<HtmlProps, "testId">;
29
+ declare const MemoizedTopNav: import("react").MemoExoticComponent<({ isScrolled, leftSideComponent, rightSideComponent, }: TopNavProps) => import("react/jsx-runtime").JSX.Element>;
30
+ export { MemoizedTopNav as TopNav };
31
+ //# sourceMappingURL=TopNav.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAMjD,eAAO,MAAM,cAAc,yBAAkB,CAAC;AAiC9C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAwB9B,QAAA,MAAM,cAAc,+FAlBjB,WAAW,6CAkBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
@@ -0,0 +1,44 @@
1
+ /*!
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
+ */
12
+ import { type ReactElement } from "react";
13
+ import type { HtmlProps } from "../../HtmlProps";
14
+ import { TopNavListItemProps } from "./TopNavListItem";
15
+ import { UserProfileProps } from "./UserProfile";
16
+ export type TopNavLinksListProps = {
17
+ /**
18
+ * Pass in an additional component like `Button` that will be displayed after the nav link items
19
+ */
20
+ additionalNavItem?: ReactElement;
21
+ /**
22
+ * URL to the help page.
23
+ */
24
+ helpPageHref?: string;
25
+ /**
26
+ * Pass in a SearchField component with the variant="filled" prop set
27
+ */
28
+ searchField?: ReactElement;
29
+ /**
30
+ * URL to settings page.
31
+ */
32
+ settingsPageHref?: string;
33
+ /**
34
+ * Nav links in the top nav
35
+ */
36
+ topNavLinkItems: TopNavListItemProps[];
37
+ /**
38
+ * Displays user account info
39
+ */
40
+ userProfile?: UserProfileProps;
41
+ } & Pick<HtmlProps, "testId">;
42
+ declare const MemoizedTopNavLinksList: import("react").MemoExoticComponent<({ topNavLinkItems }: TopNavLinksListProps) => import("react/jsx-runtime").JSX.Element>;
43
+ export { MemoizedTopNavLinksList as TopNavLinksList };
44
+ //# sourceMappingURL=TopNavLinksList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopNavLinksList.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNavLinksList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAoB9B,QAAA,MAAM,uBAAuB,4DAViB,oBAAoB,6CAUb,CAAC;AAGtD,OAAO,EAAE,uBAAuB,IAAI,eAAe,EAAE,CAAC"}
@@ -0,0 +1,42 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ import { KeyboardEventHandler, MouseEventHandler } from "react";
13
+ export type TopNavListItemProps = {
14
+ /**
15
+ * Without a hyperlink reference, `onClick` functionality will not function.
16
+ * If `undefined`, static text will be displayed.
17
+ */
18
+ href?: string;
19
+ /**
20
+ * HTML `id` attribute.
21
+ */
22
+ id: string;
23
+ /**
24
+ * Determines whether the link item is disabled.
25
+ */
26
+ isDisabled?: boolean;
27
+ /**
28
+ * Display text for the link.
29
+ */
30
+ label: string;
31
+ /**
32
+ * Handles both mouse and keyboard interactions.
33
+ */
34
+ onClick?: MouseEventHandler<HTMLAnchorElement> & MouseEventHandler<HTMLDivElement> & KeyboardEventHandler<HTMLDivElement>;
35
+ /**
36
+ * Where to display the linked URL.
37
+ */
38
+ target?: string;
39
+ };
40
+ declare const MemoizedTopNavListItem: import("react").MemoExoticComponent<({ href, id, isDisabled, label, onClick, target, }: TopNavListItemProps) => import("react/jsx-runtime").JSX.Element>;
41
+ export { MemoizedTopNavListItem as TopNavListItem };
42
+ //# sourceMappingURL=TopNavListItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopNavListItem.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNavListItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAmFf,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAC5C,iBAAiB,CAAC,cAAc,CAAC,GACjC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA4EF,QAAA,MAAM,sBAAsB,0FAnEzB,mBAAmB,6CAmE6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
@@ -0,0 +1,29 @@
1
+ /*!
2
+ * Copyright (c) 2024-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
+ */
12
+ import { type ReactElement } from "react";
13
+ export type UserProfileProps = {
14
+ /**
15
+ * Logged in user profile icon to be displayed in the top nav
16
+ */
17
+ profileIcon?: ReactElement;
18
+ /**
19
+ * Logged in user info to be displayed in the top nav
20
+ */
21
+ userName: string;
22
+ /**
23
+ * Org name of the logged in user
24
+ */
25
+ orgName: string;
26
+ };
27
+ declare const MemoizedUserProfile: import("react").MemoExoticComponent<({ profileIcon, userName, orgName }: UserProfileProps) => import("react/jsx-runtime").JSX.Element>;
28
+ export { MemoizedUserProfile as UserProfile };
29
+ //# sourceMappingURL=UserProfile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserProfile.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/UserProfile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA4BhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAqBF,QAAA,MAAM,mBAAmB,2EAnBgC,gBAAgB,6CAmB5B,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}