@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
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import{j as e}from"./iframe-Cav9rlxr.js";import{a as de}from"./axeRun-C-zlWaxU.js";import{i as v}from"./iconUtils-CeRi1WMA.js";import{O as be}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as Me}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{m as j}from"./BaseMenuButton-B2CeKq3v.js";import{b as L}from"./BaseButton-BzcWVv73.js";import{M as se}from"./MenuButton-ChyskluM.js";import{M as t}from"./MenuItem-C_SjZMbY.js";import{L as w}from"./ListSubheader-CB8GDLQK.js";import{D as ue}from"./Divider-6S-pAD7Z.js";import{M as I}from"./Box-B-6W36qW.js";import{f as he,c as l,a as S}from"./Typography-B8ZKtxRi.js";import{M as s}from"./Link-BXZlWRMJ.js";import{a as ye}from"./index-Dui69PFe.js";import{u as ge}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as me}from"./Group-9XOIBtaE.js";import{M as Be}from"./Globe-DhuLu1HO.js";import{M as xe}from"./Calendar-DV1h6Fc3.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-B0QS9Vy6.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./tableRowClasses-DYosAqvx.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-BkYpsFtp.js";import"./More-D0XSbzen.js";import"./Menu-BCZiiIwc.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-Cu721A7w.js";import"./index-C5VVYn_U.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ownerDocument-DW-IO8s5.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"./WarningFilled-DJX60tUO.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./MenuItem-Cu1R78Nk.js";import"./Box-DduJOSF-.js";import"./Typography-D4Laguzq.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.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"./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"./Filter-ColuOFTn.js";import"./Folder-DtBjBkxy.js";import"./Grid-DT7vGlwm.js";import"./Hide-4CfPQa-Q.js";import"./Home-BD0pfCzQ.js";import"./InformationCircle-C_nheCFB.js";import"./Link-C_gwYBxh.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"./User-DRi5hhiP.js";import"./Video-DAMdjIe3.js";import"./index.es-0rJMfM0E.js";const{expect:f,userEvent:Ie,waitFor:ke,within:k}=__STORYBOOK_MODULE_TEST__,i=({children:o})=>{const n=ge();return e.jsx(I,{sx:{marginBottom:n.Spacing4},children:o})},rn={component:se,decorators:[be],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"The ID of the element that describes the MenuButton, if one exists.",table:{category:"Functional",type:{summary:"string"}}},ariaLabel:{control:"text",description:"aria-label to describe the MenuButton when the button label is empty",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"The ID of the element that labels the MenuButton. Only needed if the button has no text and `ariaLabel` is empty.",table:{category:"Functional",type:{summary:"string"}}},buttonLabel:{control:"text",description:"The label on the triggering Button",table:{category:"Visual",type:{summary:"string"}}},buttonVariant:{options:L,control:{type:"radio"},description:"The variant of the triggering Button",table:{category:"Visual",type:{summary:L.join(" | ")},defaultValue:{summary:"secondary"}}},children:{control:!1,description:"Menu content composed from [MenuItem](../?path=/docs/odyssey-core-overlays-menubutton-menuitem--docs), [Divider](../?path=/docs/odyssey-core-overlays-menubutton-divider--docs), and [ListSubheader](../?path=/docs/odyssey-core-overlays-menubutton-listsubheader--docs)",table:{category:"Visual",type:{summary:"[MenuItem | Divider | ListSubheader | NullElement]"}},type:{required:!1,name:"other",value:"[MenuItem | Divider | ListSubheader]"}},popoverContent:{control:!1,description:"The contents to display in the popover (instead of children)",table:{category:"Visual",type:{summary:"[ReactNode | NullElement]"}},type:{required:!1,name:"other",value:"ReactNode"}},endIcon:{control:{type:"select"},options:Object.keys(v),mapping:v,description:"The end Icon on the triggering Button",table:{category:"Visual",type:{summary:"<Icon />"}}},id:{control:"text",description:"The id of the Button",table:{category:"Functional",type:{summary:"string"}}},isDisabled:Me.isDisabled,isOverflow:{control:"boolean",description:"If the MenuButton is an overflow menu or standard menu.",table:{category:"Visual",type:{summary:"boolean"}}},menuAlignment:{options:j,control:{type:"radio"},description:"The horizontal alignment of the menu.",table:{category:"Visual",type:{summary:j.join(" | ")},defaultValue:{summary:"left"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{category:"Visual",type:{summary:"string"}}}},args:{buttonLabel:"Button label",buttonVariant:"secondary",menuAlignment:"left"}},u=({canvasElement:o,step:n})=>async(a,r)=>{const ce=k(o);await n("open menu button",async()=>{const pe=ce.getByRole("button",{name:a.buttonLabel});Ie.click(pe),await ke(async()=>de(r))})},m={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Simple")}},c={args:{children:[e.jsxs(t,{isDisabled:!0,children:[e.jsx(me,{}),"Menu item label 1"]},"1"),e.jsxs(t,{children:[e.jsx(Be,{}),"Menu item label 2"]},"2"),e.jsxs(t,{children:[e.jsx(xe,{}),"Menu item label 3"]},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Action Icons")}},p={args:{buttonLabel:"Button label",buttonVariant:"floating",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],id:"floating"},play:async({canvasElement:o,step:n})=>{await n("Filter and Select from listbox",async()=>{const r=k(o).getByRole("button",{name:"Button label"});await f(r).toHaveAttribute("id","floating-button")})}},d={args:{buttonLabel:"Button label",children:[e.jsx(w,{children:"Menu section label 1"},"sh1"),e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(w,{children:"Menu section label 2"},"sh2"),e.jsx(t,{children:"Menu item label 3"},"3"),e.jsx(t,{children:"Menu item label 4"},"4"),e.jsx(ue,{},"div2"),e.jsx(t,{children:"Menu item label 5"},"5")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Groupings")}},b={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{variant:"destructive",children:"Menu item label 3"},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Destructive")}},M={args:{ariaLabel:"Button label",buttonLabel:"",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"},play:async({canvasElement:o,step:n})=>{await n("MenuButton Aria-Label",async()=>{const r=k(o).queryByRole("button",{name:"Button label"});await f(r).not.toBeNull()})}},h={args:{ariaLabel:"Button label",endIcon:e.jsx(me,{}),children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"}},y={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],isOverflow:!0}},g={args:{buttonLabel:"Button label",isDisabled:!0,children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"}},B={args:{buttonVariant:"secondary",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],menuAlignment:"right"},render:function(n){return e.jsx(I,{sx:{ml:"50px"},children:e.jsx(se,{buttonLabel:"Button label",buttonVariant:n.buttonVariant,menuAlignment:n.menuAlignment,children:n.children})})},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Alignment")}},x={args:{buttonLabel:"",endIcon:e.jsx(ye,{}),buttonVariant:"secondary",popoverContent:[e.jsxs(I,{sx:{minWidth:"392px"},children:[e.jsxs(i,{children:[e.jsx(he,{children:"Title"}),e.jsx(l,{children:"Caption"}),e.jsx(S,{children:"Body"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsx(i,{children:e.jsx(ue,{})}),e.jsx(I,{sx:{fontWeight:"bold"},children:e.jsxs(S,{children:["Body"," ",e.jsx(s,{href:"#",target:"_blank",children:"Link"})]})})]},"help-popover-content")],id:"floating",tooltipText:"Tooltip text"},play:async({canvasElement:o,step:n})=>{await n("MenuButton Aria-Label",()=>{const r=k(o).queryByRole("button",{name:"Tooltip text"});f(r).not.toBeNull()})}};var P,E,T;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
buttonLabel: "Button label",
|
|
4
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>]
|
|
5
|
+
},
|
|
6
|
+
play: async ({
|
|
7
|
+
args,
|
|
8
|
+
canvasElement,
|
|
9
|
+
step
|
|
10
|
+
}: {
|
|
11
|
+
args: MenuButtonProps;
|
|
12
|
+
canvasElement: HTMLElement;
|
|
13
|
+
step: PlaywrightProps<MenuButtonProps>["step"];
|
|
14
|
+
}) => {
|
|
15
|
+
await clickMenuButton({
|
|
16
|
+
canvasElement,
|
|
17
|
+
step
|
|
18
|
+
})(args, "Menu Button Simple");
|
|
19
|
+
}
|
|
20
|
+
}`,...(T=(E=m.parameters)==null?void 0:E.docs)==null?void 0:T.source}}};var D,V,A;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
21
|
+
args: {
|
|
22
|
+
children: [<MenuItem isDisabled key="1">
|
|
23
|
+
<GroupIcon />
|
|
24
|
+
Menu item label 1
|
|
25
|
+
</MenuItem>, <MenuItem key="2">
|
|
26
|
+
<GlobeIcon />
|
|
27
|
+
Menu item label 2
|
|
28
|
+
</MenuItem>, <MenuItem key="3">
|
|
29
|
+
<CalendarIcon />
|
|
30
|
+
Menu item label 3
|
|
31
|
+
</MenuItem>]
|
|
32
|
+
},
|
|
33
|
+
play: async ({
|
|
34
|
+
args,
|
|
35
|
+
canvasElement,
|
|
36
|
+
step
|
|
37
|
+
}: {
|
|
38
|
+
args: MenuButtonProps;
|
|
39
|
+
canvasElement: HTMLElement;
|
|
40
|
+
step: PlaywrightProps<MenuButtonProps>["step"];
|
|
41
|
+
}) => {
|
|
42
|
+
await clickMenuButton({
|
|
43
|
+
canvasElement,
|
|
44
|
+
step
|
|
45
|
+
})(args, "Menu Button Action Icons");
|
|
46
|
+
}
|
|
47
|
+
}`,...(A=(V=c.parameters)==null?void 0:V.docs)==null?void 0:A.source}}};var C,W,_;p.parameters={...p.parameters,docs:{...(C=p.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
48
|
+
args: {
|
|
49
|
+
buttonLabel: "Button label",
|
|
50
|
+
buttonVariant: "floating",
|
|
51
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
52
|
+
id: "floating"
|
|
53
|
+
},
|
|
54
|
+
play: async ({
|
|
55
|
+
canvasElement,
|
|
56
|
+
step
|
|
57
|
+
}: PlaywrightProps<MenuButtonProps>) => {
|
|
58
|
+
await step("Filter and Select from listbox", async () => {
|
|
59
|
+
const canvas = within(canvasElement);
|
|
60
|
+
const button = canvas.getByRole("button", {
|
|
61
|
+
name: "Button label"
|
|
62
|
+
});
|
|
63
|
+
await expect(button).toHaveAttribute("id", "floating-button");
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}`,...(_=(W=p.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var O,z,H;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
67
|
+
args: {
|
|
68
|
+
buttonLabel: "Button label",
|
|
69
|
+
children: [<ListSubheader key="sh1">Menu section label 1</ListSubheader>, <MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <ListSubheader key="sh2">Menu section label 2</ListSubheader>, <MenuItem key="3">Menu item label 3</MenuItem>, <MenuItem key="4">Menu item label 4</MenuItem>, <Divider key="div2" />, <MenuItem key="5">Menu item label 5</MenuItem>]
|
|
70
|
+
},
|
|
71
|
+
play: async ({
|
|
72
|
+
args,
|
|
73
|
+
canvasElement,
|
|
74
|
+
step
|
|
75
|
+
}: {
|
|
76
|
+
args: MenuButtonProps;
|
|
77
|
+
canvasElement: HTMLElement;
|
|
78
|
+
step: PlaywrightProps<MenuButtonProps>["step"];
|
|
79
|
+
}) => {
|
|
80
|
+
await clickMenuButton({
|
|
81
|
+
canvasElement,
|
|
82
|
+
step
|
|
83
|
+
})(args, "Menu Button Groupings");
|
|
84
|
+
}
|
|
85
|
+
}`,...(H=(z=d.parameters)==null?void 0:z.docs)==null?void 0:H.source}}};var R,G,N;b.parameters={...b.parameters,docs:{...(R=b.parameters)==null?void 0:R.docs,source:{originalSource:`{
|
|
86
|
+
args: {
|
|
87
|
+
buttonLabel: "Button label",
|
|
88
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3" variant="destructive">
|
|
89
|
+
Menu item label 3
|
|
90
|
+
</MenuItem>]
|
|
91
|
+
},
|
|
92
|
+
play: async ({
|
|
93
|
+
args,
|
|
94
|
+
canvasElement,
|
|
95
|
+
step
|
|
96
|
+
}: {
|
|
97
|
+
args: MenuButtonProps;
|
|
98
|
+
canvasElement: HTMLElement;
|
|
99
|
+
step: PlaywrightProps<MenuButtonProps>["step"];
|
|
100
|
+
}) => {
|
|
101
|
+
await clickMenuButton({
|
|
102
|
+
canvasElement,
|
|
103
|
+
step
|
|
104
|
+
})(args, "Menu Button Destructive");
|
|
105
|
+
}
|
|
106
|
+
}`,...(N=(G=b.parameters)==null?void 0:G.docs)==null?void 0:N.source}}};var F,q,Q;M.parameters={...M.parameters,docs:{...(F=M.parameters)==null?void 0:F.docs,source:{originalSource:`{
|
|
107
|
+
args: {
|
|
108
|
+
ariaLabel: "Button label",
|
|
109
|
+
buttonLabel: "",
|
|
110
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
111
|
+
tooltipText: "Button tooltip text"
|
|
112
|
+
},
|
|
113
|
+
play: async ({
|
|
114
|
+
canvasElement,
|
|
115
|
+
step
|
|
116
|
+
}: PlaywrightProps<MenuButtonProps>) => {
|
|
117
|
+
await step("MenuButton Aria-Label", async () => {
|
|
118
|
+
const canvas = within(canvasElement);
|
|
119
|
+
const menuButton = canvas.queryByRole("button", {
|
|
120
|
+
name: "Button label"
|
|
121
|
+
});
|
|
122
|
+
await expect(menuButton).not.toBeNull();
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}`,...(Q=(q=M.parameters)==null?void 0:q.docs)==null?void 0:Q.source}}};var K,U,Y;h.parameters={...h.parameters,docs:{...(K=h.parameters)==null?void 0:K.docs,source:{originalSource:`{
|
|
126
|
+
args: {
|
|
127
|
+
ariaLabel: "Button label",
|
|
128
|
+
endIcon: <GroupIcon />,
|
|
129
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
130
|
+
tooltipText: "Button tooltip text"
|
|
131
|
+
}
|
|
132
|
+
}`,...(Y=(U=h.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var J,X,Z;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`{
|
|
133
|
+
args: {
|
|
134
|
+
buttonLabel: "Button label",
|
|
135
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
136
|
+
isOverflow: true
|
|
137
|
+
}
|
|
138
|
+
}`,...(Z=(X=y.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;g.parameters={...g.parameters,docs:{...($=g.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
139
|
+
args: {
|
|
140
|
+
buttonLabel: "Button label",
|
|
141
|
+
isDisabled: true,
|
|
142
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
143
|
+
tooltipText: "Button tooltip text"
|
|
144
|
+
}
|
|
145
|
+
}`,...(te=(ee=g.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ne,oe,ae;B.parameters={...B.parameters,docs:{...(ne=B.parameters)==null?void 0:ne.docs,source:{originalSource:`{
|
|
146
|
+
args: {
|
|
147
|
+
buttonVariant: "secondary",
|
|
148
|
+
children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
|
|
149
|
+
menuAlignment: "right"
|
|
150
|
+
},
|
|
151
|
+
render: function C(props: MenuButtonProps) {
|
|
152
|
+
return <Box sx={{
|
|
153
|
+
ml: "50px"
|
|
154
|
+
}}>
|
|
155
|
+
<MenuButton buttonLabel="Button label" buttonVariant={props.buttonVariant} menuAlignment={props.menuAlignment}>
|
|
156
|
+
{props.children}
|
|
157
|
+
</MenuButton>
|
|
158
|
+
</Box>;
|
|
159
|
+
},
|
|
160
|
+
play: async ({
|
|
161
|
+
args,
|
|
162
|
+
canvasElement,
|
|
163
|
+
step
|
|
164
|
+
}: {
|
|
165
|
+
args: MenuButtonProps;
|
|
166
|
+
canvasElement: HTMLElement;
|
|
167
|
+
step: PlaywrightProps<MenuButtonProps>["step"];
|
|
168
|
+
}) => {
|
|
169
|
+
await clickMenuButton({
|
|
170
|
+
canvasElement,
|
|
171
|
+
step
|
|
172
|
+
})(args, "Menu Button Alignment");
|
|
173
|
+
}
|
|
174
|
+
}`,...(ae=(oe=B.parameters)==null?void 0:oe.docs)==null?void 0:ae.source}}};var re,ie,le;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`{
|
|
175
|
+
args: {
|
|
176
|
+
buttonLabel: "",
|
|
177
|
+
endIcon: <QuestionCircleIcon />,
|
|
178
|
+
buttonVariant: "secondary",
|
|
179
|
+
popoverContent: [<Box key="help-popover-content" sx={{
|
|
180
|
+
minWidth: "392px"
|
|
181
|
+
}}>
|
|
182
|
+
<BoxWithBottomMargin>
|
|
183
|
+
<Heading5>Title</Heading5>
|
|
184
|
+
<Subordinate>Caption</Subordinate>
|
|
185
|
+
<Paragraph>Body</Paragraph>
|
|
186
|
+
</BoxWithBottomMargin>
|
|
187
|
+
<BoxWithBottomMargin>
|
|
188
|
+
<Link href="#" target="_blank">
|
|
189
|
+
Link
|
|
190
|
+
</Link>
|
|
191
|
+
<Subordinate>Caption</Subordinate>
|
|
192
|
+
</BoxWithBottomMargin>
|
|
193
|
+
<BoxWithBottomMargin>
|
|
194
|
+
<Link href="#" target="_blank">
|
|
195
|
+
Link
|
|
196
|
+
</Link>
|
|
197
|
+
<Subordinate>Caption</Subordinate>
|
|
198
|
+
</BoxWithBottomMargin>
|
|
199
|
+
<BoxWithBottomMargin>
|
|
200
|
+
<Link href="#" target="_blank">
|
|
201
|
+
Link
|
|
202
|
+
</Link>
|
|
203
|
+
<Subordinate>Caption</Subordinate>
|
|
204
|
+
</BoxWithBottomMargin>
|
|
205
|
+
<BoxWithBottomMargin>
|
|
206
|
+
<Link href="#" target="_blank">
|
|
207
|
+
Link
|
|
208
|
+
</Link>
|
|
209
|
+
<Subordinate>Caption</Subordinate>
|
|
210
|
+
</BoxWithBottomMargin>
|
|
211
|
+
<BoxWithBottomMargin>
|
|
212
|
+
<Link href="#" target="_blank">
|
|
213
|
+
Link
|
|
214
|
+
</Link>
|
|
215
|
+
<Subordinate>Caption</Subordinate>
|
|
216
|
+
</BoxWithBottomMargin>
|
|
217
|
+
<BoxWithBottomMargin>
|
|
218
|
+
<Divider />
|
|
219
|
+
</BoxWithBottomMargin>
|
|
220
|
+
<Box sx={{
|
|
221
|
+
fontWeight: "bold"
|
|
222
|
+
}}>
|
|
223
|
+
<Paragraph>
|
|
224
|
+
Body{" "}
|
|
225
|
+
<Link href="#" target="_blank">
|
|
226
|
+
Link
|
|
227
|
+
</Link>
|
|
228
|
+
</Paragraph>
|
|
229
|
+
</Box>
|
|
230
|
+
</Box>],
|
|
231
|
+
id: "floating",
|
|
232
|
+
tooltipText: "Tooltip text"
|
|
233
|
+
},
|
|
234
|
+
play: async ({
|
|
235
|
+
canvasElement,
|
|
236
|
+
step
|
|
237
|
+
}: PlaywrightProps<MenuButtonProps>) => {
|
|
238
|
+
await step("MenuButton Aria-Label", () => {
|
|
239
|
+
const canvas = within(canvasElement);
|
|
240
|
+
const menuButton = canvas.queryByRole("button", {
|
|
241
|
+
name: "Tooltip text"
|
|
242
|
+
});
|
|
243
|
+
expect(menuButton).not.toBeNull();
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
}`,...(le=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};const ln=["Simple","ActionIcons","ButtonVariant","Groupings","WithDestructive","IconButton","EndIcon","Overflow","Disabled","Alignment","HelpPopover"];export{c as ActionIcons,B as Alignment,p as ButtonVariant,g as Disabled,h as EndIcon,d as Groupings,x as HelpPopover,M as IconButton,y as Overflow,m as Simple,b as WithDestructive,ln as __namedExportsOrder,rn as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./iframe-
|
|
1
|
+
import{j as t}from"./iframe-Cav9rlxr.js";import{I as T}from"./IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js";import{M as o,a as e}from"./MenuItem-CbPgBBBa.js";import"./preload-helper-Dp1pzeXC.js";import"./Tooltip-DVPGLNQs.js";import"./tableRowClasses-DYosAqvx.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"./ScopedCssBaseline-CbMqVD26.js";import"./ariaDisabledStyles-BnD13Dho.js";import"./MenuButton-CsX9_3Ov.js";import"./Box-DduJOSF-.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"./MenuItem-Cu1R78Nk.js";const ot={component:o,decorators:[T],tags:["autodocs"],argTypes:{ariaDisabled:{control:"boolean",description:"If `true`, the menu button appears disabled but remains focusable and can show tooltips. Use this instead of `isDisabled` when you need to display a tooltip on a disabled menu button.",table:{category:"Visual",type:{summary:"boolean"}}},buttonLabel:{control:"text",description:"The label text for the menu button.",table:{category:"Visual",type:{summary:"string"}}},buttonVariant:{options:["primary","secondary","floating"],control:{type:"radio"},description:"The variant of the menu button.",table:{category:"Visual",type:{summary:'"primary" | "secondary" | "floating"'},defaultValue:{summary:"secondary"}}},children:{control:!1,description:"The menu items to display when the menu is open.",table:{category:"Visual",type:{summary:"ReactNode"}}},isDisabled:{control:"boolean",description:"If `true`, the menu button will be disabled.",table:{category:"Visual",type:{summary:"boolean"}}}}},n={name:"Disabled with Tooltip",parameters:{docs:{description:{story:"Menu buttons can display tooltips when disabled by using `ariaDisabled` instead of `isDisabled`. Wrap the MenuButton with a Tooltip component to show the tooltip on hover."}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Actions",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},l={config:{rules:[{id:"color-contrast",enabled:!1}]}},a={name:"Disabled Primary with Tooltip",parameters:{docs:{description:{story:"Primary menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Primary Actions",buttonVariant:"primary",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},i={name:"Disabled Secondary with Tooltip",parameters:{docs:{description:{story:"Secondary menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Secondary Actions",buttonVariant:"secondary",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},r={name:"Disabled Floating with Tooltip",parameters:{docs:{description:{story:"Floating menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Floating Actions",buttonVariant:"floating",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}};var d,m,p;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
2
|
name: "Disabled with Tooltip",
|
|
3
3
|
parameters: {
|
|
4
4
|
docs: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e}from"./iframe-
|
|
1
|
+
import{r as e}from"./iframe-Cav9rlxr.js";/*!
|
|
2
2
|
* Copyright (c) 2023-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 t,j as M}from"./iframe-
|
|
1
|
+
import{r as t,j as M}from"./iframe-Cav9rlxr.js";import{M as x}from"./MenuContext-BkYpsFtp.js";import{M as f}from"./MenuItem-Cu1R78Nk.js";import{m as I}from"./tableRowClasses-DYosAqvx.js";const b=({children:u,hasInitialFocus:n,isSelected:s,isDisabled:o,onClick:e,testId:r,value:d,variant:c="default"})=>{const{closeMenu:a,shouldCloseOnSelect:m}=t.useContext(x),i=t.useCallback(l=>{e==null||e(l),m&&a()},[e,a,m]);return M.jsx(f,{"aria-current":s,autoFocus:n,className:c==="destructive"?`${I.root}-destructive`:void 0,"data-se":r,disabled:o,onClick:i,selected:s,tabIndex:0,value:d,children:u})},j=t.memo(b);j.displayName="MenuItem";export{j as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,
|
|
1
|
+
import{r as s,d as u}from"./iframe-Cav9rlxr.js";import{s as m,m as p}from"./tableRowClasses-DYosAqvx.js";import{g as h}from"./ariaDisabledStyles-BnD13Dho.js";import{u as y}from"./IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js";import{M as c}from"./MenuButton-CsX9_3Ov.js";import{M as v}from"./MenuItem-Cu1R78Nk.js";const w=m("div",{shouldForwardProp:e=>!["buttonVariant","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,buttonVariant:o})=>({display:"inline-block","& button":{...h(e,o)}})),C=({ariaDisabled:e,buttonVariant:o,...n})=>{const a=y(),d=s.useCallback(t=>{e&&(t.preventDefault(),t.stopPropagation())},[e]),r=s.useCallback(t=>{e&&["Enter"," ","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation())},[e]);return e?u(w,{"aria-disabled":"true",buttonVariant:o,odysseyDesignTokens:a,onClickCapture:d,onKeyDownCapture:r,children:u(c,{...n,buttonVariant:o})}):u(c,{...n,buttonVariant:o})},D=s.memo(C);D.displayName="MenuButton";const k=m(v,{shouldForwardProp:e=>!["ariaDisabled","odysseyDesignTokens"].includes(e)})(({ariaDisabled:e,odysseyDesignTokens:o})=>({...e&&{opacity:1,color:o.TypographyColorDisabled,cursor:"default",pointerEvents:"auto","&:hover":{backgroundColor:"transparent",color:o.TypographyColorDisabled},[`&.${p.root}-destructive`]:{color:o.PaletteDangerLight,"&:hover":{color:o.PaletteDangerLight}}}})),B=({ariaDisabled:e,children:o,hasInitialFocus:n,isSelected:a,isDisabled:d,onClick:r,testId:t,value:i,variant:f="default"})=>{const M=y(),g=s.useCallback(l=>{if(e){l.preventDefault(),l.stopPropagation();return}r==null||r(l)},[e,r]);return u(k,{"aria-current":a,"aria-disabled":e||void 0,ariaDisabled:e,autoFocus:n,className:f==="destructive"?`${p.root}-destructive`:void 0,"data-se":t,disabled:d,odysseyDesignTokens:M,onClick:g,selected:a,value:i,children:o})},I=s.memo(B);I.displayName="MenuItem";export{D as M,I as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as V,_ as E,u as F,a as n,c as G,d as x,f as L,k as T,r as w,l as c,n as C,o as $,p as I,m as i}from"./tableRowClasses-
|
|
1
|
+
import{b as V,_ as E,u as F,a as n,c as G,d as x,f as L,k as T,r as w,l as c,n as C,o as $,p as I,m as i}from"./tableRowClasses-DYosAqvx.js";import{r as d,j as O}from"./iframe-Cav9rlxr.js";import{a as k}from"./List-BcXvgzsa.js";import{u as _}from"./useIsFocusVisible-Cu721A7w.js";import{B as D}from"./ButtonBase-CYIo9Kvv.js";const H=["autoFocus","component","dense","divider","disableGutters","focusVisibleClassName","role","tabIndex","className"],S=(a,e)=>{const{ownerState:s}=a;return[e.root,s.dense&&e.dense,s.divider&&e.divider,!s.disableGutters&&e.gutters]},z=a=>{const{disabled:e,dense:s,divider:t,disableGutters:l,selected:p,classes:o}=a,r=L({root:["root",s&&"dense",e&&"disabled",!l&&"gutters",t&&"divider",p&&"selected"]},T,o);return n({},o,r)},U=G(D,{shouldForwardProp:a=>w(a)||a==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:S})(({theme:a,ownerState:e})=>n({},a.typography.body1,{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap"},!e.disableGutters&&{paddingLeft:16,paddingRight:16},e.divider&&{borderBottom:`1px solid ${(a.vars||a).palette.divider}`,backgroundClip:"padding-box"},{"&:hover":{textDecoration:"none",backgroundColor:(a.vars||a).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${i.selected}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity),[`&.${i.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},[`&.${i.selected}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity)}},[`&.${i.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`&.${i.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity},[`& + .${I.root}`]:{marginTop:a.spacing(1),marginBottom:a.spacing(1)},[`& + .${I.inset}`]:{marginLeft:52},[`& .${$.root}`]:{marginTop:0,marginBottom:0},[`& .${$.inset}`]:{paddingLeft:36},[`& .${C.root}`]:{minWidth:36}},!e.dense&&{[a.breakpoints.up("sm")]:{minHeight:"auto"}},e.dense&&n({minHeight:32,paddingTop:4,paddingBottom:4},a.typography.body2,{[`& .${C.root} svg`]:{fontSize:"1.25rem"}}))),Q=d.forwardRef(function(e,s){const t=V({props:e,name:"MuiMenuItem"}),{autoFocus:l=!1,component:p="li",dense:o=!1,divider:f=!1,disableGutters:r=!1,focusVisibleClassName:M,role:R="menuitem",tabIndex:v,className:B}=t,j=E(t,H),g=d.useContext(k),m=d.useMemo(()=>({dense:o||g.dense||!1,disableGutters:r}),[g.dense,o,r]),u=d.useRef(null);F(()=>{l&&u.current&&u.current.focus()},[l]);const N=n({},t,{dense:m.dense,divider:f,disableGutters:r}),b=z(t),P=_(u,s);let y;return t.disabled||(y=v!==void 0?v:-1),O.jsx(k.Provider,{value:m,children:O.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(b.focusVisible,M),className:x(b.root,B)},j,{ownerState:N,classes:b}))})});export{Q as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{R as g,r as n,
|
|
1
|
+
import{R as g,r as n,d as M,j as i}from"./iframe-Cav9rlxr.js";import{I as V}from"./IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js";import{T as W}from"./Tooltip-DVPGLNQs.js";import{a as r,M as B}from"./MenuItem-CbPgBBBa.js";import"./preload-helper-Dp1pzeXC.js";import"./Button-AqSkJ6Nd.js";import"./tableRowClasses-DYosAqvx.js";import"./ButtonBase-CYIo9Kvv.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./index-C5VVYn_U.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"./ariaDisabledStyles-BnD13Dho.js";import"./MenuButton-CsX9_3Ov.js";import"./Box-DduJOSF-.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"./MenuItem-Cu1R78Nk.js";const C=200,E=g.forwardRef(({children:t,sx:a,onMouseEnter:u,onMouseLeave:p,onFocus:d,onBlur:m,...c},h)=>M("div",{onBlur:m,onFocus:d,onMouseEnter:u,onMouseLeave:p,ref:h,style:a,tabIndex:-1,...c,children:t}));E.displayName="TooltipWrapper";const w=g.forwardRef(({children:t,text:a,placement:u="top",showWhen:p=!0,wrapperSx:d,...m},c)=>{const[h,s]=n.useState(!1),e=n.useRef(void 0),b=n.useRef(!1);n.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{b.current=!0,e.current&&(clearTimeout(e.current),e.current=void 0),e.current=setTimeout(()=>{b.current&&s(!0),e.current=void 0},C)},j=()=>{b.current=!1,e.current&&(clearTimeout(e.current),e.current=void 0),s(!1)},L=()=>{s(!0)},k=()=>{s(!1)};if(!p||!a)return t;const f=t.props.onMouseEnter,y=t.props.onMouseLeave,v=t.props.onFocus,T=t.props.onBlur;return M(W,{arrow:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,open:h,placement:u,title:a,...m,children:M(E,{onBlur:o=>{k(),T==null||T(o)},onFocus:o=>{L(),v==null||v(o)},onMouseEnter:o=>{R(),f==null||f(o)},onMouseLeave:o=>{j(),y==null||y(o)},ref:c,sx:d,children:t})})});w.displayName="PatchedTooltip";const fe={component:r,decorators:[V],tags:["autodocs"],argTypes:{ariaDisabled:{control:"boolean",description:"If `true`, the menu item appears disabled but remains focusable and can show tooltips. Use this instead of `isDisabled` when you need to display a tooltip on a disabled menu item.",table:{category:"Visual",type:{summary:"boolean"}}},children:{control:"text",description:"The content of the menu item.",table:{category:"Visual",type:{summary:"ReactNode"}}},isDisabled:{control:"boolean",description:"If `true`, the menu item will be visually marked as disabled.",table:{category:"Visual",type:{summary:"boolean"}}},isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{category:"Visual",type:{summary:"boolean"}}},onClick:{action:!0,description:"Callback fired when the menu item is clicked.",table:{category:"Functional",type:{summary:"(() => void)"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the menu item.",table:{category:"Visual",type:{summary:'"default" | "destructive"'},defaultValue:{summary:"default"}}}},args:{children:"Menu item label"}},l={name:"Disabled with Tooltip",parameters:{docs:{description:{story:"Menu items can display tooltips when disabled by using `ariaDisabled` instead of `isDisabled`. Wrap the MenuItem with a Tooltip component to show the tooltip on hover. This example shows both default and destructive variants."}}},render:()=>i.jsxs(B,{buttonLabel:"Open Menu",children:[i.jsx(r,{children:"Enabled action"}),i.jsx(w,{placement:"right",text:"This action is currently unavailable",children:i.jsx(r,{ariaDisabled:!0,children:"Disabled default with tooltip"})}),i.jsx(w,{placement:"right",text:"You do not have permission to delete",children:i.jsx(r,{ariaDisabled:!0,variant:"destructive",children:"Disabled destructive with tooltip"})}),i.jsx(r,{children:"Another enabled action"})]})};var x,D,I;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
2
2
|
name: "Disabled with Tooltip",
|
|
3
3
|
parameters: {
|
|
4
4
|
docs: {
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{j as e}from"./iframe-Cav9rlxr.js";import{O as j}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as F}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as i}from"./MenuItem-C_SjZMbY.js";import{M as w}from"./MenuList-BTp-5mcb.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./MenuContext-BkYpsFtp.js";import"./MenuItem-Cu1R78Nk.js";import"./List-BcXvgzsa.js";import"./useIsFocusVisible-Cu721A7w.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerDocument-DW-IO8s5.js";const W={component:i,decorators:[j],tags:["autodocs"],parameters:{docs:{description:{component:"`MenuItem` composes `MenuButton` menus. It is not supported as a standalone Odyssey component."}}},argTypes:{children:{control:"text",description:"The content for the `MenuItem` components within the Menu",table:{category:"Visual",type:{summary:"ReactNode"}},type:{required:!0,name:"other",value:"ReactNode"}},hasInitialFocus:{control:!1,description:"If `true`, focuses the item when the parent menu opens",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:F.isDisabled,isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{category:"Visual",type:{summary:"boolean"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the triggering Button",table:{category:"Visual",type:{summary:["default","destructive"].join(" | ")},defaultValue:{summary:"default"}}}},args:{children:"MenuItem content",variant:"default",isDisabled:!1}},c=r=>e.jsx("div",{role:"menu",children:e.jsx(i,{...r,children:r.children})}),t={render:c},s={args:{variant:"destructive"},render:c},o={args:{isDisabled:!0},render:c},a={args:{isSelected:!0},render:function(D){return e.jsx(c,{...D})}},n={parameters:{docs:{description:{story:"This `MenuItem` will receive focus when the page loads"}}},args:{hasInitialFocus:!0,value:""},render:r=>e.jsxs(w,{children:[e.jsx(i,{children:"Not Focused"}),e.jsx(i,{...r})]})};var u,m,d;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
2
|
+
render: BaseStory
|
|
3
|
+
}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var p,l,y;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
4
|
+
args: {
|
|
5
|
+
variant: "destructive"
|
|
6
|
+
},
|
|
7
|
+
render: BaseStory
|
|
8
|
+
}`,...(y=(l=s.parameters)==null?void 0:l.docs)==null?void 0:y.source}}};var h,g,f;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
9
|
+
args: {
|
|
10
|
+
isDisabled: true
|
|
11
|
+
},
|
|
12
|
+
render: BaseStory
|
|
13
|
+
}`,...(f=(g=o.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};var M,v,S;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
14
|
+
args: {
|
|
15
|
+
isSelected: true
|
|
16
|
+
},
|
|
17
|
+
render: function C(props: MenuItemProps) {
|
|
18
|
+
return <BaseStory {...props} />;
|
|
19
|
+
}
|
|
20
|
+
}`,...(S=(v=a.parameters)==null?void 0:v.docs)==null?void 0:S.source}}};var b,I,x;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
21
|
+
parameters: {
|
|
22
|
+
docs: {
|
|
23
|
+
description: {
|
|
24
|
+
story: "This \`MenuItem\` will receive focus when the page loads"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
args: {
|
|
29
|
+
hasInitialFocus: true,
|
|
30
|
+
value: ""
|
|
31
|
+
},
|
|
32
|
+
render: args => {
|
|
33
|
+
return <MenuList>
|
|
34
|
+
<MenuItem>Not Focused</MenuItem>
|
|
35
|
+
<MenuItem {...args} />
|
|
36
|
+
</MenuList>;
|
|
37
|
+
}
|
|
38
|
+
}`,...(x=(I=n.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};const X=["Simple","Destructive","Disabled","Selected","Focused"];export{s as Destructive,o as Disabled,n as Focused,a as Selected,t as Simple,X as __namedExportsOrder,W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as j,u as H,a as T}from"./tableRowClasses-
|
|
1
|
+
import{_ as j,u as H,a as T}from"./tableRowClasses-DYosAqvx.js";import{r as c,j as A}from"./iframe-Cav9rlxr.js";import{g as _}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as C}from"./ownerDocument-DW-IO8s5.js";import{u as O}from"./useIsFocusVisible-Cu721A7w.js";import{L as z}from"./List-BcXvgzsa.js";const N=["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"];function w(n,t,r){return n===t?n.firstChild:t&&t.nextElementSibling?t.nextElementSibling:r?null:n.firstChild}function D(n,t,r){return n===t?r?n.firstChild:n.lastChild:t&&t.previousElementSibling?t.previousElementSibling:r?null:n.lastChild}function I(n,t){if(t===void 0)return!0;let r=n.innerText;return r===void 0&&(r=n.textContent),r=r.trim().toLowerCase(),r.length===0?!1:t.repeating?r[0]===t.keys[0]:r.indexOf(t.keys.join(""))===0}function h(n,t,r,b,m,y){let p=!1,u=m(n,t,t?r:!1);for(;u;){if(u===n.firstChild){if(p)return!1;p=!0}const d=b?!1:u.disabled||u.getAttribute("aria-disabled")==="true";if(!u.hasAttribute("tabindex")||!I(u,y)||d)u=m(n,u,r);else return u.focus(),!0}return!1}const B=c.forwardRef(function(t,r){const{actions:b,autoFocus:m=!1,autoFocusItem:y=!1,children:p,className:u,disabledItemsFocusable:d=!1,disableListWrap:g=!1,onKeyDown:x,variant:v="selectedMenu"}=t,F=j(t,N),a=c.useRef(null),M=c.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});H(()=>{m&&a.current.focus()},[m]),c.useImperativeHandle(b,()=>({adjustStyleForScrollbar:(e,{direction:s})=>{const l=!a.current.style.width;if(e.clientHeight<a.current.clientHeight&&l){const f=`${_(C(e))}px`;a.current.style[s==="rtl"?"paddingLeft":"paddingRight"]=f,a.current.style.width=`calc(100% + ${f})`}return a.current}}),[]);const S=e=>{const s=a.current,l=e.key,f=C(s).activeElement;if(l==="ArrowDown")e.preventDefault(),h(s,f,g,d,w);else if(l==="ArrowUp")e.preventDefault(),h(s,f,g,d,D);else if(l==="Home")e.preventDefault(),h(s,null,g,d,w);else if(l==="End")e.preventDefault(),h(s,null,g,d,D);else if(l.length===1){const i=M.current,k=l.toLowerCase(),E=performance.now();i.keys.length>0&&(E-i.lastTime>500?(i.keys=[],i.repeating=!0,i.previousKeyMatched=!0):i.repeating&&k!==i.keys[0]&&(i.repeating=!1)),i.lastTime=E,i.keys.push(k);const R=f&&!i.repeating&&I(f,i);i.previousKeyMatched&&(R||h(s,f,!1,d,w,i))?e.preventDefault():i.previousKeyMatched=!1}x&&x(e)},L=O(a,r);let o=-1;c.Children.forEach(p,(e,s)=>{if(!c.isValidElement(e)){o===s&&(o+=1,o>=p.length&&(o=-1));return}e.props.disabled||(v==="selectedMenu"&&e.props.selected||o===-1)&&(o=s),o===s&&(e.props.disabled||e.props.muiSkipListHighlight||e.type.muiSkipListHighlight)&&(o+=1,o>=p.length&&(o=-1))});const K=c.Children.map(p,(e,s)=>{if(s===o){const l={};return y&&(l.autoFocus=!0),e.props.tabIndex===void 0&&v==="selectedMenu"&&(l.tabIndex=0),c.cloneElement(e,l)}return e});return A.jsx(z,T({role:"menu",ref:L,className:u,onKeyDown:S,tabIndex:m?0:-1},F,{children:K}))});export{B as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as ie,N as ae,b as le,_ as ce,a as x,c as G,d as q,f as de}from"./tableRowClasses-Bk1uFtwh.js";import{r as d,j as N}from"./iframe-CQjT1fxh.js";import{g as ge}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as O}from"./ownerDocument-DW-IO8s5.js";import{o as V}from"./ownerWindow-HkKU3E4x.js";import{u as ue}from"./useIsFocusVisible-D1xCTBdT.js";import{u as te}from"./TransitionGroupContext-yBqGXZYI.js";import{c as oe}from"./createChainedFunction-BO_9K8Jh.js";import{e as xe}from"./resolveComponentProps-DGxe9oED.js";import{g as ve,u as ne,P as Ee}from"./Portal-DeJFqeW-.js";import{F as Re}from"./Fade-ZBabHGDm.js";function ke(e){return ie("MuiBackdrop",e)}ae("MuiBackdrop",["root","invisible"]);const Pe=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],ye=e=>{const{classes:t,invisible:n}=e;return de({root:["root",n&&"invisible"]},ke,t)},Te=G("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>x({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Se=d.forwardRef(function(t,n){var o,s,r;const i=le({props:t,name:"MuiBackdrop"}),{children:c,className:u,component:g="div",components:m={},componentsProps:b={},invisible:k=!1,open:v,slotProps:l={},slots:M={},TransitionComponent:C=Re,transitionDuration:I}=i,P=ce(i,Pe),a=x({},i,{component:g,invisible:k}),E=ye(a),h=(o=l.root)!=null?o:b.root;return N.jsx(C,x({in:v,timeout:I},P,{children:N.jsx(Te,x({"aria-hidden":!0},h,{as:(s=(r=M.root)!=null?r:m.Root)!=null?s:g,className:q(E.root,u,h==null?void 0:h.className),ownerState:x({},a,h==null?void 0:h.ownerState),classes:E,ref:n,children:c}))}))});function Ce(e){const t=O(e);return t.body===e?V(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function U(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function re(e){return parseInt(V(e).getComputedStyle(e).paddingRight,10)||0}function Ie(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function se(e,t,n,o,s){const r=[t,n,...o];[].forEach.call(e.children,i=>{const c=r.indexOf(i)===-1,u=!Ie(i);c&&u&&U(i,s)})}function Y(e,t){let n=-1;return e.some((o,s)=>t(o)?(n=s,!0):!1),n}function Ne(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(Ce(o)){const i=ge(O(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${re(o)+i}px`;const c=O(o).querySelectorAll(".mui-fixed");[].forEach.call(c,u=>{n.push({value:u.style.paddingRight,property:"padding-right",el:u}),u.style.paddingRight=`${re(u)+i}px`})}let r;if(o.parentNode instanceof DocumentFragment)r=O(o).body;else{const i=o.parentElement,c=V(o);r=(i==null?void 0:i.nodeName)==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{n.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Me(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class we{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&U(t.modalRef,!1);const s=Me(n);se(n,t.mount,t.modalRef,s,!0);const r=Y(this.containers,i=>i.container===n);return r!==-1?(this.containers[r].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:s}),o)}mount(t,n){const o=Y(this.containers,r=>r.modals.indexOf(t)!==-1),s=this.containers[o];s.restore||(s.restore=Ne(s,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const s=Y(this.containers,i=>i.modals.indexOf(t)!==-1),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(o,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&U(t.modalRef,n),se(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&U(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const Fe=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Ae(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Be(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Oe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Be(e))}function De(e){const t=[],n=[];return Array.from(e.querySelectorAll(Fe)).forEach((o,s)=>{const r=Ae(o);r===-1||!Oe(o)||(r===0?t.push(o):n.push({documentOrder:s,tabIndex:r,node:o}))}),n.sort((o,s)=>o.tabIndex===s.tabIndex?o.documentOrder-s.documentOrder:o.tabIndex-s.tabIndex).map(o=>o.node).concat(t)}function Le(){return!0}function He(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:s=!1,getTabbable:r=De,isEnabled:i=Le,open:c}=e,u=d.useRef(!1),g=d.useRef(null),m=d.useRef(null),b=d.useRef(null),k=d.useRef(null),v=d.useRef(!1),l=d.useRef(null),M=ue(ve(t),l),C=d.useRef(null);d.useEffect(()=>{!c||!l.current||(v.current=!n)},[n,c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current);return l.current.contains(a.activeElement)||(l.current.hasAttribute("tabIndex")||l.current.setAttribute("tabIndex","-1"),v.current&&l.current.focus()),()=>{s||(b.current&&b.current.focus&&(u.current=!0,b.current.focus()),b.current=null)}},[c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current),E=R=>{C.current=R,!(o||!i()||R.key!=="Tab")&&a.activeElement===l.current&&R.shiftKey&&(u.current=!0,m.current&&m.current.focus())},h=()=>{const R=l.current;if(R===null)return;if(!a.hasFocus()||!i()||u.current){u.current=!1;return}if(R.contains(a.activeElement)||o&&a.activeElement!==g.current&&a.activeElement!==m.current)return;if(a.activeElement!==k.current)k.current=null;else if(k.current!==null)return;if(!v.current)return;let y=[];if((a.activeElement===g.current||a.activeElement===m.current)&&(y=r(l.current)),y.length>0){var A,T;const D=!!((A=C.current)!=null&&A.shiftKey&&((T=C.current)==null?void 0:T.key)==="Tab"),B=y[0],w=y[y.length-1];typeof B!="string"&&typeof w!="string"&&(D?w.focus():B.focus())}else R.focus()};a.addEventListener("focusin",h),a.addEventListener("keydown",E,!0);const F=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&h()},50);return()=>{clearInterval(F),a.removeEventListener("focusin",h),a.removeEventListener("keydown",E,!0)}},[n,o,s,i,c,r]);const I=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0,k.current=a.target;const E=t.props.onFocus;E&&E(a)},P=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0};return N.jsxs(d.Fragment,{children:[N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:g,"data-testid":"sentinelStart"}),d.cloneElement(t,{ref:M,onFocus:I}),N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:m,"data-testid":"sentinelEnd"})]})}function je(e){return typeof e=="function"?e():e}function _e(e){return e?e.props.hasOwnProperty("in"):!1}const Ue=new we;function $e(e){const{container:t,disableEscapeKeyDown:n=!1,disableScrollLock:o=!1,manager:s=Ue,closeAfterTransition:r=!1,onTransitionEnter:i,onTransitionExited:c,children:u,onClose:g,open:m,rootRef:b}=e,k=d.useRef({}),v=d.useRef(null),l=d.useRef(null),M=ue(l,b),[C,I]=d.useState(!m),P=_e(u);let a=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(a=!1);const E=()=>O(v.current),h=()=>(k.current.modalRef=l.current,k.current.mount=v.current,k.current),F=()=>{s.mount(h(),{disableScrollLock:o}),l.current&&(l.current.scrollTop=0)},R=te(()=>{const p=je(t)||E().body;s.add(h(),p),l.current&&F()}),y=d.useCallback(()=>s.isTopModal(h()),[s]),A=te(p=>{v.current=p,p&&(m&&y()?F():l.current&&U(l.current,a))}),T=d.useCallback(()=>{s.remove(h(),a)},[a,s]);d.useEffect(()=>()=>{T()},[T]),d.useEffect(()=>{m?R():(!P||!r)&&T()},[m,T,P,r,R]);const D=p=>f=>{var S;(S=p.onKeyDown)==null||S.call(p,f),!(f.key!=="Escape"||f.which===229||!y())&&(n||(f.stopPropagation(),g&&g(f,"escapeKeyDown")))},B=p=>f=>{var S;(S=p.onClick)==null||S.call(p,f),f.target===f.currentTarget&&g&&g(f,"backdropClick")};return{getRootProps:(p={})=>{const f=xe(e);delete f.onTransitionEnter,delete f.onTransitionExited;const S=x({},f,p);return x({role:"presentation"},S,{onKeyDown:D(S),ref:M})},getBackdropProps:(p={})=>{const f=p;return x({"aria-hidden":!0},f,{onClick:B(f),open:m})},getTransitionProps:()=>{const p=()=>{I(!1),i&&i()},f=()=>{I(!0),c&&c(),r&&T()};return{onEnter:oe(p,u==null?void 0:u.props.onEnter),onExited:oe(f,u==null?void 0:u.props.onExited)}},rootRef:M,portalRef:A,isTopModal:y,exited:C,hasTransition:P}}function Ke(e){return ie("MuiModal",e)}ae("MuiModal",["root","hidden","backdrop"]);const We=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","onTransitionEnter","onTransitionExited","open","slotProps","slots","theme"],ze=e=>{const{open:t,exited:n,classes:o}=e;return de({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ke,o)},Ye=G("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>x({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),qe=G(Se,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),st=d.forwardRef(function(t,n){var o,s,r,i,c,u;const g=le({name:"MuiModal",props:t}),{BackdropComponent:m=qe,BackdropProps:b,className:k,closeAfterTransition:v=!1,children:l,container:M,component:C,components:I={},componentsProps:P={},disableAutoFocus:a=!1,disableEnforceFocus:E=!1,disableEscapeKeyDown:h=!1,disablePortal:F=!1,disableRestoreFocus:R=!1,disableScrollLock:y=!1,hideBackdrop:A=!1,keepMounted:T=!1,onBackdropClick:D,open:B,slotProps:w,slots:j}=g,X=ce(g,We),p=x({},g,{closeAfterTransition:v,disableAutoFocus:a,disableEnforceFocus:E,disableEscapeKeyDown:h,disablePortal:F,disableRestoreFocus:R,disableScrollLock:y,hideBackdrop:A,keepMounted:T}),{getRootProps:f,getBackdropProps:S,getTransitionProps:fe,portalRef:pe,isTopModal:me,exited:J,hasTransition:Q}=$e(x({},p,{rootRef:n})),_=x({},p,{exited:J}),L=ze(_),$={};if(l.props.tabIndex===void 0&&($.tabIndex="-1"),Q){const{onEnter:H,onExited:K}=fe();$.onEnter=H,$.onExited=K}const Z=(o=(s=j==null?void 0:j.root)!=null?s:I.Root)!=null?o:Ye,ee=(r=(i=j==null?void 0:j.backdrop)!=null?i:I.Backdrop)!=null?r:m,W=(c=w==null?void 0:w.root)!=null?c:P.root,z=(u=w==null?void 0:w.backdrop)!=null?u:P.backdrop,be=ne({elementType:Z,externalSlotProps:W,externalForwardedProps:X,getSlotProps:f,additionalProps:{ref:n,as:C},ownerState:_,className:q(k,W==null?void 0:W.className,L==null?void 0:L.root,!_.open&&_.exited&&(L==null?void 0:L.hidden))}),he=ne({elementType:ee,externalSlotProps:z,additionalProps:b,getSlotProps:H=>S(x({},H,{onClick:K=>{D&&D(K),H!=null&&H.onClick&&H.onClick(K)}})),className:q(z==null?void 0:z.className,b==null?void 0:b.className,L==null?void 0:L.backdrop),ownerState:_});return!T&&!B&&(!Q||J)?null:N.jsx(Ee,{ref:pe,container:M,disablePortal:F,children:N.jsxs(Z,x({},be,{children:[!A&&m?N.jsx(ee,x({},he)):null,N.jsx(He,{disableEnforceFocus:E,disableAutoFocus:a,disableRestoreFocus:R,isEnabled:me,open:B,children:d.cloneElement(l,$)})]}))})});export{Se as B,He as F,st as M};
|
|
1
|
+
import{M as ie,N as ae,b as le,_ as ce,a as x,c as G,d as q,f as de}from"./tableRowClasses-DYosAqvx.js";import{r as d,j as N}from"./iframe-Cav9rlxr.js";import{g as ge}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as O}from"./ownerDocument-DW-IO8s5.js";import{o as V}from"./ownerWindow-HkKU3E4x.js";import{u as ue}from"./useIsFocusVisible-Cu721A7w.js";import{u as te}from"./TransitionGroupContext-CTI9LvjA.js";import{c as oe}from"./createChainedFunction-BO_9K8Jh.js";import{e as xe}from"./resolveComponentProps-m1IywaLB.js";import{g as ve,u as ne,P as Ee}from"./Portal-CznYNzyC.js";import{F as Re}from"./Fade-5EaFioT-.js";function ke(e){return ie("MuiBackdrop",e)}ae("MuiBackdrop",["root","invisible"]);const Pe=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],ye=e=>{const{classes:t,invisible:n}=e;return de({root:["root",n&&"invisible"]},ke,t)},Te=G("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>x({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Se=d.forwardRef(function(t,n){var o,s,r;const i=le({props:t,name:"MuiBackdrop"}),{children:c,className:u,component:g="div",components:m={},componentsProps:b={},invisible:k=!1,open:v,slotProps:l={},slots:M={},TransitionComponent:C=Re,transitionDuration:I}=i,P=ce(i,Pe),a=x({},i,{component:g,invisible:k}),E=ye(a),h=(o=l.root)!=null?o:b.root;return N.jsx(C,x({in:v,timeout:I},P,{children:N.jsx(Te,x({"aria-hidden":!0},h,{as:(s=(r=M.root)!=null?r:m.Root)!=null?s:g,className:q(E.root,u,h==null?void 0:h.className),ownerState:x({},a,h==null?void 0:h.ownerState),classes:E,ref:n,children:c}))}))});function Ce(e){const t=O(e);return t.body===e?V(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function U(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function re(e){return parseInt(V(e).getComputedStyle(e).paddingRight,10)||0}function Ie(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function se(e,t,n,o,s){const r=[t,n,...o];[].forEach.call(e.children,i=>{const c=r.indexOf(i)===-1,u=!Ie(i);c&&u&&U(i,s)})}function Y(e,t){let n=-1;return e.some((o,s)=>t(o)?(n=s,!0):!1),n}function Ne(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(Ce(o)){const i=ge(O(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${re(o)+i}px`;const c=O(o).querySelectorAll(".mui-fixed");[].forEach.call(c,u=>{n.push({value:u.style.paddingRight,property:"padding-right",el:u}),u.style.paddingRight=`${re(u)+i}px`})}let r;if(o.parentNode instanceof DocumentFragment)r=O(o).body;else{const i=o.parentElement,c=V(o);r=(i==null?void 0:i.nodeName)==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{n.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Me(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class we{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&U(t.modalRef,!1);const s=Me(n);se(n,t.mount,t.modalRef,s,!0);const r=Y(this.containers,i=>i.container===n);return r!==-1?(this.containers[r].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:s}),o)}mount(t,n){const o=Y(this.containers,r=>r.modals.indexOf(t)!==-1),s=this.containers[o];s.restore||(s.restore=Ne(s,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const s=Y(this.containers,i=>i.modals.indexOf(t)!==-1),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(o,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&U(t.modalRef,n),se(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&U(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const Fe=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Ae(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Be(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Oe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Be(e))}function De(e){const t=[],n=[];return Array.from(e.querySelectorAll(Fe)).forEach((o,s)=>{const r=Ae(o);r===-1||!Oe(o)||(r===0?t.push(o):n.push({documentOrder:s,tabIndex:r,node:o}))}),n.sort((o,s)=>o.tabIndex===s.tabIndex?o.documentOrder-s.documentOrder:o.tabIndex-s.tabIndex).map(o=>o.node).concat(t)}function Le(){return!0}function He(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:s=!1,getTabbable:r=De,isEnabled:i=Le,open:c}=e,u=d.useRef(!1),g=d.useRef(null),m=d.useRef(null),b=d.useRef(null),k=d.useRef(null),v=d.useRef(!1),l=d.useRef(null),M=ue(ve(t),l),C=d.useRef(null);d.useEffect(()=>{!c||!l.current||(v.current=!n)},[n,c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current);return l.current.contains(a.activeElement)||(l.current.hasAttribute("tabIndex")||l.current.setAttribute("tabIndex","-1"),v.current&&l.current.focus()),()=>{s||(b.current&&b.current.focus&&(u.current=!0,b.current.focus()),b.current=null)}},[c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current),E=R=>{C.current=R,!(o||!i()||R.key!=="Tab")&&a.activeElement===l.current&&R.shiftKey&&(u.current=!0,m.current&&m.current.focus())},h=()=>{const R=l.current;if(R===null)return;if(!a.hasFocus()||!i()||u.current){u.current=!1;return}if(R.contains(a.activeElement)||o&&a.activeElement!==g.current&&a.activeElement!==m.current)return;if(a.activeElement!==k.current)k.current=null;else if(k.current!==null)return;if(!v.current)return;let y=[];if((a.activeElement===g.current||a.activeElement===m.current)&&(y=r(l.current)),y.length>0){var A,T;const D=!!((A=C.current)!=null&&A.shiftKey&&((T=C.current)==null?void 0:T.key)==="Tab"),B=y[0],w=y[y.length-1];typeof B!="string"&&typeof w!="string"&&(D?w.focus():B.focus())}else R.focus()};a.addEventListener("focusin",h),a.addEventListener("keydown",E,!0);const F=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&h()},50);return()=>{clearInterval(F),a.removeEventListener("focusin",h),a.removeEventListener("keydown",E,!0)}},[n,o,s,i,c,r]);const I=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0,k.current=a.target;const E=t.props.onFocus;E&&E(a)},P=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0};return N.jsxs(d.Fragment,{children:[N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:g,"data-testid":"sentinelStart"}),d.cloneElement(t,{ref:M,onFocus:I}),N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:m,"data-testid":"sentinelEnd"})]})}function je(e){return typeof e=="function"?e():e}function _e(e){return e?e.props.hasOwnProperty("in"):!1}const Ue=new we;function $e(e){const{container:t,disableEscapeKeyDown:n=!1,disableScrollLock:o=!1,manager:s=Ue,closeAfterTransition:r=!1,onTransitionEnter:i,onTransitionExited:c,children:u,onClose:g,open:m,rootRef:b}=e,k=d.useRef({}),v=d.useRef(null),l=d.useRef(null),M=ue(l,b),[C,I]=d.useState(!m),P=_e(u);let a=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(a=!1);const E=()=>O(v.current),h=()=>(k.current.modalRef=l.current,k.current.mount=v.current,k.current),F=()=>{s.mount(h(),{disableScrollLock:o}),l.current&&(l.current.scrollTop=0)},R=te(()=>{const p=je(t)||E().body;s.add(h(),p),l.current&&F()}),y=d.useCallback(()=>s.isTopModal(h()),[s]),A=te(p=>{v.current=p,p&&(m&&y()?F():l.current&&U(l.current,a))}),T=d.useCallback(()=>{s.remove(h(),a)},[a,s]);d.useEffect(()=>()=>{T()},[T]),d.useEffect(()=>{m?R():(!P||!r)&&T()},[m,T,P,r,R]);const D=p=>f=>{var S;(S=p.onKeyDown)==null||S.call(p,f),!(f.key!=="Escape"||f.which===229||!y())&&(n||(f.stopPropagation(),g&&g(f,"escapeKeyDown")))},B=p=>f=>{var S;(S=p.onClick)==null||S.call(p,f),f.target===f.currentTarget&&g&&g(f,"backdropClick")};return{getRootProps:(p={})=>{const f=xe(e);delete f.onTransitionEnter,delete f.onTransitionExited;const S=x({},f,p);return x({role:"presentation"},S,{onKeyDown:D(S),ref:M})},getBackdropProps:(p={})=>{const f=p;return x({"aria-hidden":!0},f,{onClick:B(f),open:m})},getTransitionProps:()=>{const p=()=>{I(!1),i&&i()},f=()=>{I(!0),c&&c(),r&&T()};return{onEnter:oe(p,u==null?void 0:u.props.onEnter),onExited:oe(f,u==null?void 0:u.props.onExited)}},rootRef:M,portalRef:A,isTopModal:y,exited:C,hasTransition:P}}function Ke(e){return ie("MuiModal",e)}ae("MuiModal",["root","hidden","backdrop"]);const We=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","onTransitionEnter","onTransitionExited","open","slotProps","slots","theme"],ze=e=>{const{open:t,exited:n,classes:o}=e;return de({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ke,o)},Ye=G("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>x({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),qe=G(Se,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),st=d.forwardRef(function(t,n){var o,s,r,i,c,u;const g=le({name:"MuiModal",props:t}),{BackdropComponent:m=qe,BackdropProps:b,className:k,closeAfterTransition:v=!1,children:l,container:M,component:C,components:I={},componentsProps:P={},disableAutoFocus:a=!1,disableEnforceFocus:E=!1,disableEscapeKeyDown:h=!1,disablePortal:F=!1,disableRestoreFocus:R=!1,disableScrollLock:y=!1,hideBackdrop:A=!1,keepMounted:T=!1,onBackdropClick:D,open:B,slotProps:w,slots:j}=g,X=ce(g,We),p=x({},g,{closeAfterTransition:v,disableAutoFocus:a,disableEnforceFocus:E,disableEscapeKeyDown:h,disablePortal:F,disableRestoreFocus:R,disableScrollLock:y,hideBackdrop:A,keepMounted:T}),{getRootProps:f,getBackdropProps:S,getTransitionProps:fe,portalRef:pe,isTopModal:me,exited:J,hasTransition:Q}=$e(x({},p,{rootRef:n})),_=x({},p,{exited:J}),L=ze(_),$={};if(l.props.tabIndex===void 0&&($.tabIndex="-1"),Q){const{onEnter:H,onExited:K}=fe();$.onEnter=H,$.onExited=K}const Z=(o=(s=j==null?void 0:j.root)!=null?s:I.Root)!=null?o:Ye,ee=(r=(i=j==null?void 0:j.backdrop)!=null?i:I.Backdrop)!=null?r:m,W=(c=w==null?void 0:w.root)!=null?c:P.root,z=(u=w==null?void 0:w.backdrop)!=null?u:P.backdrop,be=ne({elementType:Z,externalSlotProps:W,externalForwardedProps:X,getSlotProps:f,additionalProps:{ref:n,as:C},ownerState:_,className:q(k,W==null?void 0:W.className,L==null?void 0:L.root,!_.open&&_.exited&&(L==null?void 0:L.hidden))}),he=ne({elementType:ee,externalSlotProps:z,additionalProps:b,getSlotProps:H=>S(x({},H,{onClick:K=>{D&&D(K),H!=null&&H.onClick&&H.onClick(K)}})),className:q(z==null?void 0:z.className,b==null?void 0:b.className,L==null?void 0:L.backdrop),ownerState:_});return!T&&!B&&(!Q||J)?null:N.jsx(Ee,{ref:pe,container:M,disablePortal:F,children:N.jsxs(Z,x({},be,{children:[!A&&m?N.jsx(ee,x({},he)):null,N.jsx(He,{disableEnforceFocus:E,disableAutoFocus:a,disableRestoreFocus:R,isEnabled:me,open:B,children:d.cloneElement(l,$)})]}))})});export{Se as B,He as F,st as M};
|
|
@@ -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 s}from"./tableRowClasses-DYosAqvx.js";const t=e.forwardRef((r,n)=>o.jsx(s,{fill:"none",ref:n,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:"M9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(t);l.displayName="MoreIcon";export{l as M};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t}from"./iframe-
|
|
1
|
+
import{r as t}from"./iframe-Cav9rlxr.js";/*!
|
|
2
2
|
* Copyright (c) 2023-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,4 +1,4 @@
|
|
|
1
|
-
import{r as t}from"./iframe-
|
|
1
|
+
import{r as t}from"./iframe-Cav9rlxr.js";/*!
|
|
2
2
|
* Copyright (c) 2023-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
|
*
|