@okta/odyssey-react-mui 1.53.0 → 1.55.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 +59 -0
- package/dist/assets/{Accordion-CLdY3bef.js → Accordion-D8MMTGBC.js} +1 -1
- package/dist/assets/Accordion.stories-BPJnLVeE.js +85 -0
- package/dist/assets/{AccordionSummary-wkTP8_D6.js → AccordionSummary-BpjNF1hZ.js} +1 -1
- package/dist/assets/{AddCircle-zDqHIKbQ.js → AddCircle-DgNpvHvb.js} +1 -1
- package/dist/assets/{AlertTitle-UQV7DT5q.js → AlertTitle-41lhnhsR.js} +1 -1
- package/dist/assets/{AppSwitcher-Dgfa_AoU.js → AppSwitcher-BlMgsq7d.js} +1 -1
- package/dist/assets/AppSwitcher.stories-DK6TzLjN.js +100 -0
- package/dist/assets/AppTile.stories-D9NfZuTR.js +136 -0
- package/dist/assets/{ArrowDropDown-BbLKA4fg.js → ArrowDropDown-CMSB1a5F.js} +1 -1
- package/dist/assets/ArrowLeft-DKc-rln7.js +1 -0
- package/dist/assets/ArrowRight-CQpox1s-.js +1 -0
- package/dist/assets/{Autocomplete-BwSwXNq_.js → Autocomplete-CcFQPuHI.js} +1 -1
- package/dist/assets/{Autocomplete-BajR4gNT.js → Autocomplete-DxRs9Djj.js} +1 -1
- package/dist/assets/{Autocomplete.stories-C7T-kCUQ.js → Autocomplete.stories-DU9xY7GK.js} +3 -3
- package/dist/assets/{Badge-4k4qHpX4.js → Badge-C9-6xV6N.js} +1 -1
- package/dist/assets/{Banner-CfvXqDEI.js → Banner-BtTBJERs.js} +1 -1
- package/dist/assets/{Banner.stories-NnVFdOhp.js → Banner.stories-BZuwmjR1.js} +3 -3
- package/dist/assets/{BaseButton-C9tiChQu.js → BaseButton-BzcWVv73.js} +1 -1
- package/dist/assets/{BaseMenuButton-BXkyi9Y-.js → BaseMenuButton-B2CeKq3v.js} +1 -1
- package/dist/assets/{Box--NDTewyO.js → Box-B-6W36qW.js} +1 -1
- package/dist/assets/{Box-B3rdnavX.js → Box-BvtEwOZC.js} +1 -1
- package/dist/assets/Box-BzR7wZhO.js +11 -0
- package/dist/assets/{Box-CnVllI1S.js → Box-DduJOSF-.js} +1 -1
- package/dist/assets/{Box.stories-0iw_Ut4E.js → Box.stories-vV2di-KJ.js} +1 -1
- package/dist/assets/Breadcrumb.stories-J2cc8t0d.js +19 -0
- package/dist/assets/BreadcrumbList.stories-B6XEafPI.js +81 -0
- package/dist/assets/{Breadcrumbs-DlF1RjAJ.js → Breadcrumbs-CM2RJrtX.js} +1 -1
- package/dist/assets/{Bug-BnGJL5iO.js → Bug-DbpZDqwO.js} +1 -1
- package/dist/assets/{Button-Dug4qNr3.js → Button-AqSkJ6Nd.js} +1 -1
- package/dist/assets/{Button-0PI4ljbj.js → Button-BX9EXxBV.js} +1 -1
- package/dist/assets/{Button-CQAScxdp.js → Button-CZuGHFIJ.js} +1 -1
- package/dist/assets/{Button-BEdrRzeO.js → Button-ZPlYqHUi.js} +1 -1
- package/dist/assets/{Button.stories-CaESBfZW.js → Button.stories-Bl7P9tek.js} +2 -2
- package/dist/assets/{Button.stories-CNPwpgVA.js → Button.stories-vEg3PKz-.js} +3 -3
- package/dist/assets/{ButtonBase-Rz8p08Xo.js → ButtonBase-CYIo9Kvv.js} +1 -1
- package/dist/assets/{Calendar-Do4wfihU.js → Calendar-DV1h6Fc3.js} +1 -1
- package/dist/assets/{Call-CZmd0zlk.js → Call-2_fpBWhr.js} +1 -1
- package/dist/assets/{Callout-WJN7MCgu.js → Callout-BgusP-7-.js} +1 -1
- package/dist/assets/{Callout.stories-EyhGsZIg.js → Callout.stories-CtAYWft1.js} +3 -3
- package/dist/assets/Card-BosIFVQP.js +8 -0
- package/dist/assets/{Card-CYHxgfcj.js → Card-DSV0thOs.js} +1 -1
- package/dist/assets/{Card.stories-CB7itEof.js → Card.stories-ZHXa0-vk.js} +1 -1
- package/dist/assets/{CardActionArea-CjEHgWqq.js → CardActionArea-j218OlRR.js} +1 -1
- package/dist/assets/{CardActions-AjPk7ICQ.js → CardActions-DEkVEZOo.js} +1 -1
- package/dist/assets/Checkbox-CtLz3m2I.js +1 -0
- package/dist/assets/{Checkbox-mRntsWEy.js → Checkbox-RASNl40G.js} +1 -1
- package/dist/assets/{Checkbox-3Yu84dfy.js → Checkbox-_fXckuhm.js} +1 -1
- package/dist/assets/Checkbox.stories-Bvx8GqiS.js +113 -0
- package/dist/assets/Checkbox.stories-qCSW0Q2j.js +43 -0
- package/dist/assets/{CheckboxGroup-Bris2fCF.js → CheckboxGroup-zMSuzeZ6.js} +1 -1
- package/dist/assets/CheckboxGroup.stories-BHKIdZ7U.js +89 -0
- package/dist/assets/CheckboxGroup.stories-BSflT92t.js +64 -0
- package/dist/assets/{ChevronRight-QYu5EQHS.js → ChevronRight--b1mmNks.js} +1 -1
- package/dist/assets/{ChevronUp-D226bAv0.js → ChevronUp-DL24OTkX.js} +1 -1
- package/dist/assets/{Chip-BgPaZbUf.js → Chip-bDORJbkM.js} +1 -1
- package/dist/assets/{CircularProgress-D6L1y9kt.js → CircularProgress-BgZHFbQE.js} +1 -1
- package/dist/assets/{CircularProgress-B7sj16Me.js → CircularProgress-BoAO9U8M.js} +1 -1
- package/dist/assets/{CircularProgress.stories-CvfXEtcf.js → CircularProgress.stories-CbcXfcmH.js} +3 -3
- package/dist/assets/{Clock-CRMbzsTS.js → Clock-BQK6LLyZ.js} +1 -1
- package/dist/assets/Close-cbwEd5Sp.js +1 -0
- package/dist/assets/{Code Styling Guidelines-CstdJT8e.js → Code Styling Guidelines-CRc7Acxy.js } +1 -1
- package/dist/assets/{Collapse-DULszxZp.js → Collapse-1HAz0LZV.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-D1UGGYVZ.js → Color-ASIRERSW-CzhPgsf8.js} +1 -1
- package/dist/assets/{CssBaseline-BxXlsiez.js → CssBaseline-CPKflVp5.js} +2 -2
- package/dist/assets/{CssBaseline.stories-DVe508J0.js → CssBaseline.stories-BVbDhIF6.js} +1 -1
- package/dist/assets/{Custom Theming-ccLDrBQS.js → Custom Theming-Dcj0M7qI.js } +2 -2
- package/dist/assets/Custom Theming.stories-UirQjvOB.js +95 -0
- package/dist/assets/{DataFilters-BkX84ZQL.js → DataFilters-Cf-ESeWE.js} +2 -2
- package/dist/assets/DataFilters-D5ALxX9D.js +1 -0
- package/dist/assets/{DataFilters.stories-DewPnjr_.js → DataFilters.stories-BEQSD0AZ.js} +1 -1
- package/dist/assets/DataTable-BRz_SDL5.js +41 -0
- package/dist/assets/{DataTable-019cW0Jq.js → DataTable-DrMdrIcq.js} +2 -2
- package/dist/assets/{DataTable-B5iX_c6m.js → DataTable-Duk3yrgE.js} +1 -1
- package/dist/assets/{DataTable.stories-Bn546tQH.js → DataTable.stories-BzrVvUtr.js} +1 -1
- package/dist/assets/{DataTable.stories-CZ38vjC1.js → DataTable.stories-CwDiJD8l.js} +2 -2
- package/dist/assets/{DataView-C1SHLIDp.js → DataView-B0q4EyNh.js} +2 -2
- package/dist/assets/{DataView-BS0E464o.js → DataView-CjTfaBGG.js} +1 -1
- package/dist/assets/{DataView.stories-CzFmgLtp.js → DataView.stories-B33BDgre.js} +1 -1
- package/dist/assets/{DataView.stories-E0Zxfc-o.js → DataView.stories-Dj1si9l-.js} +3 -3
- package/dist/assets/{DatePicker-DE3q9EuO.js → DatePicker-B5X7dx9Q.js} +1 -1
- package/dist/assets/{DatePicker-vZfA4IWy.js → DatePicker-BOqWHXdY.js} +1 -1
- package/dist/assets/DatePicker.stories-Dipl4bQY.js +133 -0
- package/dist/assets/{DateTimePicker-ByepBMwy.js → DateTimePicker-CIersydJ.js} +1 -1
- package/dist/assets/{DateTimePicker.stories-Cas4UCrt.js → DateTimePicker.stories-DjzZocUv.js} +3 -3
- package/dist/assets/DebugMenu-By3Vj_Nv.js +1 -0
- package/dist/assets/Design Tokens-C3WLUx-Q.js +4 -0
- package/dist/assets/Dialog-o5O78_b5.js +1 -0
- package/dist/assets/Dialog.stories-Dp36WpKI.js +352 -0
- package/dist/assets/Dialog.stories-MZqfLw6Z.js +207 -0
- package/dist/assets/{DialogContent-C6DlqjnA.js → DialogContent-BOYeFFEd.js} +1 -1
- package/dist/assets/DialogContentText-D0M3e4sQ.js +1 -0
- package/dist/assets/{DialogTitle-B_QxN4PO.js → DialogTitle-CIzT7Vz-.js} +1 -1
- package/dist/assets/{Divider-C7lvc1xB.js → Divider-6S-pAD7Z.js} +1 -1
- package/dist/assets/Divider.stories-CDGskHHm.js +5 -0
- package/dist/assets/{DocsRenderer-GHJI37HO-DFEQwt06.js → DocsRenderer-GHJI37HO-BX00v8ne.js} +2 -2
- package/dist/assets/{Documentation-nAJnZGCK.js → Documentation-C2_DeFFh.js} +1 -1
- package/dist/assets/{Download-CA8gZ8xE.js → Download-YawXz5G6.js} +1 -1
- package/dist/assets/{Drawer-CYAKZaWu.js → Drawer-DG7c2iM4.js} +1 -1
- package/dist/assets/Drawer.stories-C9ckJovc.js +95 -0
- package/dist/assets/{EmptyState-B1EvR4rn.js → EmptyState-Cw97nR9g.js} +1 -1
- package/dist/assets/EmptyState.stories-DXpOC1wF.js +127 -0
- package/dist/assets/EmptyState.stories-DhZwVE6F.js +11 -0
- package/dist/assets/{ExampleButton.stories-C3scpIjS.js → ExampleButton.stories-BfAyzgTg.js} +2 -2
- package/dist/assets/{Extending Translations-3H_cpfNQ.js → Extending Translations-DyrOgVYP.js } +1 -1
- package/dist/assets/{ExternalLink-3_gWbh_U.js → ExternalLink-DTGSbkQ2.js} +1 -1
- package/dist/assets/{Fade-ZBabHGDm.js → Fade-5EaFioT-.js} +1 -1
- package/dist/assets/{Field-CqIOaZfg.js → Field-4cI0KUzC.js} +1 -1
- package/dist/assets/Field-g_717qKv.js +11 -0
- package/dist/assets/{FieldHint-Cs73lQge.js → FieldHint-Bv45kUgg.js} +1 -1
- package/dist/assets/{Fieldset-emRDW8u7.js → Fieldset-Bu9pgqLo.js} +1 -1
- package/dist/assets/Fieldset.stories-DywDyipj.js +15 -0
- package/dist/assets/{FileUploader.stories-82Cob1aQ.js → FileUploader.stories-BGXUMzQV.js} +3 -3
- package/dist/assets/{Filter-XcwxIcdg.js → Filter-ColuOFTn.js} +1 -1
- package/dist/assets/{Folder-CVKRyg4P.js → Folder-DtBjBkxy.js} +1 -1
- package/dist/assets/{Form Field Accessibility-CZo064GW.js → Form Field Accessibility-4Q_qv-b6.js } +1 -1
- package/dist/assets/{Form-jEIBfmsN.js → Form-BxpHmQzB.js} +1 -1
- package/dist/assets/Form.stories-BIv3u1UC.js +69 -0
- package/dist/assets/{FormControlLabel-BG9mNqQc.js → FormControlLabel-CB3xJ6ut.js} +1 -1
- package/dist/assets/{FormGroup-D8ZDwdpx.js → FormGroup-BhjYepGC.js} +1 -1
- package/dist/assets/{FormHelperText-CVc1kPQJ.js → FormHelperText--Cp1ogV3.js} +1 -1
- package/dist/assets/{FormLabel-CWWbs_c2.js → FormLabel-DB_AmiE2.js} +1 -1
- package/dist/assets/{FullScreenOverlay-GJH3R5s4.js → FullScreenOverlay-BtuzG-CQ.js} +1 -1
- package/dist/assets/{Generating Icons-DzaDzJO9.js → Generating Icons-Dr_ZkyrY.js } +1 -1
- package/dist/assets/{Globe-C0SMdL8H.js → Globe-DhuLu1HO.js} +1 -1
- package/dist/assets/{Grid-DnpTJXeB.js → Grid-DT7vGlwm.js} +1 -1
- package/dist/assets/{Group-BJr9nAnt.js → Group-9XOIBtaE.js} +1 -1
- package/dist/assets/GroupPicker.stories-Bke7SA6x.js +33 -0
- package/dist/assets/{Grow-DvH-Xu1P.js → Grow-DG6yJWeA.js} +1 -1
- package/dist/assets/{Hide-C2jA-JOQ.js → Hide-4CfPQa-Q.js} +1 -1
- package/dist/assets/{Hint-BXue9c6p.js → Hint-BaHNFCSW.js} +1 -1
- package/dist/assets/{HintLink.stories-FqiBpDGQ.js → HintLink.stories-BZvK3msS.js} +3 -3
- package/dist/assets/{Home-D8RWt2JU.js → Home-BD0pfCzQ.js} +1 -1
- package/dist/assets/Icon.stories-BSXh7e2h.js +16 -0
- package/dist/assets/{IconButton-BPR_sq0F.js → IconButton-BJHIZjwd.js} +1 -1
- package/dist/assets/IconWithTooltip.stories-D8GpX4_O.js +19 -0
- package/dist/assets/{IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js → IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js} +1 -1
- package/dist/assets/{InformationCircle-DRZkRWne.js → InformationCircle-C_nheCFB.js} +1 -1
- package/dist/assets/{InputAdornment-Clfg5IS6.js → InputAdornment-CeCSVIa-.js} +1 -1
- package/dist/assets/{InputBase-BYnzr12H.js → InputBase-Bm1MB3pl.js} +1 -1
- package/dist/assets/{Installing odyssey-react-mui-C75NTz-Q.js → Installing odyssey-react-mui-ezN4Xob1.js } +1 -1
- package/dist/assets/{Introduction-DqVi6Ihy.js → Introduction-Vd2VsZIT.js} +1 -1
- package/dist/assets/{Layout-XY1MknZE.js → Layout-Bj5b-E-p.js} +1 -1
- package/dist/assets/{Layout.stories-CnOmeQ-W.js → Layout.stories-C7EVraBE.js} +3 -3
- package/dist/assets/{Legacy Migrations-D05TylMb.js → Legacy Migrations-D0Ct1uEl.js } +1 -1
- package/dist/assets/{LinearProgress-Z53mwHnp.js → LinearProgress-BcCo3aqG.js} +1 -1
- package/dist/assets/{Link-thynTosX.js → Link-4r_7nyI-.js} +1 -1
- package/dist/assets/{Link-Cg_KakDo.js → Link-BXZlWRMJ.js} +1 -1
- package/dist/assets/{Link-BKNciOfr.js → Link-C_gwYBxh.js} +1 -1
- package/dist/assets/Link-CqFkrdZX.js +11 -0
- package/dist/assets/{Link.stories-Clh1Bkzm.js → Link.stories-VkTe4JmO.js} +1 -1
- package/dist/assets/{List-D0N4Xybp.js → List-BcXvgzsa.js} +1 -1
- package/dist/assets/{List-CZ2bN2bA.js → List-CEPzEOaM.js} +1 -1
- package/dist/assets/{ListItem-BNz1zv6N.js → ListItem-B5ux02dQ.js} +1 -1
- package/dist/assets/{ListSubheader-Dwx7m0BA.js → ListSubheader-CB8GDLQK.js} +1 -1
- package/dist/assets/ListSubheader.stories-BrcTqTtL.js +5 -0
- package/dist/assets/{Menu-DB2s3Jn0.js → Menu-BCZiiIwc.js} +1 -1
- package/dist/assets/{MenuButton-BffESdH9.js → MenuButton-ChyskluM.js} +1 -1
- package/dist/assets/{MenuButton-BrxZ5EA2.js → MenuButton-CsX9_3Ov.js} +1 -1
- package/dist/assets/MenuButton.stories-BQzhE18z.js +246 -0
- package/dist/assets/{MenuButton.stories-l4pnLJBo.js → MenuButton.stories-ioM9q6o0.js} +1 -1
- package/dist/assets/{MenuContext-UsOwIWpO.js → MenuContext-BkYpsFtp.js} +1 -1
- package/dist/assets/{MenuItem-Cmq8TfUJ.js → MenuItem-C_SjZMbY.js} +1 -1
- package/dist/assets/{MenuItem-nncwAWHS.js → MenuItem-CbPgBBBa.js} +1 -1
- package/dist/assets/{MenuItem-CpMFWgaz.js → MenuItem-Cu1R78Nk.js} +1 -1
- package/dist/assets/{MenuItem.stories-76iDefqo.js → MenuItem.stories-C0Lk9sD8.js} +1 -1
- package/dist/assets/MenuItem.stories-DneQgCON.js +38 -0
- package/dist/assets/{MenuList-D3GSt85L.js → MenuList-BTp-5mcb.js} +1 -1
- package/dist/assets/{Modal-C5P7v6Gt.js → Modal-DHgQg0pV.js} +1 -1
- package/dist/assets/{More-BAN0OFVF.js → More-D0XSbzen.js} +1 -1
- package/dist/assets/{MuiPropsContext-D6i6qZME.js → MuiPropsContext-DICjNBkr.js} +1 -1
- package/dist/assets/{MuiPropsContext-Df02xyKB.js → MuiPropsContext-ppLtceHL.js} +1 -1
- package/dist/assets/NativeSelect.stories-D0uGEhNl.js +114 -0
- package/dist/assets/{Notification-CqbysXIb.js → Notification-Dv2xKTFA.js} +1 -1
- package/dist/assets/{OdysseyProvider-PxeTd-wx.js → OdysseyProvider-Czbz3dwH.js} +1 -1
- package/dist/assets/{OdysseyProvider-rboSNY26.js → OdysseyProvider-n2ocdJ7D.js} +9 -9
- package/dist/assets/{OdysseyStorybookThemeDecorator-CHlNoX17.js → OdysseyStorybookThemeDecorator-Bokwb0ot.js} +1 -1
- package/dist/assets/OdysseyThemeProvider-DOMFnSU0.js +167 -0
- package/dist/assets/PageHeader-W8g920aE.js +6 -0
- package/dist/assets/{PageHeader.stories-DzO4wv8w.js → PageHeader.stories-DawNc8la.js} +2 -2
- package/dist/assets/PageHeader.stories-DbD6NKau.js +17 -0
- package/dist/assets/{PageHeader.stories-xG6qoBox.js → PageHeader.stories-Feg52Fpw.js} +2 -2
- package/dist/assets/PageTemplate-Ca4rHowX.js +8 -0
- package/dist/assets/{PageTemplate-BUVvgcIj.js → PageTemplate-Dwh4Xczm.js} +1 -1
- package/dist/assets/{PageTemplate.stories-M6ewVPJx.js → PageTemplate.stories-4X4rSj0y.js} +3 -3
- package/dist/assets/{PageTemplate.stories-XizDmXOT.js → PageTemplate.stories-DGwPd5VL.js} +3 -3
- package/dist/assets/{PageTemplate.stories-mpYXgZT4.js → PageTemplate.stories-DgqdwkTB.js} +1 -1
- package/dist/assets/{PaginatedTable.stories-BGRIoKo4.js → PaginatedTable.stories-SgfUVlw_.js} +3 -3
- package/dist/assets/{Paper-vUVrw-QB.js → Paper-DIvrMKVz.js} +1 -1
- package/dist/assets/PasswordField.stories-PoPO1_-6.js +121 -0
- package/dist/assets/PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js +13 -0
- package/dist/assets/Picker.stories-DDz4NbBK.js +44 -0
- package/dist/assets/{PickerWithOptionAdornment.stories-DC1J_qH3.js → PickerWithOptionAdornment.stories-B7mFcKou.js} +3 -3
- package/dist/assets/{PlaceholderLogo-SOqcoUNb.js → PlaceholderLogo-KL8h77Of.js} +1 -1
- package/dist/assets/{Popper-CISS1LuJ.js → Popper-B9cGJ5Ql.js} +1 -1
- package/dist/assets/{Portal-DeJFqeW-.js → Portal-CznYNzyC.js} +1 -1
- package/dist/assets/ProgressBar.stories-Zs6E95x7.js +20 -0
- package/dist/assets/Radio-B6p2YsBk.js +1 -0
- package/dist/assets/{Radio-C5-GzJtb.js → Radio-BI2zWqqk.js} +1 -1
- package/dist/assets/{Radio-BlxlCYZY.js → Radio-DRPDZwez.js} +1 -1
- package/dist/assets/{Radio.stories-BrGqWocJ.js → Radio.stories-CjKWmmfC.js} +3 -3
- package/dist/assets/Radio.stories-DR-V8UW2.js +38 -0
- package/dist/assets/{RadioGroup-BcwUBGJo.js → RadioGroup-BxX8JmFv.js} +1 -1
- package/dist/assets/{RadioGroup-sL620ofZ.js → RadioGroup-DDMlZ9Ib.js} +1 -1
- package/dist/assets/RadioGroup-DpcTcdEf.js +10 -0
- package/dist/assets/RadioGroup.stories-B-gDjvcs.js +88 -0
- package/dist/assets/{RadioGroup.stories-CBlRX0KY.js → RadioGroup.stories-CWqmr1JP.js} +1 -1
- package/dist/assets/{Refresh-ZZ_nNcXg.js → Refresh-4GRZURAB.js} +1 -1
- package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-C-AyLafs.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-Bp-cqzBg.js} +1 -1
- package/dist/assets/{Right-to-Left (RTL)-DMJ1RF_H.js → Right-to-Left (RTL)-BOiEzeMb.js } +1 -1
- package/dist/assets/{ScopedCssBaseline-BOa6kM98.js → ScopedCssBaseline-CbMqVD26.js} +1 -1
- package/dist/assets/{ScreenReaderText-toqV93JE.js → ScreenReaderText-B0JAp-xP.js} +1 -1
- package/dist/assets/{ScreenReaderText-BfpueyoK.js → ScreenReaderText-CEUjhx3k.js} +2 -2
- package/dist/assets/ScreenReaderText.stories-BozDnS6f.js +8 -0
- package/dist/assets/{Search-0744_rm_.js → Search-C3XUnqCP.js} +1 -1
- package/dist/assets/{SearchDropdown.stories-lpj_p0pn.js → SearchDropdown.stories-DhfVkXGL.js} +3 -3
- package/dist/assets/{SearchField-DmDpB-Sd.js → SearchField-CyY1AHVm.js} +1 -1
- package/dist/assets/SearchField.stories-BdFBCS4f.js +37 -0
- package/dist/assets/SecureSettingsIndicator.stories-DsTRCtQb.js +19 -0
- package/dist/assets/{Select-DE0mojaE.js → Select-DHIWx9ln.js} +1 -1
- package/dist/assets/Select-FP2lhUA8.js +15 -0
- package/dist/assets/Select.stories-jKzGOaKi.js +233 -0
- package/dist/assets/{Server-1eTAy_EZ.js → Server-CirxxKai.js} +1 -1
- package/dist/assets/{Settings-CnuBvsmb.js → Settings-DoysZs_u.js} +1 -1
- package/dist/assets/{Setup-CG2Lh3Ff.js → Setup-SFMR9PGx.js} +1 -1
- package/dist/assets/{Shadow DOM-D2Xm68lR.js → Shadow DOM-CNgotzSG.js } +1 -1
- package/dist/assets/{Show-C6ORd-wr.js → Show-8RSN9YQN.js} +1 -1
- package/dist/assets/{SideNav-WgViafRP.js → SideNav-DhFZrYzU.js} +1 -1
- package/dist/assets/SideNav-JzVY3dUV.js +85 -0
- package/dist/assets/{SideNav.stories-Crrw-ySP.js → SideNav.stories-BD_yZ_n7.js} +1 -1
- package/dist/assets/{Skeleton-DxFSebyW.js → Skeleton-CxK3bCNC.js} +1 -1
- package/dist/assets/{Snackbar-C2LtiN82.js → Snackbar-BecQgiI0.js} +1 -1
- package/dist/assets/{Stack-jxMWaEAU.js → Stack-B9cZmjdi.js} +1 -1
- package/dist/assets/{Stack-Duw-TXBf.js → Stack-Bgh4xems.js} +1 -1
- package/dist/assets/Stack.stories-C5_9i8Bj.js +1 -0
- package/dist/assets/{StaticTable.stories-D0R7o_xf.js → StaticTable.stories-GkTKmzDs.js} +3 -3
- package/dist/assets/{Status-DyDCzqET.js → Status-BDUUaZsQ.js} +1 -1
- package/dist/assets/{Status.stories-CT9I5C3E.js → Status.stories-C_QZmEqw.js} +2 -2
- package/dist/assets/{Stepper.stories-BGyCeC7L.js → Stepper.stories-x-eW3EPk.js} +3 -3
- package/dist/assets/{Surface-s9E2mDWU.js → Surface-DIfiwHrw.js} +1 -1
- package/dist/assets/{Switch.stories-CiNsUF_b.js → Switch.stories-DtS0A4PX.js} +3 -3
- package/dist/assets/{SwitchBase-C_6ALR3v.js → SwitchBase-fGL3z_gG.js} +1 -1
- package/dist/assets/{Sync-Bo0k4rYZ.js → Sync-DbBKVuQB.js} +1 -1
- package/dist/assets/{Tabs-BPWnyCAU.js → Tabs-By4ALAid.js} +1 -1
- package/dist/assets/{Tabs-BnDKqj9p.js → Tabs-C_TNnT1n.js} +3 -3
- package/dist/assets/{Tabs.stories-xaGU0YrM.js → Tabs.stories-Dpxwprx8.js} +1 -1
- package/dist/assets/{Tag-CYK8pNzu.js → Tag-Cam_AAJc.js} +1 -1
- package/dist/assets/Tag.stories-DHsdO_Ew.js +96 -0
- package/dist/assets/{TagList-CunLkaIS.js → TagList-BgRJrZj8.js} +1 -1
- package/dist/assets/{TextField-DF5R_omM.js → TextField-eTiyghxK.js} +1 -1
- package/dist/assets/TextField.stories-asnjmcPk.js +177 -0
- package/dist/assets/Toast.stories-Cwx6XwLn.js +164 -0
- package/dist/assets/{ToastManager.stories-C6VVt3In.js → ToastManager.stories-UZvhSatu.js} +3 -3
- package/dist/assets/{Tooltip-B-PXZNTK.js → Tooltip-BMTVRAEn.js} +1 -1
- package/dist/assets/{Tooltip-yxN-KFjL.js → Tooltip-DVPGLNQs.js} +1 -1
- package/dist/assets/Tooltip.stories-272_RBTH.js +68 -0
- package/dist/assets/{TopNav-CCO_Sukh.js → TopNav-DXz-GdZX.js} +1 -1
- package/dist/assets/TopNav.stories-BbNTTN-h.js +13 -0
- package/dist/assets/{TransitionGroupContext-yBqGXZYI.js → TransitionGroupContext-CTI9LvjA.js} +1 -1
- package/dist/assets/{Typography-CjpHjc10.js → Typography-B8ZKtxRi.js} +1 -1
- package/dist/assets/Typography-BcNOcPdV.js +1 -0
- package/dist/assets/{Typography-Jr4Brrb5.js → Typography-D4Laguzq.js} +1 -1
- package/dist/assets/{Typography-CP569bC2.js → Typography-DlDlPYOB.js} +1 -1
- package/dist/assets/Typography-DnTFPtdP.js +9 -0
- package/dist/assets/{Typography.stories-DjnTqZOD.js → Typography.stories-BLBo_W9U.js} +1 -1
- package/dist/assets/Typography.stories-BknEcNqq.js +73 -0
- package/dist/assets/Typography.stories-Cl9dtqr_.js +73 -0
- package/dist/assets/{OdysseyThemeProvider-BA0_xP7N.js → UDComponentsStorybookThemeDecorator-BXzQsObU.js} +82 -17
- package/dist/assets/{UiShell.stories-Cz9ZqBh6.js → UiShell.stories-eL8NYtFG.js} +19 -19
- package/dist/assets/{UiShellProvider-oDzwqt6Y.js → UiShellProvider-Cd_5esNt.js} +1 -1
- package/dist/assets/{Upload-nb-hV6Ym.js → Upload-Cy-cphyA.js} +1 -1
- package/dist/assets/{User-BEFwQRGi.js → User-DRi5hhiP.js} +1 -1
- package/dist/assets/{UserProfile-BM4I2P2Q.js → UserProfile-CwV_oL5l.js} +1 -1
- package/dist/assets/UserProfile.stories-DgRCwF_j.js +14 -0
- package/dist/assets/{UserProfileMenuButton.stories-PNsdwClg.js → UserProfileMenuButton.stories-B5zb3hp4.js} +3 -3
- package/dist/assets/{Video-DHeibuka.js → Video-DAMdjIe3.js} +1 -1
- package/dist/assets/{WarningFilled-DOHs-JmZ.js → WarningFilled-DJX60tUO.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-DQaUt46F.js → WithTooltip-IO6J4KBT-Ccs9TgLm.js} +2 -2
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-BQlPPRvP.js +1 -0
- package/dist/assets/{WpComponentsStorybookThemeDecorator-Db3wSJC0.js → WpComponentsStorybookThemeDecorator-CJ_rgsix.js} +1 -1
- package/dist/assets/{axe-9-4xvXvL.js → axe-B0QS9Vy6.js} +1 -1
- package/dist/assets/{axeRun-w5CBCc9V.js → axeRun-C-zlWaxU.js} +1 -1
- package/dist/assets/{blocks-D521Uej3.js → blocks-BI5YpTSd.js} +6 -6
- package/dist/assets/{colorManipulator-BYcVMQmD.js → colorManipulator-BprDRxgx.js} +1 -1
- package/dist/assets/{createStyled-BKWdp2xc.js → createStyled-CNzidwe1.js} +1 -1
- package/dist/assets/{createSvgIcon-CaWcxZng.js → createSvgIcon-CoE7vjSC.js} +1 -1
- package/dist/assets/{dialogActionsClasses-J0iu7jYO.js → dialogActionsClasses-DejbXXRS.js} +1 -1
- package/dist/assets/formatter-QJ4M4OGQ-D0ewJSfL.js +1 -0
- package/dist/assets/{iconUtils-DmnxHGuV.js → iconUtils-CeRi1WMA.js} +1 -1
- package/dist/assets/{iframe-CQjT1fxh.js → iframe-Cav9rlxr.js} +132 -132
- package/dist/assets/{index-D5BUEpVX.js → index-BQ9nbbSk.js} +1 -1
- package/dist/assets/index-C5VVYn_U.js +1 -0
- package/dist/assets/{index-C77ZwfYm.js → index-CLFx8Kta.js} +1 -1
- package/dist/assets/index-Dui69PFe.js +1 -0
- package/dist/assets/index.es-0rJMfM0E.js +8 -0
- package/dist/assets/{index.esm-Bohtd3OQ.js → index.esm-C_XHPSqo.js} +1 -1
- package/dist/assets/{index.esm-Dvk_qjX0.js → index.esm-CsYcjPN9.js} +1 -1
- package/dist/assets/{index.modern-DX91rx7y.js → index.modern-DBSGWaP4.js} +1 -1
- package/dist/assets/{inputUtils-BBH9ADKa.js → inputUtils-BOLvDTmI.js} +1 -1
- package/dist/assets/{personData-CV-uVWcJ.js → personData-BPEVF-Qf.js} +1 -1
- package/dist/assets/{personData-Bi-Gg5yH.js → personData-BoHZtVJF.js} +1 -1
- package/dist/assets/{pickerComponentPropsMetaData-aBuTm1AZ.js → pickerComponentPropsMetaData-DZI7kYjo.js} +1 -1
- package/dist/assets/{react-18-DkaAwiRb.js → react-18-DjPF3SW_.js} +1 -1
- package/dist/assets/{renderUiShell.stories-R-ckgOdr.js → renderUiShell.stories-wVSloQJP.js} +23 -23
- package/dist/assets/{resolveComponentProps-DGxe9oED.js → resolveComponentProps-m1IywaLB.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-CL1ROTuv.js → syntaxhighlighter-IQDEPFLK-Pv8RB4wM.js} +1 -1
- package/dist/assets/{tableRowClasses-Bk1uFtwh.js → tableRowClasses-DYosAqvx.js} +1 -1
- package/dist/assets/{tableSortLabelClasses-i_d6KGQQ.js → tableSortLabelClasses-BkDwo_43.js} +1 -1
- package/dist/assets/{useAutocomplete-DG_kuhWb.js → useAutocomplete-f6aTM-6O.js} +1 -1
- package/dist/assets/{useControlled-BUhC7uWK.js → useControlled-4m9Fbl4Y.js} +1 -1
- package/dist/assets/{useIsFocusVisible-D1xCTBdT.js → useIsFocusVisible-Cu721A7w.js} +1 -1
- package/dist/assets/{useMobilePicker-DJQJ3D8W.js → useMobilePicker-0Zj6ZxWR.js} +1 -1
- package/dist/assets/{useMountLifecycleEffect-BNByHT_g.js → useMountLifecycleEffect-C7Ycb3_3.js} +1 -1
- package/dist/assets/{useOdysseyDateFields-BVmmVg1G.js → useOdysseyDateFields-BbpeJekS.js} +3 -3
- package/dist/assets/{useScrollIndication-BGw7dgC5.js → useScrollIndication-4J4XfL4q.js} +4 -4
- package/dist/assets/{useSlot-BMAKysxJ.js → useSlot-CvipdriX.js} +1 -1
- package/dist/assets/{useThemeProps-BCUqwy59.js → useThemeProps-C9dAJTwo.js} +1 -1
- package/dist/assets/useThemeProps-CITViJJe.js +1 -0
- package/dist/assets/useTranslation-DjB2Li3Q.js +1 -0
- package/dist/assets/{useUniqueId-DG6rB8dI.js → useUniqueId-CXfTvpAs.js} +1 -1
- package/dist/assets/useUniqueId-MZzCNWze.js +11 -0
- package/dist/assets/{utilities.esm-D9akhJLQ.js → utilities.esm-CFtdCfoJ.js} +1 -1
- package/dist/assets/{utils-D-QCjykO.js → utils-fJIW_l91.js} +1 -1
- package/dist/cjs/FullScreenOverlayContext.cjs +8 -2
- package/dist/cjs/FullScreenOverlayContext.cjs.map +1 -1
- package/dist/cjs/OdysseyProvider.cjs +2 -0
- package/dist/cjs/OdysseyProvider.cjs.map +1 -1
- package/dist/cjs/Select.cjs +13 -15
- package/dist/cjs/Select.cjs.map +1 -1
- package/dist/cjs/__internal.cjs +22 -0
- package/dist/cjs/__internal.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.resources.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.resources.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.types.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.types.cjs.map +1 -1
- package/dist/cjs/labs/DataFilters.cjs +14 -11
- package/dist/cjs/labs/DataFilters.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs.map +1 -1
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs +17 -0
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs.map +1 -1
- package/dist/cjs/ui-shell/UiShell.cjs +1 -0
- package/dist/cjs/ui-shell/UiShell.cjs.map +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
- package/dist/esm/FullScreenOverlayContext.js +8 -2
- package/dist/esm/FullScreenOverlayContext.js.map +1 -1
- package/dist/esm/OdysseyProvider.js +2 -0
- package/dist/esm/OdysseyProvider.js.map +1 -1
- package/dist/esm/Select.js +13 -15
- package/dist/esm/Select.js.map +1 -1
- package/dist/esm/__internal.js +2 -0
- package/dist/esm/__internal.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.js +1 -1
- package/dist/esm/i18n.generated/i18n.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.resources.js +1 -1
- package/dist/esm/i18n.generated/i18n.resources.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.types.js +1 -1
- package/dist/esm/i18n.generated/i18n.types.js.map +1 -1
- package/dist/esm/labs/DataFilters.js +14 -11
- package/dist/esm/labs/DataFilters.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js.map +1 -1
- package/dist/esm/ui-shell/NarrowUiShellContent.js +17 -0
- package/dist/esm/ui-shell/NarrowUiShellContent.js.map +1 -1
- package/dist/esm/ui-shell/UiShell.js +1 -0
- package/dist/esm/ui-shell/UiShell.js.map +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.es.js +3173 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.iife.js +9 -0
- package/dist/index.iife.js.map +1 -0
- package/dist/index.json +1 -1
- package/dist/index.umd.cjs +9 -0
- package/dist/index.umd.cjs.map +1 -0
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-6/manager-bundle.js +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/types/FullScreenOverlayContext.d.ts +5 -1
- package/dist/types/FullScreenOverlayContext.d.ts.map +1 -1
- package/dist/types/OdysseyProvider.d.ts +1 -1
- package/dist/types/OdysseyProvider.d.ts.map +1 -1
- package/dist/types/Select.d.ts.map +1 -1
- package/dist/types/__internal.d.ts +2 -0
- package/dist/types/__internal.d.ts.map +1 -1
- package/dist/types/getTranslationServices.browser.test.d.ts +1 -0
- package/dist/types/getTranslationServices.browser.test.js +88 -0
- package/dist/types/getTranslationServices.browser.test.js.map +1 -0
- package/dist/types/getTranslationServices.d.ts +89 -0
- package/dist/types/getTranslationServices.js +77 -0
- package/dist/types/getTranslationServices.js.map +1 -0
- package/dist/types/getTypedObjectEntries.d.ts +1 -0
- package/dist/types/getTypedObjectEntries.js +2 -0
- package/dist/types/getTypedObjectEntries.js.map +1 -0
- package/dist/types/i18n.generated/i18n.d.ts +5 -1
- package/dist/types/i18n.generated/i18n.d.ts.map +1 -1
- package/dist/types/i18n.generated/i18n.resources.d.ts +7 -1
- package/dist/types/i18n.generated/i18n.resources.d.ts.map +1 -1
- package/dist/types/i18n.generated/i18n.types.d.ts +1 -1
- package/dist/types/index.js +3 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/labs/DataFilters.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts.map +1 -1
- package/dist/types/translationServices.types.d.ts +2 -0
- package/dist/types/translationServices.types.js +34 -0
- package/dist/types/translationServices.types.js.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/dist/types/ui-shell/NarrowUiShellContent.d.ts.map +1 -1
- package/dist/types/ui-shell/UiShell.d.ts.map +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/ok.yaml +1 -0
- package/package.json +7 -7
- package/src/getTranslationServices.browser.test.tsx +173 -0
- package/src/getTranslationServices.tsx +288 -0
- package/src/getTypedObjectEntries.ts +3 -0
- package/src/index.ts +2 -0
- package/src/translationServices.types.ts +36 -0
- package/src/tsconfig.json +7 -0
- package/tsconfig.json +41 -0
- package/vite.config.project.ts +61 -0
- package/vite.config.ts +21 -0
- package/vite.config.ts.bak +33 -0
- package/vitest-browser-setup.ts +14 -0
- package/vitest-jsdom-setup.ts +13 -0
- package/vitest-node-setup.ts +13 -0
- package/vitest.config.project.ts +16 -0
- package/vitest.config.ts +27 -0
- package/vitest.config.ts.bak +27 -0
- package/dist/assets/Accordion.stories-X3jwsTUf.js +0 -85
- package/dist/assets/AppSwitcher.stories-CwjWKK9x.js +0 -100
- package/dist/assets/AppTile.stories-BfdQQaCS.js +0 -136
- package/dist/assets/ArrowRight-C5USrGY5.js +0 -1
- package/dist/assets/Box-Dieb6jd6.js +0 -11
- package/dist/assets/Breadcrumb.stories-BOG-nvIn.js +0 -19
- package/dist/assets/BreadcrumbList.stories-BjYldubq.js +0 -81
- package/dist/assets/Card-BejcE3ak.js +0 -8
- package/dist/assets/Checkbox.stories-CnAqBzmf.js +0 -113
- package/dist/assets/CheckboxGroup.stories-CIRolYTR.js +0 -89
- package/dist/assets/Close-CELHOmN_.js +0 -1
- package/dist/assets/Custom Theming.stories-CWCReKRB.js +0 -95
- package/dist/assets/DataFilters-4og6bOFS.js +0 -1
- package/dist/assets/DataTable-DV-P1c62.js +0 -41
- package/dist/assets/DatePicker.stories-DWhZFsWV.js +0 -133
- package/dist/assets/DebugMenu-3nsw5Xt7.js +0 -1
- package/dist/assets/Design Tokens-OxRvZCcK.js +0 -4
- package/dist/assets/Dialog-DiU8nQnH.js +0 -1
- package/dist/assets/Dialog.stories-Cl9r8_yI.js +0 -207
- package/dist/assets/Divider.stories-BEuF_CK6.js +0 -5
- package/dist/assets/Drawer.stories-we3mu0fd.js +0 -95
- package/dist/assets/EmptyState.stories-BoZoxyTs.js +0 -11
- package/dist/assets/Fieldset.stories-B_r0XFjE.js +0 -15
- package/dist/assets/Form.stories-Bge8Frr0.js +0 -69
- package/dist/assets/GroupPicker.stories-Oc5zKcw1.js +0 -33
- package/dist/assets/Icon.stories-CB1sFVG5.js +0 -16
- package/dist/assets/IconWithTooltip.stories-qhJ3BM2A.js +0 -19
- package/dist/assets/Link-Djl4opNm.js +0 -11
- package/dist/assets/ListSubheader.stories-nA_TcAiG.js +0 -5
- package/dist/assets/MenuButton.stories-CtQrmY2o.js +0 -246
- package/dist/assets/MenuItem.stories-CQ-735qG.js +0 -38
- package/dist/assets/NativeSelect.stories-D2Ob7KE5.js +0 -114
- package/dist/assets/PageHeader-DHtVYyb-.js +0 -6
- package/dist/assets/PageHeader.stories-CCvS30-w.js +0 -17
- package/dist/assets/PageTemplate-Dfm2PU1P.js +0 -8
- package/dist/assets/PasswordField.stories-T70RtAAe.js +0 -121
- package/dist/assets/Picker.stories-DHQ88s15.js +0 -44
- package/dist/assets/ProgressBar.stories-Cyam9OIf.js +0 -258
- package/dist/assets/RadioGroup-D8i98nDO.js +0 -10
- package/dist/assets/ScreenReaderText.stories-C1dE1n7A.js +0 -8
- package/dist/assets/SearchField.stories-LT1ewC26.js +0 -37
- package/dist/assets/Select-CQoJvuLM.js +0 -15
- package/dist/assets/Select.stories-B8cWbr6v.js +0 -233
- package/dist/assets/SideNav-tldrZCp2.js +0 -85
- package/dist/assets/Stack.stories-B9W1XlQs.js +0 -1
- package/dist/assets/Tag.stories-CFd40qf5.js +0 -96
- package/dist/assets/TextField.stories-julPXfI1.js +0 -177
- package/dist/assets/Toast.stories-BuX-cdk6.js +0 -164
- package/dist/assets/Tooltip.stories-BXjrRGGM.js +0 -68
- package/dist/assets/TopNav.stories-C3X2SUf9.js +0 -13
- package/dist/assets/Typography-Dy2bDiU6.js +0 -9
- package/dist/assets/Typography.stories-CBkQTJR8.js +0 -73
- package/dist/assets/Typography.stories-dzvvlIBm.js +0 -73
- package/dist/assets/UserProfile.stories-BOMOuxsL.js +0 -14
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DrWk22II.js +0 -1
- package/dist/assets/formatter-QJ4M4OGQ-BVt8pa2h.js +0 -1
- package/dist/assets/index-5Qx3hCfP.js +0 -1
- package/dist/assets/index-Vzl5wUDu.js +0 -1
- package/dist/assets/useThemeProps-Bc2iWdri.js +0 -1
- package/dist/index.d.ts +0 -22
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -25
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as a,j as s,
|
|
1
|
+
import{r as a,j as s,d as D}from"./iframe-Cav9rlxr.js";import{T as Cs}from"./Tooltip-DVPGLNQs.js";import{B as qs}from"./Button-AqSkJ6Nd.js";import{P as Ms}from"./PlaceholderLogo-KL8h77Of.js";import{O as C}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{E as x}from"./utilities.esm-CFtdCfoJ.js";import{M as os}from"./OdysseyProvider-n2ocdJ7D.js";import{s as p,S as Ps}from"./tableRowClasses-DYosAqvx.js";import{M as te}from"./Button-BX9EXxBV.js";import{u as ie,a as Ns,h as ws}from"./OdysseyThemeProvider-DOMFnSU0.js";import{d as ks}from"./WarningFilled-DJX60tUO.js";import{M as Ts}from"./More-D0XSbzen.js";import{a as K,e as ns,T as ae,b as us,S as me}from"./uiShellSharedConstants-CvCey4L_.js";import{a as Is,M as Z}from"./SideNav-DhFZrYzU.js";import{u as ls,M as Es}from"./UiShellProvider-Cd_5esNt.js";import{M as pe}from"./AppSwitcher-BlMgsq7d.js";import{M as he}from"./TopNav-DXz-GdZX.js";import{M as js}from"./SearchField-CyY1AHVm.js";import{M as cs}from"./Surface-DIfiwHrw.js";import{u as As,M as Ds}from"./PageTemplate-Dwh4Xczm.js";import{a as Rs}from"./Typography-B8ZKtxRi.js";import{M as Us}from"./Box-B-6W36qW.js";import{M as Bs}from"./Banner-BtTBJERs.js";import{M as ds}from"./UserProfile-CwV_oL5l.js";import{M as re}from"./User-DRi5hhiP.js";import{M as Fs}from"./Layout-Bj5b-E-p.js";import{M as ge}from"./AddCircle-DgNpvHvb.js";import{M as ve}from"./Home-BD0pfCzQ.js";import{M as be,a as Os,b as Ls,c as Hs,d as fe}from"./Server-CirxxKai.js";import{M as Se}from"./Folder-DtBjBkxy.js";import{M as zs}from"./Download-YawXz5G6.js";import{M as _s}from"./Clock-BQK6LLyZ.js";import{M as Ws}from"./Settings-DoysZs_u.js";import{M as Vs}from"./Notification-Dv2xKTFA.js";import"./preload-helper-Dp1pzeXC.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./ButtonBase-CYIo9Kvv.js";import"./index-CLFx8Kta.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./index.es-0rJMfM0E.js";import"./useMountLifecycleEffect-C7Ycb3_3.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-BpjNF1hZ.js";import"./useSlot-CvipdriX.js";import"./Collapse-1HAz0LZV.js";import"./Paper-DIvrMKVz.js";import"./Link-BXZlWRMJ.js";import"./Link-4r_7nyI-.js";import"./Typography-D4Laguzq.js";import"./ExternalLink-DTGSbkQ2.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";import"./Badge-C9-6xV6N.js";import"./Status-BDUUaZsQ.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./ChevronRight--b1mmNks.js";import"./Field-4cI0KUzC.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./ScreenReaderText-B0JAp-xP.js";import"./Box-DduJOSF-.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./inputUtils-BOLvDTmI.js";import"./InputBase-Bm1MB3pl.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CeCSVIa-.js";import"./Search-C3XUnqCP.js";import"./IconButton-BJHIZjwd.js";import"./Documentation-C2_DeFFh.js";import"./AlertTitle-41lhnhsR.js";import"./Close-cbwEd5Sp.js";/*!
|
|
2
2
|
* Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -18,19 +18,19 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
18
18
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
19
|
*
|
|
20
20
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
21
|
-
*/const oe=p("div")({left:0,pointerEvents:"none",position:"absolute",top:0,width:"100%",zIndex:K})
|
|
21
|
+
*/const oe=p("div")({left:0,pointerEvents:"none",position:"absolute",top:0,width:"100%",zIndex:K}),$s=p(oe)({background:`linear-gradient(
|
|
22
22
|
to bottom,
|
|
23
23
|
rgba(39, 39, 39, 0.08) 0%,
|
|
24
24
|
transparent 100%
|
|
25
|
-
)`,height:"4px"})
|
|
25
|
+
)`,height:"4px"}),Gs=p(oe)({background:`linear-gradient(
|
|
26
26
|
to bottom,
|
|
27
27
|
rgba(39, 39, 39, 0.01) 0%,
|
|
28
28
|
transparent 100%
|
|
29
|
-
)`,height:"6px"}),
|
|
29
|
+
)`,height:"6px"}),Ys=p(oe)({background:`linear-gradient(
|
|
30
30
|
to bottom,
|
|
31
31
|
rgba(39, 39, 39, 0.05) 0%,
|
|
32
32
|
transparent 100%
|
|
33
|
-
)`,height:"15px"}),
|
|
33
|
+
)`,height:"15px"}),Qs=({isContentScrolled:e})=>e?s.jsxs(s.Fragment,{children:[s.jsx($s,{}),s.jsx(Gs,{}),s.jsx(Ys,{})]}):null,ne=a.memo(Qs);ne.displayName="InnerAppContainer";const Xs=a.forwardRef((e,t)=>s.jsx(Ps,{fill:"none",ref:t,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx("path",{clipRule:"evenodd",d:"M21.333 5.778H2.667V4H21.333V5.778ZM21.333 12.885H2.667V11.111H21.333V12.885ZM2.667 20H21.333V18.221H2.667V20Z",fill:"currentColor",fillRule:"evenodd"})})),ms=a.memo(Xs);ms.displayName="HamburgerMenuIcon";/*!
|
|
34
34
|
* Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
35
35
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
36
36
|
*
|
|
@@ -40,7 +40,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
40
40
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
41
41
|
*
|
|
42
42
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
43
|
-
*/const
|
|
43
|
+
*/const Zs=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase(),Ks=({additionalStyles:e,appContainerElement:t,appContentReferenceElement:o,parentElement:u})=>{const r=o.getBoundingClientRect(),n=u.getBoundingClientRect();t.style.setProperty("position","absolute"),t.style.setProperty("top",`${r.top-n.top}px`),t.style.setProperty("left",`${r.left-n.left}px`),t.style.setProperty("width",`${r.width}px`),t.style.setProperty("height",`${r.height}px`),Object.entries(e).forEach(([d,i])=>{t.style.setProperty(Zs(d),String(i))})},ps=({appElement:e,appElementScrollingMode:t,paddingMode:o,uiShellAppAreaRef:u,uiShellResizableRefs:r})=>{const n=ie(),d=a.useRef(null),i=a.useMemo(()=>({boxSizing:"border-box",zIndex:1,...o==="comfortable"?{paddingBlock:n.Spacing5,paddingInline:n.Spacing8}:{},...o==="compact"?{paddingBlock:n.Spacing5,paddingInline:n.Spacing5}:{},...t==="horizontal"||t==="both"?{overflowX:"auto"}:{overflowX:"hidden"},...t==="vertical"||t==="both"?{overflowY:"auto"}:{overflowY:"hidden"}}),[t,o,n]);return a.useEffect(()=>{if(u.current&&e&&d.current){let l;const g=()=>{cancelAnimationFrame(l),l=requestAnimationFrame(()=>{u.current&&d.current&&Ks({additionalStyles:i,appContentReferenceElement:u.current,appContainerElement:e,parentElement:d.current})})},m=r.map(c=>c.current).filter(c=>!!c),h=new ResizeObserver(g);return m.forEach(c=>{c.addEventListener("transitionend",g),h.observe(c)}),g(),()=>{h.disconnect(),m.forEach(c=>{c.removeEventListener("transitionend",g)})}}return()=>{}},[e,i,u,r]),{parentContainerRef:d}};/*!
|
|
44
44
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
45
45
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
46
46
|
*
|
|
@@ -50,7 +50,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
50
50
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
51
51
|
*
|
|
52
52
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
53
|
-
*/const
|
|
53
|
+
*/const Js=({containerElement:e,element:t})=>{const o=e.getBoundingClientRect().height;return t.getBoundingClientRect().height-o>=0},et=e=>{const t=window.getComputedStyle(e).overflowY;return t==="auto"||t==="scroll"},st=e=>Array.from(e.querySelectorAll("*")).filter(t=>Js({containerElement:e,element:t})).filter(t=>et(t)),tt=typeof window>"u"?null:document.createElement("div"),hs=e=>{const[t,o]=a.useState(!1),u=a.useRef(0),r=a.useRef([]),n=a.useCallback(()=>{cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{o(r.current.reduce((m,h)=>m||h.scrollTop>0,!1))})},[]),d=a.useCallback(()=>{r.current.forEach(m=>{m.addEventListener("scroll",n)})},[n]),i=a.useCallback(()=>{r.current.forEach(m=>{m.removeEventListener("scroll",n)})},[n]),l=a.useCallback(()=>{const m=e||tt;m&&(r.current=st(m).concat(m))},[e]),g=a.useCallback(()=>{i(),l(),d(),n()},[d,i,l,n]);return a.useEffect(()=>{const m=new MutationObserver(()=>{g()});return e&&m.observe(e,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),g(),()=>{cancelAnimationFrame(u.current),i(),m.disconnect()}},[e,i,g]),{isContentScrolled:t}};/*!
|
|
54
54
|
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
55
55
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
56
56
|
*
|
|
@@ -60,11 +60,11 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
60
60
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
61
61
|
*
|
|
62
62
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
63
|
-
*/const
|
|
63
|
+
*/const at=p("div")({gridArea:"app-content",position:"relative",height:"100%",width:"100%"}),it=p("div",{shouldForwardProp:e=>e!=="appBackgroundColor"&&e!=="odysseyDesignTokens"})(({appBackgroundColor:e})=>({backgroundColor:e,height:"100%",overflow:"hidden",width:"100%"})),rt=p("div")({gridArea:"banners",zIndex:K}),ot=p("div",{shouldForwardProp:e=>e!=="isOpen"})(({isOpen:e})=>({display:e?"block":"none",height:"100%",position:"absolute",zIndex:us})),nt=p("div",{shouldForwardProp:e=>e!=="isOpen"&&e!=="odysseyDesignTokens"})(({isOpen:e,odysseyDesignTokens:t})=>({backgroundColor:t.HueNeutralWhite,display:e?"block":"none",height:"100%",maxWidth:me,overflowY:"auto",position:"absolute",right:0,width:me,zIndex:us})),ut=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"center",display:"inline-flex",gap:e.Spacing3})),lt=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({height:ae,paddingBlock:e.Spacing4,"svg, img":{maxHeight:"100%",width:"auto",maxWidth:"100%"}})),ct=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({backgroundColor:ws(e.HueNeutral900).asFormattedString.replace(/rgb\((.+)\)$/,"rgba($1, 0.26)"),gridArea:"app-content",height:"100vh",left:0,position:"absolute",top:0,width:"100vw",zIndex:K})),ye=p("div")({height:"100%"}),dt=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({backgroundColor:e.HueNeutral50,display:"grid",gridGap:0,gridTemplateAreas:`
|
|
64
64
|
"banners"
|
|
65
65
|
"top-nav"
|
|
66
66
|
"app-content"
|
|
67
|
-
`,gridTemplateColumns:"1fr",gridTemplateRows:"auto auto 1fr",height:"100vh",overflow:"hidden",width:"100vw"})),
|
|
67
|
+
`,gridTemplateColumns:"1fr",gridTemplateRows:"auto auto 1fr",height:"100vh",overflow:"hidden",width:"100vw"})),mt=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isContentScrolled"&&e!=="topNavBackgroundColor"})(({odysseyDesignTokens:e,isContentScrolled:t,topNavBackgroundColor:o})=>({alignItems:"stretch",backgroundColor:e.HueNeutralWhite||o,boxShadow:t?e.DepthMedium:void 0,clipPath:"inset(0 0 -100vh 0)",display:"flex",flexDirection:"column",gridArea:"top-nav",height:"100%",justifyContent:"center",position:"relative",transition:`box-shadow ${e.TransitionDurationMain} ${e.TransitionTimingMain}`,zIndex:K})),pt=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="topNavBackgroundColor"})(({odysseyDesignTokens:e,topNavBackgroundColor:t})=>({alignItems:"center",display:"flex",gap:e.Spacing3,height:"100%",justifyContent:"space-between",maxHeight:ae,minHeight:ae,paddingBlock:e.Spacing2,paddingInline:e.Spacing3,transition:`box-shadow ${e.TransitionDurationMain} ${e.TransitionTimingMain}`,...t===e.HueNeutralWhite&&{borderBottomColor:e.HueNeutral100,borderBottomStyle:e.BorderStyleMain,borderBottomWidth:e.BorderWidthMain}})),ht=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({paddingBlock:e.Spacing2,paddingInline:e.Spacing3})),gt=({appElement:e,appElementScrollingMode:t,hasSideNavProps:o,hasStandardAppContentPadding:u=!0,initialVisibleSections:r=["TopNav","SideNav","AppSwitcher"],logoProps:n,onError:d=console.error,optionalComponents:i,sideNavProps:l,topNavProps:g})=>{const{t:m}=Ns(),h=ie(),c=ls(),{isContentScrolled:q}=hs(e),P=a.useRef(null),S=a.useRef(null),M=a.useRef(null),[T,w]=a.useState(!1),[v,k]=a.useState(!1),b=a.useCallback(()=>{w(!1),k(!1)},[]);a.useEffect(()=>{const f=c==null?void 0:c.subscribeToCloseRightSideMenu(()=>{b()}),y=c==null?void 0:c.subscribeToCloseSideNavMenu(()=>{b()});return()=>{f==null||f(),y==null||y()}},[b,c]);const I=a.useCallback(()=>{k(!1),w(f=>!f)},[]),A=a.useCallback(()=>{w(!1),k(f=>!f)},[]);a.useEffect(()=>{const f=y=>{y.key==="Escape"&&b()};return document.addEventListener("keydown",f),()=>{document.removeEventListener("keydown",f)}},[b]);const{parentContainerRef:E}=ps({appElement:e,appElementScrollingMode:t,paddingMode:u?"compact":"none",uiShellAppAreaRef:M,uiShellResizableRefs:[P,S,M]});return s.jsxs(s.Fragment,{children:[(T||v)&&s.jsx(ct,{odysseyDesignTokens:h,onClick:b}),s.jsxs(dt,{odysseyDesignTokens:h,ref:E,children:[s.jsx(rt,{children:i==null?void 0:i.banners}),((r==null?void 0:r.includes("TopNav"))||g)&&s.jsx(x,{fallback:null,onError:d,children:s.jsxs(mt,{isContentScrolled:q,odysseyDesignTokens:h,topNavBackgroundColor:c==null?void 0:c.topNavBackgroundColor,children:[s.jsxs(pt,{odysseyDesignTokens:h,topNavBackgroundColor:c==null?void 0:c.sideNavBackgroundColor,children:[s.jsxs(ut,{odysseyDesignTokens:h,children:[o&&((l==null?void 0:l.isCollapsible)||!(l!=null&&l.isCollapsed))&&s.jsx(te,{ariaLabel:m("topnav.sidenavmenu.toggle"),onClick:I,startIcon:s.jsx(ms,{}),testId:"sidenav-menu--icon",variant:"floating"}),s.jsx(lt,{odysseyDesignTokens:h,children:s.jsx(Is,{...(l==null?void 0:l.logoProps)||n})})]}),(i==null?void 0:i.rightSideMenu)&&s.jsx(te,{ariaLabel:m("topnav.usermenu.toggle"),onClick:A,startIcon:v?s.jsx(ks,{}):s.jsx(Ts,{}),testId:"userprofile-menu--icon",variant:"floating"})]}),(i==null?void 0:i.topNavLeftSide)&&s.jsx(ht,{odysseyDesignTokens:h,children:i==null?void 0:i.topNavLeftSide})]})}),s.jsxs(at,{children:[s.jsxs(ot,{isOpen:T,children:[(r==null?void 0:r.includes("SideNav"))&&!o&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(Z,{isLoading:!0,sideNavItems:ns})}),o&&l&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(ye,{children:s.jsx(Z,{...l,appName:void 0,logoProps:void 0,...l.hasCustomFooter&&(i!=null&&i.sideNavFooter)?{footerComponent:i.sideNavFooter,footerItems:void 0,hasCustomFooter:l.hasCustomFooter}:{footerItems:l.footerItems,hasCustomFooter:!1},isCollapsed:!1,isCollapsible:!1,isObtrusive:!0,onCollapse:b})})})]}),s.jsx(nt,{isOpen:v,odysseyDesignTokens:h,children:s.jsx(ye,{children:i==null?void 0:i.rightSideMenu})}),s.jsx(it,{appBackgroundColor:c==null?void 0:c.appBackgroundColor,ref:M,tabIndex:0,children:s.jsx(ne,{isContentScrolled:q})})]})]})]})},gs=a.memo(gt);gs.displayName="NarrowUiShellContent";/*!
|
|
68
68
|
* Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
69
69
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
70
70
|
*
|
|
@@ -74,7 +74,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
74
74
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
75
75
|
*
|
|
76
76
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
77
|
-
*/const
|
|
77
|
+
*/const vt={narrow:0,medium:600,wide:800},bt=(e=vt)=>{const t=se(`(min-width: ${e.narrow}px)`),o=se(`(min-width: ${e.medium}px)`);return se(`(min-width: ${e.wide}px)`)?"wide":o?"medium":t?"narrow":"none"};/*!
|
|
78
78
|
* Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
79
79
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
80
80
|
*
|
|
@@ -94,11 +94,11 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
94
94
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
95
95
|
*
|
|
96
96
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
97
|
-
*/const
|
|
97
|
+
*/const ft=[],St=p("div",{shouldForwardProp:e=>e!=="appBackgroundColor"&&e!=="odysseyDesignTokens"})(({appBackgroundColor:e})=>({backgroundColor:e,gridArea:"app-content",position:"relative"})),yt=p("div")({gridArea:"app-switcher"}),xt=p("div")({gridArea:"banners"}),Ct=p("div")({gridArea:"side-nav"}),qt=p("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({backgroundColor:e.HueNeutral50,display:"grid",gridGap:0,gridTemplateAreas:`
|
|
98
98
|
"banners banners banners"
|
|
99
99
|
"app-switcher side-nav top-nav"
|
|
100
100
|
"app-switcher side-nav app-content"
|
|
101
|
-
`,gridTemplateColumns:"auto auto 1fr",gridTemplateRows:"auto auto 1fr",height:"100vh",width:"100vw"})),
|
|
101
|
+
`,gridTemplateColumns:"auto auto 1fr",gridTemplateRows:"auto auto 1fr",height:"100vh",width:"100vw"})),Mt=p("div")({gridArea:"top-nav"}),Pt=({appElement:e,appElementScrollingMode:t,appSwitcherProps:o,hasStandardAppContentPadding:u=!0,hasSideNavProps:r,initialVisibleSections:n=["TopNav","SideNav","AppSwitcher"],onError:d=console.error,optionalComponents:i,sideNavProps:l,topNavProps:g})=>{const m=ie(),h=ls(),{isContentScrolled:c}=hs(e),q=a.useRef(null),P=a.useRef(null),S=a.useRef(null),{parentContainerRef:M}=ps({appElement:e,appElementScrollingMode:t,paddingMode:u?"comfortable":"none",uiShellAppAreaRef:S,uiShellResizableRefs:[q,P,S]});return s.jsxs(qt,{odysseyDesignTokens:m,ref:M,children:[s.jsx(xt,{children:i==null?void 0:i.banners}),s.jsxs(yt,{children:[(n==null?void 0:n.includes("AppSwitcher"))&&!o&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(pe,{appIcons:ft,isLoading:!0,selectedAppName:""})}),o&&o!==ue&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(pe,{...o})})]}),s.jsxs(Ct,{ref:q,children:[(n==null?void 0:n.includes("SideNav"))&&!r&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(Z,{isLoading:!0,sideNavItems:ns})}),r&&l&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(Z,{...l,...l.hasCustomFooter&&(i!=null&&i.sideNavFooter)?{footerComponent:i.sideNavFooter,footerItems:void 0,hasCustomFooter:l.hasCustomFooter}:{footerItems:l.footerItems,hasCustomFooter:!1}})})]}),s.jsxs(Mt,{ref:P,children:[(n==null?void 0:n.includes("TopNav"))&&g===void 0&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(he,{leftSideComponent:i==null?void 0:i.topNavLeftSide,rightSideComponent:i==null?void 0:i.topNavRightSide})}),g&&s.jsx(x,{fallback:null,onError:d,children:s.jsx(he,{...g,leftSideComponent:i==null?void 0:i.topNavLeftSide,rightSideComponent:i==null?void 0:i.topNavRightSide})})]}),s.jsx(St,{appBackgroundColor:h==null?void 0:h.appBackgroundColor,ref:S,tabIndex:0,children:s.jsx(ne,{isContentScrolled:c})})]})},vs=a.memo(Pt);vs.displayName="WideUiShellContent";/*!
|
|
102
102
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
103
103
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
104
104
|
*
|
|
@@ -108,7 +108,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
108
108
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
109
109
|
*
|
|
110
110
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
111
|
-
*/const xe={sideNavProps:void 0,topNavProps:void 0},Ce=s.jsx("div",{"data-error":!0}),
|
|
111
|
+
*/const xe={sideNavProps:void 0,topNavProps:void 0},Ce=s.jsx("div",{"data-error":!0}),Nt=({appBackgroundColor:e,appBackgroundContrastMode:t,appElement:o,appElementScrollingMode:u,breakpointConfig:r,closeSideNavMenu:n,hasStandardAppContentPadding:d,initialVisibleSections:i,onError:l=console.error,onSubscriptionCreated:g,optionalComponents:m,sideNavBackgroundColor:h,sideNavBackgroundContrastColor:c,subscribeToCloseRightSideMenu:q,subscribeToCloseSideNavMenu:P,subscribeToPropChanges:S,topNavBackgroundColor:M,uiShellAppElement:T,uiShellStylesElement:w})=>{var I,A,E,f;const[v,k]=a.useState(xe),b=bt(r);if((I=v.sideNavProps)!=null&&I.logoProps&&v.logoProps)throw new Error("Unified UI Shell: You passed both `logoProps` and `sideNavProps.logoProps` as component props. Please only use the top-level `logoProps` instead.");return a.useEffect(()=>{const y=S(F=>{k(F||xe)});return g(),()=>{y()}},[g,S]),b==="none"?null:s.jsx(x,{fallback:Ce,onError:l,children:s.jsx(os,{emotionRootElement:w,fullScreenOverlayId:"odyssey-react-overlay-component-render-ui-shell",hasCssBaseline:!0,shadowRootElement:T,children:s.jsx(x,{fallback:Ce,onError:l,children:s.jsxs(Es,{appBackgroundColor:e,appBackgroundContrastMode:t,closeSideNavMenu:n,sideNavBackgroundColor:h,sideNavBackgroundContrastColor:c,subscribeToCloseRightSideMenu:q,subscribeToCloseSideNavMenu:P,topNavBackgroundColor:M,children:[b==="narrow"&&s.jsx(gs,{...v,appElement:o,appElementScrollingMode:u,hasSideNavProps:!!v.sideNavProps,hasStandardAppContentPadding:d,initialVisibleSections:i,onError:l,optionalComponents:m}),(b==="medium"||b==="wide")&&s.jsx(vs,{...v,sideNavProps:{...v.sideNavProps,hasSessionStorageState:b==="wide",isCollapsed:b==="medium"||((A=v.sideNavProps)==null?void 0:A.isCollapsed),isCollapsible:b==="medium"||((E=v.sideNavProps)==null?void 0:E.isCollapsible),logoProps:((f=v.sideNavProps)==null?void 0:f.logoProps)||v.logoProps},appElement:o,appElementScrollingMode:u,hasSideNavProps:!!v.sideNavProps,hasStandardAppContentPadding:d,initialVisibleSections:i,onError:l,optionalComponents:m})]})})})})},J=a.memo(Nt);J.displayName="UiShell";/*!
|
|
112
112
|
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
113
113
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
114
114
|
*
|
|
@@ -118,7 +118,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
118
118
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
119
119
|
*
|
|
120
120
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
121
|
-
*/const le=a.createContext({}),
|
|
121
|
+
*/const le=a.createContext({}),wt=()=>a.useContext(le),kt=a.forwardRef(({children:e,...t},o)=>{const u=a.useMemo(()=>({...t,ref:o}),[t,o]);return D(le.Provider,{value:u,children:e})}),bs=a.memo(kt);bs.displayName="MuiPropsChild";const Tt=({ariaType:e,children:t,placement:o="top",testId:u,text:r,translate:n})=>D(Cs,{"data-se":u,describeChild:e==="description",placement:o,title:r,translate:n,children:D(bs,{children:t})}),fs=a.memo(Tt);fs.displayName="Tooltip";/*!
|
|
122
122
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
123
123
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
124
124
|
*
|
|
@@ -128,7 +128,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
128
128
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
129
129
|
*
|
|
130
130
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
131
|
-
*/const
|
|
131
|
+
*/const It=a.createContext({isFullWidth:!1}),Et=()=>a.useContext(It),jt=({ariaControls:e,ariaDescribedBy:t,ariaExpanded:o,ariaHasPopup:u,ariaLabel:r,ariaLabelledBy:n,buttonRef:d,children:i,endIcon:l,href:g,id:m,isDisabled:h,isFullWidth:c,label:q="",onClick:P,size:S="medium",startIcon:M,tabIndex:T,testId:w,tooltipText:v,translate:k,type:b="button",variant:I})=>{const A=wt(),E=I==="tertiary"?"secondary":I,f=a.useRef(null),y=Et(),F=a.useMemo(()=>y.isFullWidth?y.isFullWidth:c,[y,c]);a.useImperativeHandle(d,()=>({focus:()=>{var N;(N=f.current)==null||N.focus()}}),[]);const ce=a.useCallback(N=>D(qs,{...N,"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-haspopup":u,"aria-label":r,"aria-labelledby":n,"data-se":w,disabled:h,endIcon:l,fullWidth:F,href:g,id:m,onClick:P,ref:ee=>{var de;ee&&(f.current=ee,(de=N==null?void 0:N.ref)==null||de.call(N,ee))},size:S,startIcon:M,tabIndex:T,translate:k,type:b,variant:E,children:i??q}),[e,t,o,u,r,n,l,g,m,h,F,q,i,P,S,M,T,w,k,b,E]);return v?D(fs,{ariaType:"description",placement:"top",text:v,children:D(le.Consumer,{children:ce})}):ce(A)},Ss=a.memo(jt);Ss.displayName="BaseButton";/*!
|
|
132
132
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
133
133
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
134
134
|
*
|
|
@@ -138,7 +138,7 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
138
138
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
139
139
|
*
|
|
140
140
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
141
|
-
*/const Et=()=>{const e=new Map;return{publish:u=>{Array.from(e.values()).forEach(r=>{r(u)})},subscribe:u=>{const r=Symbol();return e.set(r,u),()=>{e.delete(r)}}}},{action:At}=__STORYBOOK_MODULE_ACTIONS__,{fn:ys}=__STORYBOOK_MODULE_TEST__,bi={component:J,parameters:{layout:"fullscreen"},tags:["!autodocs"],argTypes:{appBackgroundColor:{control:"color",description:"Custom color for app content background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}},appElement:{control:void 0,description:"Element that the consuming app renders into.",table:{type:{summary:"InputType"}}},appElementScrollingMode:{control:void 0,description:"Mode used for scrolling.",table:{type:{summary:"InputType"}}},hasStandardAppContentPadding:{control:"boolean",description:"defaults to `true`. If `false`, the content area will have no padding provided",table:{type:{summary:"boolean"}}},initialVisibleSections:{control:"text",description:"A list of UiShell components that should be (minimally) rendered initially, with their isLoading property set when applicable. Allows the initial visibility of UiShell components to be influenced.",table:{type:{summary:"string"}}},onError:{description:'Notifies when a React rendering error occurs. This could be useful for logging, flagging "p0"s, and recovering UI Shell when errors occur.',table:{defaultValue:{summary:"console.error"},type:{summary:"string"}}},onSubscriptionCreated:{description:"Notifies when subscribed to prop changes. UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.",table:{type:{summary:"string"}}},optionalComponents:{description:"Components that will render as children of various other components such as the top nav or side nav.",table:{type:{summary:"ReactElement"}}},sideNavBackgroundColor:{control:"color",description:"Custom color for side nav background",table:{type:{summary:"hex color code"}}},subscribeToPropChanges:{description:"This is a callback that provides a subscriber callback to listen for changes to state. It allows UI Shell to listen for state changes. The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.",table:{type:{summary:"MouseEventHandler"}}},topNavBackgroundColor:{control:"color",description:"Custom color for top nav background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}}},args:{appElement:document.createElement("div"),appElementScrollingMode:"vertical",onSubscriptionCreated:At("onSubscriptionCreated"),uiShellAppElement:document.createElement("div"),uiShellStylesElement:document.head}},D={appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"okta_enduser"},R={appName:"Enduser",isCollapsible:!0,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:s.jsx(ge,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:s.jsx(re,{})},{id:"item4",label:"Dashboard",startIcon:s.jsx(ve,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:s.jsx(be,{})},{id:"item6",label:"Onboarding",startIcon:s.jsx(Se,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:s.jsx(Fs,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:s.jsx(Os,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:s.jsx(Hs,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:s.jsx(Ls,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:s.jsx(zs,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:s.jsx(fe,{}),endIcon:s.jsx(fe,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(_s,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:s.jsx(Se,{})},{id:"item17-0",label:"Enduser",isSectionHeader:!0},{id:"item17",label:"My Apps",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(ve,{}),nestedNavItems:[{id:"item17-1",label:"Recently Used"},{id:"item17-2",label:"Work"},{id:"item17-3",label:"Add section",endIcon:s.jsx(ge,{})}]},{id:"item18",label:"Notifications",startIcon:s.jsx(Ws,{}),count:1},{id:"item19",label:"Add apps",startIcon:s.jsx(be,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]},U={},j={topNavLeftSide:s.jsx("div",{children:s.jsx(js,{label:"Search",placeholder:"Search..."})}),topNavRightSide:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(re,{}),userName:"test.user@test.com"})},xs=()=>{const[,e]=a.useState(0);return a.useEffect(()=>{e(1)},[]),a.useRef(null)},O={decorators:[x],args:{subscribeToPropChanges:e=>(e({sideNavProps:{appName:"Odyssey Storybook",sideNavItems:[]}}),()=>{})}},L={decorators:[x],args:{subscribeToPropChanges:()=>ys()}},H={decorators:[x],args:{initialVisibleSections:[],subscribeToPropChanges:()=>ys()}},z={decorators:[x],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:ue,topNavProps:U}),()=>{})}},_={decorators:[x],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher"],subscribeToPropChanges:e=>(e({appSwitcherProps:D}),()=>{})}},W={decorators:[x],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher","SideNav","TopNav"],subscribeToPropChanges:e=>(e({appSwitcherProps:ue}),()=>{})}},V={decorators:[x],args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:{...D,isLoading:!0},sideNavProps:{...R,isLoading:!0},topNavProps:{}}),()=>{})}},$={decorators:[x],args:{appBackgroundColor:void 0,optionalComponents:j,sideNavBackgroundColor:void 0,subscribeToPropChanges:e=>(e({topNavProps:U,sideNavProps:{...R,logoProps:{isSameBackgroundAsMain:!0}}}),()=>{}),topNavBackgroundColor:void 0}},G={decorators:[x],args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:D,sideNavProps:R,topNavProps:U}),()=>{})}},Y={decorators:[x],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:D,sideNavProps:{...R,isCollapsed:!0,isCollapsible:!1},topNavProps:U}),()=>{})}},qe="30px",Q={args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:D,sideNavProps:{...R,logoProps:{logoComponent:s.jsx(Ms.One,{})}},topNavProps:U}),()=>{})},render:function(t){const o=xs(),[u,r]=a.useState(!1),n=a.useCallback(()=>{r(!0)},[]);return a.useEffect(()=>{if(u){const m=document.getElementById("lineHeightOutput");m&&(m.innerText=getComputedStyle(m).lineHeight)}},[u]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:o,children:[s.jsx("style",{children:`body { line-height: ${qe} !important; }`}),u&&s.jsxs(cs,{children:[s.jsxs("div",{style:{float:"right",width:"200px",height:"200px",padding:"20px",backgroundColor:"lightgray",zIndex:1,position:"relative"},children:["A box to demonstrate whether the TopNav shadow clips or not (it should not since"," ",s.jsx("a",{href:"https://github.com/okta/odyssey/pull/2461/files#diff-45b62c71e0e59aaed6b2683e0efe6fb7239b2bcf5573f4946340992efeff3c4a",children:"this PR"}),")."]}),s.jsxs("p",{children:["Line Height: ",s.jsx("span",{id:"lineHeightOutput"}),' <- THIS VALUE SHOULD BE "',qe,`" if there hasn't been a regression.`]}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Et…"]})]}),s.jsx(J,{...t,appElement:o.current,onSubscriptionCreated:n})]})}},{publish:Dt,subscribe:Rt}=Et(),X={decorators:[x],args:{optionalComponents:{...j,banners:s.jsx(Us,{severity:"success",text:"This is an app!"}),rightSideMenu:s.jsx(Rs,{sx:{display:"flex",justifyContent:"center"},children:s.jsx(Ss,{onClick:()=>Dt(),variant:"floating",children:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(re,{}),userName:"test.user@test.com"})})})},subscribeToCloseRightSideMenu:Rt,subscribeToPropChanges:e=>(e({appSwitcherProps:D,sideNavProps:R,topNavProps:U}),()=>{})},render:function(t){const o=xs(),[u,r]=a.useState(!1),n=a.useCallback(()=>{r(!0)},[]);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:o,children:[s.jsx("div",{[Es]:""}),u&&s.jsx(os,{children:s.jsx(As,{description:"This is my app.",title:"Access Certification",children:s.jsx(Bs,{regions:[1],children:s.jsxs(cs,{children:[s.jsx("div",{style:{marginBlockEnd:`${16/14}rem`},children:s.jsx(Ds,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum."})}),s.jsx("div",{children:s.jsx(te,{label:"I understand",variant:"primary"})})]})})})})]}),s.jsx(J,{...t,appElement:o.current,onSubscriptionCreated:n})]})}};var Me,Pe,Ne;O.parameters={...O.parameters,docs:{...(Me=O.parameters)==null?void 0:Me.docs,source:{originalSource:`{
|
|
141
|
+
*/const At=()=>{const e=new Map;return{publish:u=>{Array.from(e.values()).forEach(r=>{r(u)})},subscribe:u=>{const r=Symbol();return e.set(r,u),()=>{e.delete(r)}}}},{action:Dt}=__STORYBOOK_MODULE_ACTIONS__,{fn:ys}=__STORYBOOK_MODULE_TEST__,Si={component:J,parameters:{layout:"fullscreen"},tags:["!autodocs"],argTypes:{appBackgroundColor:{control:"color",description:"Custom color for app content background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}},appElement:{control:void 0,description:"Element that the consuming app renders into.",table:{type:{summary:"InputType"}}},appElementScrollingMode:{control:void 0,description:"Mode used for scrolling.",table:{type:{summary:"InputType"}}},hasStandardAppContentPadding:{control:"boolean",description:"defaults to `true`. If `false`, the content area will have no padding provided",table:{type:{summary:"boolean"}}},initialVisibleSections:{control:"text",description:"A list of UiShell components that should be (minimally) rendered initially, with their isLoading property set when applicable. Allows the initial visibility of UiShell components to be influenced.",table:{type:{summary:"string"}}},onError:{description:'Notifies when a React rendering error occurs. This could be useful for logging, flagging "p0"s, and recovering UI Shell when errors occur.',table:{defaultValue:{summary:"console.error"},type:{summary:"string"}}},onSubscriptionCreated:{description:"Notifies when subscribed to prop changes. UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.",table:{type:{summary:"string"}}},optionalComponents:{description:"Components that will render as children of various other components such as the top nav or side nav.",table:{type:{summary:"ReactElement"}}},sideNavBackgroundColor:{control:"color",description:"Custom color for side nav background",table:{type:{summary:"hex color code"}}},subscribeToPropChanges:{description:"This is a callback that provides a subscriber callback to listen for changes to state. It allows UI Shell to listen for state changes. The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.",table:{type:{summary:"MouseEventHandler"}}},topNavBackgroundColor:{control:"color",description:"Custom color for top nav background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}}},args:{appElement:document.createElement("div"),appElementScrollingMode:"vertical",onSubscriptionCreated:Dt("onSubscriptionCreated"),uiShellAppElement:document.createElement("div"),uiShellStylesElement:document.head}},R={appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"okta_enduser"},U={appName:"Enduser",isCollapsible:!0,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:s.jsx(ge,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:s.jsx(re,{})},{id:"item4",label:"Dashboard",startIcon:s.jsx(ve,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:s.jsx(be,{})},{id:"item6",label:"Onboarding",startIcon:s.jsx(Se,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:s.jsx(Os,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:s.jsx(Ls,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:s.jsx(zs,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:s.jsx(Hs,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:s.jsx(_s,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:s.jsx(fe,{}),endIcon:s.jsx(fe,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(Ws,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:s.jsx(Se,{})},{id:"item17-0",label:"Enduser",isSectionHeader:!0},{id:"item17",label:"My Apps",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(ve,{}),nestedNavItems:[{id:"item17-1",label:"Recently Used"},{id:"item17-2",label:"Work"},{id:"item17-3",label:"Add section",endIcon:s.jsx(ge,{})}]},{id:"item18",label:"Notifications",startIcon:s.jsx(Vs,{}),count:1},{id:"item19",label:"Add apps",startIcon:s.jsx(be,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]},B={},j={topNavLeftSide:s.jsx("div",{children:s.jsx(js,{label:"Search",placeholder:"Search..."})}),topNavRightSide:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(re,{}),userName:"test.user@test.com"})},xs=()=>{const[,e]=a.useState(0);return a.useEffect(()=>{e(1)},[]),a.useRef(null)},O={decorators:[C],args:{subscribeToPropChanges:e=>(e({sideNavProps:{appName:"Odyssey Storybook",sideNavItems:[]}}),()=>{})}},L={decorators:[C],args:{subscribeToPropChanges:()=>ys()}},H={decorators:[C],args:{initialVisibleSections:[],subscribeToPropChanges:()=>ys()}},z={decorators:[C],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:ue,topNavProps:B}),()=>{})}},_={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher"],subscribeToPropChanges:e=>(e({appSwitcherProps:R}),()=>{})}},W={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher","SideNav","TopNav"],subscribeToPropChanges:e=>(e({appSwitcherProps:ue}),()=>{})}},V={decorators:[C],args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:{...R,isLoading:!0},sideNavProps:{...U,isLoading:!0},topNavProps:{}}),()=>{})}},$={decorators:[C],args:{appBackgroundColor:void 0,optionalComponents:j,sideNavBackgroundColor:void 0,subscribeToPropChanges:e=>(e({topNavProps:B,sideNavProps:{...U,logoProps:{isSameBackgroundAsMain:!0}}}),()=>{}),topNavBackgroundColor:void 0}},G={decorators:[C],args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:R,sideNavProps:U,topNavProps:B}),()=>{})}},Y={decorators:[C],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:R,sideNavProps:{...U,isCollapsed:!0,isCollapsible:!1},topNavProps:B}),()=>{})}},qe="30px",Q={args:{optionalComponents:j,subscribeToPropChanges:e=>(e({appSwitcherProps:R,sideNavProps:{...U,logoProps:{logoComponent:s.jsx(Ms.One,{})}},topNavProps:B}),()=>{})},render:function(t){const o=xs(),[u,r]=a.useState(!1),n=a.useCallback(()=>{r(!0)},[]);return a.useEffect(()=>{if(u){const d=document.getElementById("lineHeightOutput");d&&(d.innerText=getComputedStyle(d).lineHeight)}},[u]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:o,children:[s.jsx("style",{children:`body { line-height: ${qe} !important; }`}),u&&s.jsxs(cs,{children:[s.jsxs("div",{style:{float:"right",width:"200px",height:"200px",padding:"20px",backgroundColor:"lightgray",zIndex:1,position:"relative"},children:["A box to demonstrate whether the TopNav shadow clips or not (it should not since"," ",s.jsx("a",{href:"https://github.com/okta/odyssey/pull/2461/files#diff-45b62c71e0e59aaed6b2683e0efe6fb7239b2bcf5573f4946340992efeff3c4a",children:"this PR"}),")."]}),s.jsxs("p",{children:["Line Height: ",s.jsx("span",{id:"lineHeightOutput"}),' <- THIS VALUE SHOULD BE "',qe,`" if there hasn't been a regression.`]}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Et…"]})]}),s.jsx(J,{...t,appElement:o.current,onSubscriptionCreated:n})]})}},{publish:Rt,subscribe:Ut}=At(),X={decorators:[C],args:{optionalComponents:{...j,banners:s.jsx(Bs,{severity:"success",text:"This is an app!"}),rightSideMenu:s.jsx(Us,{sx:{display:"flex",justifyContent:"center"},children:s.jsx(Ss,{onClick:()=>Rt(),variant:"floating",children:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(re,{}),userName:"test.user@test.com"})})})},subscribeToCloseRightSideMenu:Ut,subscribeToPropChanges:e=>(e({appSwitcherProps:R,sideNavProps:U,topNavProps:B}),()=>{})},render:function(t){const o=xs(),[u,r]=a.useState(!1),n=a.useCallback(()=>{r(!0)},[]);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:o,children:[s.jsx("div",{[As]:""}),u&&s.jsx(os,{children:s.jsx(Ds,{description:"This is my app.",title:"Access Certification",children:s.jsx(Fs,{regions:[1],children:s.jsxs(cs,{children:[s.jsx("div",{style:{marginBlockEnd:`${16/14}rem`},children:s.jsx(Rs,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum."})}),s.jsx("div",{children:s.jsx(te,{label:"I understand",variant:"primary"})})]})})})})]}),s.jsx(J,{...t,appElement:o.current,onSubscriptionCreated:n})]})}};var Me,Pe,Ne;O.parameters={...O.parameters,docs:{...(Me=O.parameters)==null?void 0:Me.docs,source:{originalSource:`{
|
|
142
142
|
decorators: [OdysseyStorybookThemeDecorator],
|
|
143
143
|
args: {
|
|
144
144
|
subscribeToPropChanges: subscriber => {
|
|
@@ -156,13 +156,13 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
156
156
|
args: {
|
|
157
157
|
subscribeToPropChanges: () => fn()
|
|
158
158
|
}
|
|
159
|
-
}`,...(Te=(ke=L.parameters)==null?void 0:ke.docs)==null?void 0:Te.source}}};var Ie,je
|
|
159
|
+
}`,...(Te=(ke=L.parameters)==null?void 0:ke.docs)==null?void 0:Te.source}}};var Ie,Ee,je;H.parameters={...H.parameters,docs:{...(Ie=H.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
|
|
160
160
|
decorators: [OdysseyStorybookThemeDecorator],
|
|
161
161
|
args: {
|
|
162
162
|
initialVisibleSections: [],
|
|
163
163
|
subscribeToPropChanges: () => fn()
|
|
164
164
|
}
|
|
165
|
-
}`,...(
|
|
165
|
+
}`,...(je=(Ee=H.parameters)==null?void 0:Ee.docs)==null?void 0:je.source}}};var Ae,De,Re;z.parameters={...z.parameters,docs:{...(Ae=z.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
|
|
166
166
|
decorators: [OdysseyStorybookThemeDecorator],
|
|
167
167
|
args: {
|
|
168
168
|
initialVisibleSections: ["AppSwitcher", "TopNav"],
|
|
@@ -566,4 +566,4 @@ import{r as a,j as s,b as A}from"./iframe-CQjT1fxh.js";import{T as Cs}from"./Too
|
|
|
566
566
|
<UiShell {...props} appElement={appElementRef.current!} onSubscriptionCreated={onSubscriptionCreated} />
|
|
567
567
|
</>;
|
|
568
568
|
}
|
|
569
|
-
}`,...(rs=(is=X.parameters)==null?void 0:is.docs)==null?void 0:rs.source}}};const
|
|
569
|
+
}`,...(rs=(is=X.parameters)==null?void 0:is.docs)==null?void 0:rs.source}}};const yi=["Default","LoadingFirstRender","InvisibleFirstRender","TopNavOnly","AppSwitcherOnly","ErroredAppSwitcher","LoadingData","WithCustomColors","WithoutAppContent","WithoutSideNav","WithTallAppContentAndNoStorybookDecorator","WithOdysseyAppContent"];export{_ as AppSwitcherOnly,O as Default,W as ErroredAppSwitcher,H as InvisibleFirstRender,V as LoadingData,L as LoadingFirstRender,z as TopNavOnly,$ as WithCustomColors,X as WithOdysseyAppContent,Q as WithTallAppContentAndNoStorybookDecorator,G as WithoutAppContent,Y as WithoutSideNav,yi as __namedExportsOrder,Si as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as m,j as T}from"./iframe-
|
|
1
|
+
import{r as m,j as T}from"./iframe-Cav9rlxr.js";import{i as v,h as p,r as H,u as _}from"./OdysseyThemeProvider-DOMFnSU0.js";/*!
|
|
2
2
|
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,j as e}from"./iframe-
|
|
1
|
+
import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const c=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M5.52.667h4.96l.152.456.515 1.544H14v4h-.667v5.892c0 .352 0 .655-.02.904-.022.264-.07.526-.198.778a2 2 0 0 1-.874.874 2.036 2.036 0 0 1-.778.198c-.25.02-.552.02-.904.02H5.441c-.351 0-.655 0-.904-.02a2.036 2.036 0 0 1-.778-.198 2 2 0 0 1-.874-.874 2.036 2.036 0 0 1-.198-.778c-.02-.25-.02-.552-.02-.904V6.667H2v-4h2.853l.515-1.544.151-.456ZM3.332 5.333h9.334V4H3.333v1.333ZM4 6.667v5.866c0 .385 0 .633.016.822.015.18.04.248.057.281a.667.667 0 0 0 .291.291c.033.017.1.042.281.057.19.015.437.016.822.016h5.066c.385 0 .633 0 .822-.016.18-.015.248-.04.281-.057a.667.667 0 0 0 .291-.291c.017-.033.042-.1.057-.281.015-.19.016-.437.016-.822V6.667H4ZM9.52 2l.222.667H6.258L6.481 2h3.038Z",fill:"currentColor",fillRule:"evenodd"})})})),a=o.memo(c);a.displayName="DeleteIcon";const t=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"m3.805 6.471 3.528-3.528V12h1.334V2.943l3.528 3.528.943-.942-4.29-4.29-.01-.01a2.89 2.89 0 0 0-.187-.178 1.005 1.005 0 0 0-.342-.197 1 1 0 0 0-.618 0 .994.994 0 0 0-.341.197c-.064.054-.131.121-.188.177l-.01.011-4.29 4.29.943.942Zm-.472 6.862v-2.666H2v2.666a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.666h-1.333v2.666A.667.667 0 0 1 12 14H4a.667.667 0 0 1-.667-.667Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(t);s.displayName="UploadIcon";export{a as M,s as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,j as e}from"./iframe-
|
|
1
|
+
import{r,j as e}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const c=r.forwardRef((o,s)=>e.jsx(n,{fill:"none",ref:s,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M10.333 4.333a2.333 2.333 0 1 1-4.666 0 2.333 2.333 0 0 1 4.666 0Zm1.334 0a3.667 3.667 0 1 1-7.334 0 3.667 3.667 0 0 1 7.334 0Zm-8.334 11c0-1.571.463-2.908 1.258-3.84C5.376 10.57 6.52 10 8 10c1.477 0 2.622.575 3.409 1.5.795.935 1.258 2.273 1.258 3.833H14c0-1.814-.538-3.477-1.575-4.697C11.378 9.404 9.857 8.666 8 8.666c-1.855 0-3.376.732-4.424 1.961C2.537 11.846 2 13.51 2 15.334h1.333Z",fill:"currentColor",fillRule:"evenodd"})})})),t=r.memo(c);t.displayName="UserIcon";export{t as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s as t}from"./tableRowClasses-
|
|
1
|
+
import{s as t}from"./tableRowClasses-DYosAqvx.js";import{r as a,j as e}from"./iframe-Cav9rlxr.js";import{M as c}from"./Box-B-6W36qW.js";import{u as x}from"./OdysseyThemeProvider-DOMFnSU0.js";import{c as i}from"./Typography-B8ZKtxRi.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as i}from"./iframe-Cav9rlxr.js";import{i as o}from"./iconUtils-CeRi1WMA.js";import{O as x}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as N}from"./UserProfile-CwV_oL5l.js";import{M as h}from"./User-DRi5hhiP.js";import{M as E}from"./WarningFilled-DJX60tUO.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Dui69PFe.js";import"./tableRowClasses-DYosAqvx.js";import"./AddCircle-DgNpvHvb.js";import"./Server-CirxxKai.js";import"./List-CEPzEOaM.js";import"./ArrowLeft-DKc-rln7.js";import"./ArrowRight-CQpox1s-.js";import"./Bug-DbpZDqwO.js";import"./Calendar-DV1h6Fc3.js";import"./Call-2_fpBWhr.js";import"./ChevronRight--b1mmNks.js";import"./ChevronUp-DL24OTkX.js";import"./Clock-BQK6LLyZ.js";import"./Upload-Cy-cphyA.js";import"./Documentation-C2_DeFFh.js";import"./Download-YawXz5G6.js";import"./ExternalLink-DTGSbkQ2.js";import"./Filter-ColuOFTn.js";import"./Folder-DtBjBkxy.js";import"./Globe-DhuLu1HO.js";import"./Grid-DT7vGlwm.js";import"./Group-9XOIBtaE.js";import"./Hide-4CfPQa-Q.js";import"./Home-BD0pfCzQ.js";import"./InformationCircle-C_nheCFB.js";import"./Link-C_gwYBxh.js";import"./More-D0XSbzen.js";import"./Notification-Dv2xKTFA.js";import"./Refresh-4GRZURAB.js";import"./Search-C3XUnqCP.js";import"./Settings-DoysZs_u.js";import"./Show-8RSN9YQN.js";import"./Sync-DbBKVuQB.js";import"./Video-DAMdjIe3.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";const Eo={component:N,decorators:[x],tags:["autodocs"],argTypes:{profileIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}}},args:{userName:"test.user@test.com",orgName:"ORG123"}},r={},e={args:{profileIcon:i.jsx(h,{})}},t={args:{userNameEndIcon:i.jsx(E,{})}},s={args:{profileIcon:i.jsx(h,{}),userNameEndIcon:i.jsx(E,{})}};var m,p,n;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(n=(p=r.parameters)==null?void 0:p.docs)==null?void 0:n.source}}};var a,c,d;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
profileIcon: <UserIcon />
|
|
4
|
+
}
|
|
5
|
+
}`,...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,u,f;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
6
|
+
args: {
|
|
7
|
+
userNameEndIcon: <ChevronDownIcon />
|
|
8
|
+
}
|
|
9
|
+
}`,...(f=(u=t.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};var g,I,y;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
10
|
+
args: {
|
|
11
|
+
profileIcon: <UserIcon />,
|
|
12
|
+
userNameEndIcon: <ChevronDownIcon />
|
|
13
|
+
}
|
|
14
|
+
}`,...(y=(I=s.parameters)==null?void 0:I.docs)==null?void 0:y.source}}};const xo=["Default","WithProfileIcon","WithUserEndIcon","WithProfileAndUserEndIcon"];export{r as Default,s as WithProfileAndUserEndIcon,e as WithProfileIcon,t as WithUserEndIcon,xo as __namedExportsOrder,Eo as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as T,j as o}from"./iframe-
|
|
1
|
+
import{r as T,j as o}from"./iframe-Cav9rlxr.js";import{i as t}from"./iconUtils-CeRi1WMA.js";import{O as V}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as C,v as l,m as d}from"./BaseMenuButton-B2CeKq3v.js";import{s as U}from"./tableRowClasses-DYosAqvx.js";import{u as k}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as W}from"./UserProfile-CwV_oL5l.js";import{M as E}from"./WarningFilled-DJX60tUO.js";import{M as a}from"./Box-B-6W36qW.js";import{g as R,c as u}from"./Typography-B8ZKtxRi.js";import{M as g}from"./Link-BXZlWRMJ.js";import{M as w}from"./User-DRi5hhiP.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Dui69PFe.js";import"./AddCircle-DgNpvHvb.js";import"./Server-CirxxKai.js";import"./List-CEPzEOaM.js";import"./ArrowLeft-DKc-rln7.js";import"./ArrowRight-CQpox1s-.js";import"./Bug-DbpZDqwO.js";import"./Calendar-DV1h6Fc3.js";import"./Call-2_fpBWhr.js";import"./ChevronRight--b1mmNks.js";import"./ChevronUp-DL24OTkX.js";import"./Clock-BQK6LLyZ.js";import"./Upload-Cy-cphyA.js";import"./Documentation-C2_DeFFh.js";import"./Download-YawXz5G6.js";import"./ExternalLink-DTGSbkQ2.js";import"./Filter-ColuOFTn.js";import"./Folder-DtBjBkxy.js";import"./Globe-DhuLu1HO.js";import"./Grid-DT7vGlwm.js";import"./Group-9XOIBtaE.js";import"./Hide-4CfPQa-Q.js";import"./Home-BD0pfCzQ.js";import"./InformationCircle-C_nheCFB.js";import"./Link-C_gwYBxh.js";import"./More-D0XSbzen.js";import"./Notification-Dv2xKTFA.js";import"./Refresh-4GRZURAB.js";import"./Search-C3XUnqCP.js";import"./Settings-DoysZs_u.js";import"./Show-8RSN9YQN.js";import"./Sync-DbBKVuQB.js";import"./Video-DAMdjIe3.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./MenuContext-BkYpsFtp.js";import"./Menu-BCZiiIwc.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";import"./Paper-DIvrMKVz.js";import"./MenuList-BTp-5mcb.js";import"./List-BcXvgzsa.js";import"./index.es-0rJMfM0E.js";import"./Box-DduJOSF-.js";import"./Typography-D4Laguzq.js";import"./Link-4r_7nyI-.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -8,7 +8,7 @@ import{r as T,j as o}from"./iframe-CQjT1fxh.js";import{i as t}from"./iconUtils-D
|
|
|
8
8
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const H=U("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({button:{height:"unset",paddingBlock:e.Spacing2,textAlign:"unset"}})),_=({profileIcon:e,orgName:r,translate:N,userNameEndIcon:P,userName:S,...O})=>{const z=k();return o.jsx(H,{odysseyDesignTokens:z,children:o.jsx(C,{...O,buttonChildren:o.jsx(W,{orgName:r,profileIcon:e,translate:N,userName:S,userNameEndIcon:P??o.jsx(E,{})}),buttonVariant:"floating",omitEndIcon:!0})})},c=T.memo(_);c.displayName="UserProfileMenuButton";const i=({children:e})=>{const r=k();return o.jsx(a,{sx:{marginBottom:r.Spacing4},children:e})},
|
|
11
|
+
*/const H=U("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({button:{height:"unset",paddingBlock:e.Spacing2,textAlign:"unset"}})),_=({profileIcon:e,orgName:r,translate:N,userNameEndIcon:P,userName:S,...O})=>{const z=k();return o.jsx(H,{odysseyDesignTokens:z,children:o.jsx(C,{...O,buttonChildren:o.jsx(W,{orgName:r,profileIcon:e,translate:N,userName:S,userNameEndIcon:P??o.jsx(E,{})}),buttonVariant:"floating",omitEndIcon:!0})})},c=T.memo(_);c.displayName="UserProfileMenuButton";const i=({children:e})=>{const r=k();return o.jsx(a,{sx:{marginBottom:r.Spacing4},children:e})},je={component:c,decorators:[V],tags:["autodocs"],argTypes:{hasVerticalDivider:{control:{type:"boolean"},description:"Add a vertical rule to divide the button from surrounding content",table:{type:{summary:"boolean"}}},profileIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}},menuAlignment:{options:d,control:{type:"radio"},description:"The horizontal alignment of the popover.",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"left"}}},popoverContent:{control:"object",description:"The content to appear in the popover",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!0,name:"other",value:"[ReactNode]"}},verticalDividerAlignment:{options:l,control:{type:"radio"},description:"Show vertical rule before or after the button",table:{type:{summary:l.join(" | ")},defaultValue:{summary:"start"}}}},args:{userName:"test.user@test.com",orgName:"ORG123",profileIcon:o.jsx(w,{}),menuAlignment:"left",popoverContent:o.jsxs(a,{sx:{minWidth:"392px"},children:[o.jsx(i,{children:o.jsx(R,{children:"Add-Min O'Cloudy Tud"})}),o.jsxs(i,{children:[o.jsx(u,{children:"administrator1@clouditude.net"}),o.jsx(u,{children:"rain.okta1.com"})]}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"My Settings"})}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"Sign Out"})})]})}},n={},s={args:{menuAlignment:"right"},render:function(r){return o.jsx(a,{sx:{ml:"500px"},children:o.jsx(c,{...r})})}},m={args:{profileIcon:void 0}},p={args:{hasVerticalDivider:!0}};var h,f,y;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(y=(f=n.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var x,j,M;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
12
12
|
args: {
|
|
13
13
|
menuAlignment: "right"
|
|
14
14
|
},
|
|
@@ -27,4 +27,4 @@ import{r as T,j as o}from"./iframe-CQjT1fxh.js";import{i as t}from"./iconUtils-D
|
|
|
27
27
|
args: {
|
|
28
28
|
hasVerticalDivider: true
|
|
29
29
|
}
|
|
30
|
-
}`,...(I=(A=p.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};const
|
|
30
|
+
}`,...(I=(A=p.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};const Me=["Default","WithRightPopoverAlignment","WithoutProfileIcon","WithVerticalDivider"];export{n as Default,s as WithRightPopoverAlignment,p as WithVerticalDivider,m as WithoutProfileIcon,Me as __namedExportsOrder,je as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,j as o}from"./iframe-
|
|
1
|
+
import{r as e,j as o}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const i=e.forwardRef((r,a)=>o.jsx(n,{fill:"none",ref:a,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M2.667 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10.666a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2.667ZM2 4c0-.368.298-.667.667-.667h10.666c.368 0 .667.299.667.667v8a.667.667 0 0 1-.667.667H2.667A.667.667 0 0 1 2 12V4Zm4.78 7.022 4.255-2.128a1 1 0 0 0 0-1.788L6.781 4.978a1 1 0 0 0-1.448.895v4.254a1 1 0 0 0 1.448.895Zm-.113-4.61L9.843 8 6.667 9.588V6.412Z",fill:"currentColor",fillRule:"evenodd"})})})),s=e.memo(i);s.displayName="VideoIcon";export{s as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as l,j as e}from"./iframe-
|
|
1
|
+
import{r as l,j as e}from"./iframe-Cav9rlxr.js";import{S as r}from"./tableRowClasses-DYosAqvx.js";const i=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"m13.471 5.138-6.097 6.098a1 1 0 0 1-1.414 0L2.529 7.805l.943-.943 3.195 3.195 5.862-5.862.942.943Z",fill:"currentColor",fillRule:"evenodd"})})})),c=l.memo(i);c.displayName="CheckIcon";const d=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M15.333 8A7.333 7.333 0 1 1 .667 8a7.333 7.333 0 0 1 14.666 0ZM5.281 7.471l1.886 1.886 3.77-3.771.944.943-4.007 4.007a1 1 0 0 1-1.414 0L4.338 8.414l.943-.943Z",fill:"currentColor",fillRule:"evenodd"})})})),s=l.memo(d);s.displayName="CheckCircleFilledIcon";const a=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{d:"m8.754 10.522 4.05-4.05-.942-.943L8 9.39 4.138 5.529l-.943.942 4.05 4.05a1.067 1.067 0 0 0 1.51 0Z",fill:"currentColor"})})})),t=l.memo(a);t.displayName="ChevronDownIcon";const m=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 7.057 4.471 3.53l-.942.942 3.528 3.53-3.528 3.528.942.943 3.53-3.53 3.528 3.53.942-.943L8.943 8l3.528-3.528-.942-.943L8 7.057Z",fill:"currentColor",fillRule:"evenodd"})})})),f=l.memo(m);f.displayName="CloseIcon";const w=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M15.333 8A7.333 7.333 0 1 1 .667 8a7.333 7.333 0 0 1 14.666 0ZM4.7 10.357 7.057 8 4.7 5.643l.943-.943L8 7.057 10.357 4.7l.943.943L8.943 8l2.357 2.357-.943.943L8 8.943 5.643 11.3l-.943-.943Z",fill:"currentColor",fillRule:"evenodd"})})})),h=l.memo(w);h.displayName="CloseCircleFilledIcon";const x=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M6.586 1.138a2 2 0 0 1 2.828 0l5.448 5.448a2 2 0 0 1 0 2.828l-5.448 5.448a2 2 0 0 1-2.828 0L1.138 9.414a2 2 0 0 1 0-2.828l5.448-5.448ZM8 8.667A.667.667 0 0 1 7.333 8V4.667h1.334V8A.667.667 0 0 1 8 8.667Zm0 1.166A.833.833 0 1 0 8 11.5a.833.833 0 0 0 0-1.667Z",fill:"currentColor",fillRule:"evenodd"})})})),v=l.memo(x);v.displayName="DangerDiamondFilledIcon";const p=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M15.333 8A7.333 7.333 0 1 1 .667 8a7.333 7.333 0 0 1 14.666 0ZM8 5.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM8 7c.368 0 .667.298.667.667v4H7.333v-4C7.333 7.298 7.632 7 8 7Z",fill:"currentColor",fillRule:"evenodd"})})})),u=l.memo(p);u.displayName="InformationCircleFilledIcon";const g=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.333 7.333h9.334v1.334H3.333V7.333Z",fill:"currentColor",fillRule:"evenodd"})})})),C=l.memo(g);C.displayName="SubtractIcon";const I=l.forwardRef((o,n)=>e.jsx(r,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M6.228 1.946c.749-1.43 2.795-1.43 3.544 0l5.13 9.793c.697 1.331-.269 2.928-1.772 2.928H2.87c-1.503 0-2.469-1.597-1.771-2.928l5.13-9.793ZM8 9.333a.667.667 0 0 1-.667-.666V5.333h1.334v3.334A.667.667 0 0 1 8 9.333ZM8 10.5a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667Z",fill:"currentColor",fillRule:"evenodd"})})})),j=l.memo(I);j.displayName="WarningFilledIcon";export{t as M,c as a,h as b,u as c,f as d,C as e,j as f,s as g,v as h};
|