@okta/odyssey-react-mui 1.25.0 → 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.
- package/CHANGELOG.md +11 -0
- package/dist/Autocomplete.js +30 -191
- package/dist/Autocomplete.js.map +1 -1
- package/dist/Box.js +2 -0
- package/dist/Box.js.map +1 -1
- package/dist/Card.js +1 -0
- package/dist/Card.js.map +1 -1
- package/dist/OdysseyDesignTokensContext.js +3 -2
- package/dist/OdysseyDesignTokensContext.js.map +1 -1
- package/dist/OdysseyProvider.js +9 -7
- package/dist/OdysseyProvider.js.map +1 -1
- package/dist/OdysseyThemeProvider.js +33 -13
- package/dist/OdysseyThemeProvider.js.map +1 -1
- package/dist/Pagination/Pagination.js +46 -14
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Surface.js +4 -1
- package/dist/Surface.js.map +1 -1
- package/dist/Tag.js +42 -27
- package/dist/Tag.js.map +1 -1
- package/dist/index.js +6 -7
- package/dist/index.js.map +1 -1
- package/dist/index.scss +1 -1
- package/dist/labs/AppTile.js +137 -39
- package/dist/labs/AppTile.js.map +1 -1
- package/dist/labs/DataView/CardLayoutContent.js +7 -8
- package/dist/labs/DataView/CardLayoutContent.js.map +1 -1
- package/dist/labs/DataView/DataCard.js +96 -43
- package/dist/labs/DataView/DataCard.js.map +1 -1
- package/dist/labs/DataView/TableLayoutContent.js +3 -2
- package/dist/labs/DataView/TableLayoutContent.js.map +1 -1
- package/dist/labs/DataView/componentTypes.js.map +1 -1
- package/dist/labs/DataView/index.js.map +1 -1
- package/dist/labs/OdysseyPickers/ComposablePicker.js +113 -0
- package/dist/labs/OdysseyPickers/ComposablePicker.js.map +1 -0
- package/dist/labs/OdysseyPickers/Picker.js +261 -0
- package/dist/labs/OdysseyPickers/Picker.js.map +1 -0
- package/dist/labs/OdysseyPickers/PickerVirtualizationListBox.js +132 -0
- package/dist/labs/OdysseyPickers/PickerVirtualizationListBox.js.map +1 -0
- package/dist/labs/OdysseyPickers/PickerWithOptionAdornment.js +291 -0
- package/dist/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -0
- package/dist/{src/createShadowDomElements.d.ts → labs/OdysseyPickers/index.js} +4 -7
- package/dist/labs/OdysseyPickers/index.js.map +1 -0
- package/dist/labs/PageTemplate.js +14 -10
- package/dist/labs/PageTemplate.js.map +1 -1
- package/dist/labs/SideNav/CollapseIcon.js +11 -25
- package/dist/labs/SideNav/CollapseIcon.js.map +1 -1
- package/dist/labs/SideNav/HandleIcon.js +32 -0
- package/dist/labs/SideNav/HandleIcon.js.map +1 -0
- package/dist/labs/{NavAccordion.js → SideNav/NavAccordion.js} +35 -6
- package/dist/labs/SideNav/NavAccordion.js.map +1 -0
- package/dist/labs/SideNav/OktaAura.js +32 -0
- package/dist/labs/SideNav/OktaAura.js.map +1 -0
- package/dist/labs/SideNav/OktaLogo.js +6 -9
- package/dist/labs/SideNav/OktaLogo.js.map +1 -1
- package/dist/labs/SideNav/SideNav.js +239 -169
- package/dist/labs/SideNav/SideNav.js.map +1 -1
- package/dist/labs/SideNav/SideNavFooterContent.js +32 -18
- package/dist/labs/SideNav/SideNavFooterContent.js.map +1 -1
- package/dist/labs/SideNav/SideNavHeader.js +48 -37
- package/dist/labs/SideNav/SideNavHeader.js.map +1 -1
- package/dist/labs/SideNav/SideNavItemContent.js +100 -58
- package/dist/labs/SideNav/SideNavItemContent.js.map +1 -1
- package/dist/labs/SideNav/SideNavItemContentContext.js +19 -0
- package/dist/labs/SideNav/SideNavItemContentContext.js.map +1 -0
- package/dist/labs/SideNav/SideNavItemLinkContent.js +14 -13
- package/dist/labs/SideNav/SideNavItemLinkContent.js.map +1 -1
- package/dist/labs/SideNav/SideNavLogo.js +42 -0
- package/dist/labs/SideNav/SideNavLogo.js.map +1 -0
- package/dist/labs/SideNav/SideNavToggleButton.js +170 -0
- package/dist/labs/SideNav/SideNavToggleButton.js.map +1 -0
- package/dist/labs/SideNav/types.js.map +1 -1
- package/dist/labs/TopNav/TopNav.js +65 -0
- package/dist/labs/TopNav/TopNav.js.map +1 -0
- package/dist/labs/TopNav/TopNavLinksList.js +38 -0
- package/dist/labs/TopNav/TopNavLinksList.js.map +1 -0
- package/dist/labs/TopNav/TopNavListItem.js +132 -0
- package/dist/labs/TopNav/TopNavListItem.js.map +1 -0
- package/dist/labs/TopNav/UserProfile.js +65 -0
- package/dist/labs/TopNav/UserProfile.js.map +1 -0
- package/dist/labs/TopNav/index.js +14 -0
- package/dist/labs/TopNav/index.js.map +1 -0
- package/dist/labs/UiShell/UiShell.js +68 -0
- package/dist/labs/UiShell/UiShell.js.map +1 -0
- package/dist/labs/UiShell/UiShellContent.js +114 -0
- package/dist/labs/UiShell/UiShellContent.js.map +1 -0
- package/dist/labs/UiShell/bufferLatest.js +37 -0
- package/dist/labs/UiShell/bufferLatest.js.map +1 -0
- package/dist/labs/UiShell/createMessageBus.js +30 -0
- package/dist/labs/UiShell/createMessageBus.js.map +1 -0
- package/dist/labs/UiShell/createStore.js +24 -0
- package/dist/labs/UiShell/createStore.js.map +1 -0
- package/dist/labs/UiShell/index.js +15 -0
- package/dist/labs/UiShell/index.js.map +1 -0
- package/dist/labs/UiShell/renderUiShell.js +78 -0
- package/dist/labs/UiShell/renderUiShell.js.map +1 -0
- package/dist/labs/UiShell/useHasUiShell.js +22 -0
- package/dist/labs/UiShell/useHasUiShell.js.map +1 -0
- package/dist/labs/UiShell/useScrollState.js +41 -0
- package/dist/labs/UiShell/useScrollState.js.map +1 -0
- package/dist/labs/index.js +5 -3
- package/dist/labs/index.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui.js +7 -1
- package/dist/properties/ts/odyssey-react-mui.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_cs.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_cs.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_da.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_da.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_de.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_de.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_el.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_el.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_es.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_es.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_fi.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_fi.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_fr.js +5 -3
- package/dist/properties/ts/odyssey-react-mui_fr.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ht.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_ht.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_hu.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_hu.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_id.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_id.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_it.js +4 -2
- package/dist/properties/ts/odyssey-react-mui_it.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ja.js +9 -7
- package/dist/properties/ts/odyssey-react-mui_ja.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ko.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_ko.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ms.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_ms.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_nb.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_nb.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_nl_NL.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_nl_NL.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_pl.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_pl.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_pt_BR.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_pt_BR.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ro.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_ro.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_ru.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_ru.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_sv.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_sv.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_th.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_th.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_tr.js +4 -2
- package/dist/properties/ts/odyssey-react-mui_tr.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_uk.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_uk.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_vi.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_vi.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_zh_CN.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_zh_CN.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui_zh_TW.js +3 -1
- package/dist/properties/ts/odyssey-react-mui_zh_TW.js.map +1 -1
- package/dist/src/Autocomplete.d.ts +21 -22
- package/dist/src/Autocomplete.d.ts.map +1 -1
- package/dist/src/Box.d.ts +3 -1
- package/dist/src/Box.d.ts.map +1 -1
- package/dist/src/Card.d.ts.map +1 -1
- package/dist/src/OdysseyDesignTokensContext.d.ts +5 -4
- package/dist/src/OdysseyDesignTokensContext.d.ts.map +1 -1
- package/dist/src/OdysseyProvider.d.ts +3 -3
- package/dist/src/OdysseyProvider.d.ts.map +1 -1
- package/dist/src/OdysseyThemeProvider.d.ts +10 -12
- package/dist/src/OdysseyThemeProvider.d.ts.map +1 -1
- package/dist/src/OdysseyTranslationProvider.d.ts +1 -1
- package/dist/src/OdysseyTranslationProvider.d.ts.map +1 -1
- package/dist/src/Pagination/Pagination.d.ts +21 -7
- package/dist/src/Pagination/Pagination.d.ts.map +1 -1
- package/dist/src/Surface.d.ts.map +1 -1
- package/dist/src/Tag.d.ts +5 -2
- package/dist/src/Tag.d.ts.map +1 -1
- package/dist/src/index.d.ts +6 -7
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/labs/AppTile.d.ts +3 -1
- package/dist/src/labs/AppTile.d.ts.map +1 -1
- package/dist/src/labs/DataView/CardLayoutContent.d.ts.map +1 -1
- package/dist/src/labs/DataView/DataCard.d.ts +9 -3
- package/dist/src/labs/DataView/DataCard.d.ts.map +1 -1
- package/dist/src/labs/DataView/TableLayoutContent.d.ts.map +1 -1
- package/dist/src/labs/DataView/componentTypes.d.ts +1 -1
- package/dist/src/labs/DataView/componentTypes.d.ts.map +1 -1
- package/dist/src/labs/DataView/index.d.ts +1 -0
- package/dist/src/labs/DataView/index.d.ts.map +1 -1
- package/dist/src/labs/OdysseyPickers/ComposablePicker.d.ts +33 -0
- package/dist/src/labs/OdysseyPickers/ComposablePicker.d.ts.map +1 -0
- package/dist/src/labs/OdysseyPickers/Picker.d.ts +98 -0
- package/dist/src/labs/OdysseyPickers/Picker.d.ts.map +1 -0
- package/dist/src/labs/OdysseyPickers/PickerVirtualizationListBox.d.ts +17 -0
- package/dist/src/labs/OdysseyPickers/PickerVirtualizationListBox.d.ts.map +1 -0
- package/dist/src/labs/OdysseyPickers/PickerWithOptionAdornment.d.ts +26 -0
- package/dist/src/labs/OdysseyPickers/PickerWithOptionAdornment.d.ts.map +1 -0
- package/dist/src/labs/OdysseyPickers/index.d.ts +15 -0
- package/dist/src/labs/OdysseyPickers/index.d.ts.map +1 -0
- package/dist/src/labs/PageTemplate.d.ts +1 -1
- package/dist/src/labs/PageTemplate.d.ts.map +1 -1
- package/dist/src/labs/SideNav/CollapseIcon.d.ts +1 -4
- package/dist/src/labs/SideNav/CollapseIcon.d.ts.map +1 -1
- package/dist/src/labs/SideNav/HandleIcon.d.ts +14 -0
- package/dist/src/labs/SideNav/HandleIcon.d.ts.map +1 -0
- package/dist/src/labs/{NavAccordion.d.ts → SideNav/NavAccordion.d.ts} +6 -2
- package/dist/src/labs/SideNav/NavAccordion.d.ts.map +1 -0
- package/dist/src/labs/SideNav/OktaAura.d.ts +14 -0
- package/dist/src/labs/SideNav/OktaAura.d.ts.map +1 -0
- package/dist/src/labs/SideNav/OktaLogo.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNav.d.ts +2 -1
- package/dist/src/labs/SideNav/SideNav.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavFooterContent.d.ts +1 -1
- package/dist/src/labs/SideNav/SideNavFooterContent.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavHeader.d.ts +12 -3
- package/dist/src/labs/SideNav/SideNavHeader.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavItemContent.d.ts +2 -3
- package/dist/src/labs/SideNav/SideNavItemContent.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts +18 -0
- package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts.map +1 -0
- package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts +1 -1
- package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavLogo.d.ts +15 -0
- package/dist/src/labs/SideNav/SideNavLogo.d.ts.map +1 -0
- package/dist/src/labs/SideNav/SideNavToggleButton.d.ts +38 -0
- package/dist/src/labs/SideNav/SideNavToggleButton.d.ts.map +1 -0
- package/dist/src/labs/SideNav/types.d.ts +67 -33
- package/dist/src/labs/SideNav/types.d.ts.map +1 -1
- package/dist/src/labs/TopNav/TopNav.d.ts +31 -0
- package/dist/src/labs/TopNav/TopNav.d.ts.map +1 -0
- package/dist/src/labs/TopNav/TopNavLinksList.d.ts +44 -0
- package/dist/src/labs/TopNav/TopNavLinksList.d.ts.map +1 -0
- package/dist/src/labs/TopNav/TopNavListItem.d.ts +42 -0
- package/dist/src/labs/TopNav/TopNavListItem.d.ts.map +1 -0
- package/dist/src/labs/TopNav/UserProfile.d.ts +29 -0
- package/dist/src/labs/TopNav/UserProfile.d.ts.map +1 -0
- package/dist/src/labs/TopNav/index.d.ts +14 -0
- package/dist/src/labs/TopNav/index.d.ts.map +1 -0
- package/dist/src/labs/UiShell/UiShell.d.ts +33 -0
- package/dist/src/labs/UiShell/UiShell.d.ts.map +1 -0
- package/dist/src/labs/UiShell/UiShellContent.d.ts +47 -0
- package/dist/src/labs/UiShell/UiShellContent.d.ts.map +1 -0
- package/dist/src/labs/UiShell/bufferLatest.d.ts +31 -0
- package/dist/src/labs/UiShell/bufferLatest.d.ts.map +1 -0
- package/dist/src/labs/UiShell/createMessageBus.d.ts +24 -0
- package/dist/src/labs/UiShell/createMessageBus.d.ts.map +1 -0
- package/dist/src/labs/UiShell/createStore.d.ts +22 -0
- package/dist/src/labs/UiShell/createStore.d.ts.map +1 -0
- package/dist/src/labs/UiShell/index.d.ts +16 -0
- package/dist/src/labs/UiShell/index.d.ts.map +1 -0
- package/dist/src/labs/UiShell/renderUiShell.d.ts +45 -0
- package/dist/src/labs/UiShell/renderUiShell.d.ts.map +1 -0
- package/dist/src/labs/UiShell/useHasUiShell.d.ts +13 -0
- package/dist/src/labs/UiShell/useHasUiShell.d.ts.map +1 -0
- package/dist/src/labs/UiShell/useScrollState.d.ts +16 -0
- package/dist/src/labs/UiShell/useScrollState.d.ts.map +1 -0
- package/dist/src/labs/index.d.ts +6 -2
- package/dist/src/labs/index.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui.d.ts +6 -0
- package/dist/src/properties/ts/odyssey-react-mui.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_cs.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_cs.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_da.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_da.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_de.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_de.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_el.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_el.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_es.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_es.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_fi.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_fi.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_fr.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_fr.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ht.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ht.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_hu.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_hu.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_id.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_id.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_it.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_it.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ja.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ja.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ko.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ko.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ms.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ms.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_nb.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_nb.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_th.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_th.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts.map +1 -1
- package/dist/src/test-selectors/querySelector.d.ts +2 -2
- package/dist/src/theme/components.d.ts +3 -1
- package/dist/src/theme/components.d.ts.map +1 -1
- package/dist/src/theme/createOdysseyMuiTheme.d.ts +2 -1
- package/dist/src/theme/createOdysseyMuiTheme.d.ts.map +1 -1
- package/dist/src/useAutocomplete.d.ts +29 -0
- package/dist/src/useAutocomplete.d.ts.map +1 -0
- package/dist/src/useContrastMode.d.ts +46 -0
- package/dist/src/useContrastMode.d.ts.map +1 -0
- package/dist/src/web-component/index.d.ts +14 -0
- package/dist/src/web-component/index.d.ts.map +1 -0
- package/dist/src/web-component/renderReactInWebComponent.d.ts +76 -0
- package/dist/src/web-component/renderReactInWebComponent.d.ts.map +1 -0
- package/dist/src/web-component/shadow-dom.d.ts +23 -0
- package/dist/src/web-component/shadow-dom.d.ts.map +1 -0
- package/dist/test-selectors/querySelector.js.map +1 -1
- package/dist/theme/components.js +36 -32
- package/dist/theme/components.js.map +1 -1
- package/dist/theme/createOdysseyMuiTheme.js +3 -2
- package/dist/theme/createOdysseyMuiTheme.js.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/useAutocomplete.js +105 -0
- package/dist/useAutocomplete.js.map +1 -0
- package/dist/useContrastMode.js +93 -0
- package/dist/useContrastMode.js.map +1 -0
- package/dist/web-component/index.js +14 -0
- package/dist/web-component/index.js.map +1 -0
- package/dist/web-component/renderReactInWebComponent.js +72 -0
- package/dist/web-component/renderReactInWebComponent.js.map +1 -0
- package/dist/{createShadowDomElements.js → web-component/shadow-dom.js} +10 -12
- package/dist/web-component/shadow-dom.js.map +1 -0
- package/jest.config.cjs +1 -1
- package/jest.setup.js +0 -3
- package/package.json +4 -3
- package/src/Autocomplete.tsx +40 -330
- package/src/Box.tsx +4 -2
- package/src/Card.tsx +1 -0
- package/src/OdysseyDesignTokensContext.tsx +6 -3
- package/src/OdysseyProvider.tsx +13 -8
- package/src/OdysseyThemeProvider.test.tsx +209 -0
- package/src/OdysseyThemeProvider.tsx +42 -26
- package/src/Pagination/Pagination.test.tsx +305 -0
- package/src/Pagination/Pagination.tsx +86 -38
- package/src/Surface.tsx +2 -1
- package/src/Tag.tsx +64 -39
- package/src/createUniqueAlphabeticalId.test.ts +1 -1
- package/src/createUniqueId.test.ts +1 -1
- package/src/index.ts +6 -7
- package/src/labs/AppTile.tsx +169 -40
- package/src/labs/DataView/CardLayoutContent.tsx +12 -14
- package/src/labs/DataView/DataCard.tsx +137 -69
- package/src/labs/DataView/DataView.test.tsx +6 -4
- package/src/labs/DataView/TableLayoutContent.tsx +6 -2
- package/src/labs/DataView/componentTypes.ts +1 -1
- package/src/labs/DataView/index.tsx +1 -0
- package/src/labs/OdysseyPickers/ComposablePicker.test.tsx +29 -0
- package/src/labs/OdysseyPickers/ComposablePicker.tsx +188 -0
- package/src/labs/OdysseyPickers/Picker.tsx +381 -0
- package/src/labs/OdysseyPickers/PickerVirtualizationListBox.tsx +191 -0
- package/src/labs/OdysseyPickers/PickerWithOptionAdornment.tsx +429 -0
- package/src/labs/OdysseyPickers/index.ts +15 -0
- package/src/labs/PageTemplate.tsx +18 -10
- package/src/labs/SideNav/CollapseIcon.tsx +14 -28
- package/src/labs/SideNav/HandleIcon.tsx +35 -0
- package/src/labs/{NavAccordion.tsx → SideNav/NavAccordion.tsx} +48 -8
- package/src/labs/SideNav/OktaAura.tsx +35 -0
- package/src/labs/SideNav/OktaLogo.tsx +5 -10
- package/src/labs/SideNav/SideNav.test.tsx +323 -0
- package/src/labs/SideNav/SideNav.tsx +291 -204
- package/src/labs/SideNav/SideNavFooterContent.tsx +36 -28
- package/src/labs/SideNav/SideNavHeader.tsx +62 -45
- package/src/labs/SideNav/SideNavItemContent.tsx +142 -62
- package/src/labs/SideNav/SideNavItemContentContext.tsx +27 -0
- package/src/labs/SideNav/SideNavItemLinkContent.tsx +17 -14
- package/src/labs/SideNav/SideNavLogo.tsx +41 -0
- package/src/labs/SideNav/SideNavToggleButton.tsx +249 -0
- package/src/labs/SideNav/types.ts +72 -33
- package/src/labs/TopNav/TopNav.tsx +95 -0
- package/src/labs/TopNav/TopNavLinksList.tsx +68 -0
- package/src/labs/TopNav/TopNavListItem.tsx +209 -0
- package/src/labs/TopNav/UserProfile.tsx +79 -0
- package/src/labs/TopNav/index.ts +14 -0
- package/src/labs/UiShell/UiShell.test.tsx +284 -0
- package/src/labs/UiShell/UiShell.tsx +109 -0
- package/src/labs/UiShell/UiShellContent.tsx +170 -0
- package/src/labs/UiShell/bufferLatest.test.ts +79 -0
- package/src/labs/UiShell/bufferLatest.ts +64 -0
- package/src/labs/UiShell/createMessageBus.test.ts +115 -0
- package/src/labs/UiShell/createMessageBus.ts +53 -0
- package/src/labs/UiShell/createStore.test.ts +103 -0
- package/src/labs/UiShell/createStore.ts +37 -0
- package/src/labs/UiShell/index.ts +17 -0
- package/src/labs/UiShell/renderUiShell.test.tsx +197 -0
- package/src/labs/UiShell/renderUiShell.tsx +132 -0
- package/src/labs/UiShell/useHasUiShell.ts +25 -0
- package/src/labs/UiShell/useScrollState.ts +56 -0
- package/src/labs/index.ts +10 -3
- package/src/properties/odyssey-react-mui.properties +7 -0
- package/src/properties/translations/odyssey-react-mui_cs.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_da.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_de.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_el.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_es.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_fi.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_fr.properties +4 -3
- package/src/properties/translations/odyssey-react-mui_ht.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_hu.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_id.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_it.properties +3 -2
- package/src/properties/translations/odyssey-react-mui_ja.properties +8 -7
- package/src/properties/translations/odyssey-react-mui_ko.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_ms.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_nb.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_nl_NL.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_pl.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_pt_BR.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_ro.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_ru.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_sv.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_th.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_tr.properties +3 -2
- package/src/properties/translations/odyssey-react-mui_uk.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_vi.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_zh_CN.properties +2 -1
- package/src/properties/translations/odyssey-react-mui_zh_TW.properties +2 -1
- package/src/properties/ts/odyssey-react-mui.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_cs.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_da.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_de.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_el.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_es.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_fi.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_fr.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ht.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_hu.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_id.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_it.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ja.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ko.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ms.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_nb.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_nl_NL.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_pl.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_pt_BR.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ro.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_ru.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_sv.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_th.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_tr.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_uk.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_vi.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_zh_CN.ts +1 -1
- package/src/properties/ts/odyssey-react-mui_zh_TW.ts +1 -1
- package/src/test-selectors/querySelector.ts +1 -1
- package/src/theme/components.tsx +50 -33
- package/src/theme/createOdysseyMuiTheme.ts +4 -3
- package/src/theme/useContrastMode.test.tsx +503 -0
- package/src/useAutocomplete.tsx +183 -0
- package/src/useContrastMode.tsx +149 -0
- package/src/web-component/index.ts +14 -0
- package/src/web-component/renderReactInWebComponent.test.tsx +156 -0
- package/src/web-component/renderReactInWebComponent.ts +153 -0
- package/src/web-component/shadow-dom.test.ts +24 -0
- package/src/{createShadowDomElements.ts → web-component/shadow-dom.ts} +15 -14
- package/dist/ContrastModeProvider.js +0 -86
- package/dist/ContrastModeProvider.js.map +0 -1
- package/dist/createShadowDomElements.js.map +0 -1
- package/dist/labs/NavAccordion.js.map +0 -1
- package/dist/labs/TopNav.js +0 -281
- package/dist/labs/TopNav.js.map +0 -1
- package/dist/src/ContrastModeProvider.d.ts +0 -34
- package/dist/src/ContrastModeProvider.d.ts.map +0 -1
- package/dist/src/createShadowDomElements.d.ts.map +0 -1
- package/dist/src/labs/NavAccordion.d.ts.map +0 -1
- package/dist/src/labs/TopNav.d.ts +0 -78
- package/dist/src/labs/TopNav.d.ts.map +0 -1
- package/src/ContrastModeProvider.tsx +0 -131
- package/src/labs/TopNav.tsx +0 -396
|
@@ -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 "
|
|
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;
|
|
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
|
|
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;
|
|
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;
|
|
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 {
|
|
13
|
-
|
|
14
|
-
|
|
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;
|
|
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
|
|
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;
|
|
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;
|
|
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
|
-
|
|
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
|
-
*
|
|
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
|
-
*
|
|
88
|
+
* Footer items in the side nav
|
|
61
89
|
*/
|
|
62
|
-
|
|
90
|
+
footerItems?: SideNavFooterItem[];
|
|
91
|
+
hasCustomFooter?: false;
|
|
63
92
|
}) & Pick<HtmlProps, "testId">;
|
|
64
93
|
export type SideNavItem = {
|
|
65
|
-
|
|
66
|
-
|
|
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
|
|
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,
|
|
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"}
|
|
@@ -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
|
+
export * from "./TopNav";
|
|
13
|
+
export * from "./UserProfile";
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
|