@okta/odyssey-contribution-tooling 1.47.1 → 1.49.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 +5 -1
- package/dist/assets/{Accordion-BUumLSm9.js → Accordion-BNJn0pfW.js} +1 -1
- package/dist/assets/{Accordion.stories-CaMgAnYN.js → Accordion.stories-DZIjfE-o.js} +3 -3
- package/dist/assets/{AccordionSummary-0jrOTJTD.js → AccordionSummary-BjqT0nEb.js} +1 -1
- package/dist/assets/{AlertTitle-BbBpDTwd.js → AlertTitle-q6ff_Zkl.js} +1 -1
- package/dist/assets/{AppSwitcher-B7j0xavZ.js → AppSwitcher-cyyPttJv.js} +1 -1
- package/dist/assets/{AppSwitcher.stories-BqeExztr.js → AppSwitcher.stories--8DVDaS1.js} +3 -3
- package/dist/assets/AppTile _labs_.stories-D9W_XD90.js +136 -0
- package/dist/assets/{ArrowDropDown-LYMnJjPD.js → ArrowDropDown-DdemyKZU.js} +1 -1
- package/dist/assets/{ArrowRight-Bi2Pswgc.js → ArrowRight-ChWYjNny.js} +1 -1
- package/dist/assets/{Autocomplete-DD8JT6Eb.js → Autocomplete-Cpi_kUVA.js} +1 -1
- package/dist/assets/Autocomplete-CxtGbb8j.js +1 -0
- package/dist/assets/{Autocomplete.stories-DjkuAafz.js → Autocomplete.stories-CQuaZrwN.js} +3 -3
- package/dist/assets/{Badge-C6SBtLt7.js → Badge-BO7bTIEa.js} +1 -1
- package/dist/assets/{Banner-itG3HAaL.js → Banner-K7AM0SJj.js} +1 -1
- package/dist/assets/{Banner.stories-o2KYQ49p.js → Banner.stories-BRQINNIu.js} +3 -3
- package/dist/assets/{BaseButton-COF38VLB.js → BaseButton-DYZHKnV3.js} +1 -1
- package/dist/assets/{BaseMenuButton-pigMBOEp.js → BaseMenuButton-BIietjUB.js} +1 -1
- package/dist/assets/{Box-BGpAHVQV.js → Box-1mvP3NLW.js} +1 -1
- package/dist/assets/Box-BcMTQ_R2.js +1 -0
- package/dist/assets/Box-DXoV5_ch.js +11 -0
- package/dist/assets/{Box.stories-Bl1v2MtQ.js → Box.stories-C8EeKXhb.js} +1 -1
- package/dist/assets/Breadcrumbs-Bp-jt6t5.js +6 -0
- package/dist/assets/Breadcrumbs.stories-B_3snTWA.js +79 -0
- package/dist/assets/{Bug-CF8uTmAI.js → Bug-CQIUmZ-N.js} +1 -1
- package/dist/assets/{Button-DGmXZ3jw.js → Button-BEA5U6Tg.js} +1 -1
- package/dist/assets/{Button-CdPi1pZc.js → Button-BzIwUmSM.js} +1 -1
- package/dist/assets/{Button.stories-DDHyMQ1_.js → Button.stories-S7v-663i.js} +2 -2
- package/dist/assets/ButtonBase-BNqa2TMD.js +74 -0
- package/dist/assets/{Calendar-DjJqG0qe.js → Calendar-_GPHtaRa.js} +1 -1
- package/dist/assets/{Callout-DyDdgWdc.js → Callout-FZxPpigF.js} +1 -1
- package/dist/assets/Callout.stories-CODSBn6K.js +105 -0
- package/dist/assets/Card-C0RGIer3.js +1 -0
- package/dist/assets/Card-CBiqCoFv.js +8 -0
- package/dist/assets/{Card.stories-B_l3D6T0.js → Card.stories-Cp5cSsvN.js} +1 -1
- package/dist/assets/{CardActionArea-BTMPt80M.js → CardActionArea-DWrXZntI.js} +1 -1
- package/dist/assets/CardActions-BQdq7Bn0.js +1 -0
- package/dist/assets/Checkbox-DPv3Q9UW.js +1 -0
- package/dist/assets/{Checkbox-BVTNXOF7.js → Checkbox-vZwuXtzm.js} +1 -1
- package/dist/assets/Checkbox.stories-9dZS0JMC.js +96 -0
- package/dist/assets/{CheckboxGroup-D-ykWUnV.js → CheckboxGroup-Be66QML5.js} +1 -1
- package/dist/assets/CheckboxGroup.stories-Cx6CsE7C.js +92 -0
- package/dist/assets/{ChevronRight-DkL07pJu.js → ChevronRight-C12ToI7Y.js} +1 -1
- package/dist/assets/{ChevronUp-DBzjQ0Vq.js → ChevronUp-CfT7Bz8X.js} +1 -1
- package/dist/assets/Chip-CXnMieIl.js +1 -0
- package/dist/assets/{CircularProgress-Dfpt5LAz.js → CircularProgress-DPxwxglU.js} +1 -1
- package/dist/assets/{CircularProgress-B5_VbcVt.js → CircularProgress-HbIdZLBB.js} +4 -4
- package/dist/assets/{CircularProgress.stories-Daf0R9vA.js → CircularProgress.stories-BCClfpJw.js} +1 -1
- package/dist/assets/{Clock-Cs7_WjUp.js → Clock-17ua7UAW.js} +1 -1
- package/dist/assets/{Close-ATS01D1v.js → Close-OXBt1nIe.js} +1 -1
- package/dist/assets/{Code Styling Guidelines-KEouIK7B.js → Code Styling Guidelines-CVbofGQK.js } +1 -1
- package/dist/assets/{Collapse-COoe3Qtd.js → Collapse-DfdoVIdP.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-DQdRRXzu.js → Color-YHDXOIA2-DT4T6TnK.js} +1 -1
- package/dist/assets/{CssBaseline-D-vAj66q.js → CssBaseline-DpDXOHEK.js} +1 -1
- package/dist/assets/{CssBaseline.stories-BOhXBF5h.js → CssBaseline.stories-DeSEyTd-.js} +1 -1
- package/dist/assets/{Custom Theming-DmPtfg8b.js → Custom Theming-CmbOHtP1.js } +5 -6
- package/dist/assets/Custom Theming.stories-CxVTbjdx.js +95 -0
- package/dist/assets/{DataFilters _labs_-blW_3eFm.js → DataFilters _labs_-DvUVhC-g.js } +2 -2
- package/dist/assets/{DataFilters _labs_.stories-D2qt9BDz.js → DataFilters _labs_.stories-Ca9tvzkv.js } +1 -1
- package/dist/assets/{DataFilters-49CUFFBF.js → DataFilters-BnT_U3-o.js} +1 -1
- package/dist/assets/DataTable _labs_-DL8Jc4Hl.js +41 -0
- package/dist/assets/{DataTable _labs_.stories-DrwT0H9g.js → DataTable _labs_.stories-C9Tljg4U.js } +2 -2
- package/dist/assets/{DataTable-Ka-SCcOh.js → DataTable-S0xhd1LQ.js} +2 -2
- package/dist/assets/{DataTable-DeujVhYp.js → DataTable-XayRBHyP.js} +3 -3
- package/dist/assets/{DataTable.stories-CaSfkouk.js → DataTable.stories-tcZyd507.js} +1 -1
- package/dist/assets/{DataView _labs_-CqZlEyu1.js → DataView _labs_-oQPoSKgb.js } +2 -2
- package/dist/assets/{DataView _labs_.stories-CXjSXDeF.js → DataView _labs_.stories-C_xQt04_.js } +1 -1
- package/dist/assets/{DataView-CYkwjPzk.js → DataView-C5rMFmwA.js} +7 -7
- package/dist/assets/{DataView.stories-DT0ROHOs.js → DataView.stories-oJRHGPAN.js} +148 -65
- package/dist/assets/DatePicker-BwDkz3WT.js +1 -0
- package/dist/assets/{DatePicker-C9sNy4fj.js → DatePicker-CaivHe9y.js} +2 -2
- package/dist/assets/DatePicker.stories-DbwO66Pf.js +133 -0
- package/dist/assets/DateTimePicker-B7a9bgL6.js +1 -0
- package/dist/assets/{DateTimePicker.stories-B2SaI9OL.js → DateTimePicker.stories-DL2oaP7L.js} +9 -9
- package/dist/assets/Design Tokens-CLnoritM.js +4 -0
- package/dist/assets/Dialog-CR4TUjlJ.js +1 -0
- package/dist/assets/Dialog.stories-2q37jV4r.js +201 -0
- package/dist/assets/{DialogContent-_oGbCJT8.js → DialogContent-Cwn-I-C_.js} +1 -1
- package/dist/assets/DialogTitle-C-K7jEio.js +1 -0
- package/dist/assets/{Divider-DsFAYUeD.js → Divider-Ln3VaO81.js} +1 -1
- package/dist/assets/{DocsRenderer-CFRXHY34-IKzmQUB4.js → DocsRenderer-CFRXHY34-CCeAz_jE.js} +1 -1
- package/dist/assets/{Documentation-BrTRsPbe.js → Documentation-DF3oo39e.js} +1 -1
- package/dist/assets/{Download-CnpAgqy2.js → Download-Zlhupksh.js} +1 -1
- package/dist/assets/Drawer-CXQ3piJR.js +33 -0
- package/dist/assets/Drawer.stories-Dlkg74m1.js +95 -0
- package/dist/assets/{EmptyState-9pxLjmqH.js → EmptyState-CpBEzmap.js} +2 -2
- package/dist/assets/EmptyState.stories-Dl57LvdY.js +11 -0
- package/dist/assets/ExampleButton.stories-Bbj5W6A-.js +320 -0
- package/dist/assets/{Extending Translations-DW0F3Xxk.js → Extending Translations-D38KR8Kn.js } +1 -1
- package/dist/assets/{ExternalLink-BZ-Yczsk.js → ExternalLink-D0l1c5Cz.js} +1 -1
- package/dist/assets/Fade-dUgBN8rJ.js +1 -0
- package/dist/assets/{Field-lyECanzU.js → Field-DH3L8v09.js} +2 -2
- package/dist/assets/{FieldHint-C3tXb7u4.js → FieldHint-B3Jif_Up.js} +1 -1
- package/dist/assets/{Fieldset-C2nSfkpl.js → Fieldset-D7_59eeI.js} +2 -2
- package/dist/assets/Fieldset.stories-B-NXKKP-.js +15 -0
- package/dist/assets/{FileUploader.stories-C8jSeElw.js → FileUploader.stories-C9ua336t.js} +8 -8
- package/dist/assets/{Filter-Dx8z3DNi.js → Filter-DsDJ7si-.js} +1 -1
- package/dist/assets/{Folder-BfxqGqvt.js → Folder-e-po0U54.js} +1 -1
- package/dist/assets/{Form Field Accessibility-Bk715sxq.js → Form Field Accessibility-D5GmQTjo.js } +1 -1
- package/dist/assets/{Form-BFqw21k4.js → Form-iTx8DKdm.js} +1 -1
- package/dist/assets/Form.stories-CKX8F-HV.js +69 -0
- package/dist/assets/{FormControlLabel-BKhSSavj.js → FormControlLabel-0BBemR80.js} +1 -1
- package/dist/assets/{FormGroup-Cuk9jkbL.js → FormGroup-HFkGZ983.js} +1 -1
- package/dist/assets/{FormHelperText-qF3DX-zz.js → FormHelperText-CsNAE1E3.js} +1 -1
- package/dist/assets/{FormLabel-BLj3hKkg.js → FormLabel-CiGre9wK.js} +1 -1
- package/dist/assets/{FullScreenOverlay-D_QtB3Yt.js → FullScreenOverlay-BTMDlJhE.js} +1 -1
- package/dist/assets/{Generating Icons-DU5C85Nu.js → Generating Icons-B_lqn7WI.js } +1 -1
- package/dist/assets/{Globe-Brrqdlv8.js → Globe-B83Xmd05.js} +1 -1
- package/dist/assets/{Grid-CZMVE6qU.js → Grid-EpV3TL4a.js} +1 -1
- package/dist/assets/{Group-B6q-i_C2.js → Group-mTVRC79V.js} +1 -1
- package/dist/assets/GroupPicker _labs_.stories-rRod3ZIj.js +33 -0
- package/dist/assets/Grow-C8kUeGCY.js +1 -0
- package/dist/assets/{Hide-DlEWsxsn.js → Hide-TKfOHglI.js} +1 -1
- package/dist/assets/Hint-DoJneNg9.js +11 -0
- package/dist/assets/{Home-BiP4Mg1h.js → Home-la7Lmt_L.js} +1 -1
- package/dist/assets/Icon _icons_.stories-BmisOf4s.js +16 -0
- package/dist/assets/{IconButton-OY9nJWpv.js → IconButton-5qShmnSr.js} +1 -1
- package/dist/assets/IconWithTooltip _icons_.stories-C86MVO5n.js +19 -0
- package/dist/assets/{InformationCircle-CE8ruoYu.js → InformationCircle-a2jMUKfL.js} +1 -1
- package/dist/assets/{InputAdornment-D4SsBOPe.js → InputAdornment-CdR3XT6f.js} +1 -1
- package/dist/assets/{InputBase-DSZ9ZgyW.js → InputBase-DeB4_faH.js} +2 -2
- package/dist/assets/{Installing odyssey-react-mui-XtugTFlz.js → Installing odyssey-react-mui-BlZZYALn.js } +24 -3
- package/dist/assets/{Introduction-Bt8Bd0mz.js → Introduction-D6814AO1.js} +6 -6
- package/dist/assets/{Layout-BduWITqf.js → Layout-DGOs1275.js} +1 -1
- package/dist/assets/{Layout.stories-BaeIV62G.js → Layout.stories-DE3l510g.js} +2 -2
- package/dist/assets/{Legacy Migrations-DZ-fx_Jl.js → Legacy Migrations-B9gOEz-l.js } +1 -1
- package/dist/assets/{Link-DI6v1ROk.js → Link-BDoLypER.js} +1 -1
- package/dist/assets/{Link-BnBknBcu.js → Link-DNIf0luC.js} +1 -1
- package/dist/assets/Link-dX7EI1Ct.js +11 -0
- package/dist/assets/{Link.stories-BY0xRfX5.js → Link.stories-DnkjU-5y.js} +1 -1
- package/dist/assets/{List-Be7fhh4_.js → List-CmjR1pNu.js} +1 -1
- package/dist/assets/{List-DsAZFSEg.js → List-UlX1tusJ.js} +1 -1
- package/dist/assets/{ListItem-C8ebNPnP.js → ListItem-C0ExFtXb.js} +1 -1
- package/dist/assets/{ListSubheader-Bwc0JItn.js → ListSubheader-CQJAAOsd.js} +1 -1
- package/dist/assets/Menu-K9lpVvDG.js +1 -0
- package/dist/assets/{MenuButton-Dr4RJoKG.js → MenuButton-B3T7c15t.js} +1 -1
- package/dist/assets/MenuButton-hdFGv_9Z.js +9 -0
- package/dist/assets/{MenuButton.stories-B5Ron3HG.js → MenuButton.stories-BRHUGqba.js} +1 -1
- package/dist/assets/{MenuItem-n-UKDxiu.js → MenuItem-CmSG6PNu.js} +1 -1
- package/dist/assets/{MenuItem-B0_vCuIq.js → MenuItem-vhp8G-Nb.js} +1 -1
- package/dist/assets/MenuItem.stories-dOOOz3KO.js +29 -0
- package/dist/assets/{MenuList-CW8ri5AI.js → MenuList-BMOesnfs.js} +1 -1
- package/dist/assets/Modal-CSDyCVCf.js +1 -0
- package/dist/assets/{More-D1qrtSvt.js → More-DLQ2RjWn.js} +1 -1
- package/dist/assets/NativeSelect.stories-DHgms1GM.js +173 -0
- package/dist/assets/{OdysseyProvider-2xjMTEu6.js → OdysseyProvider-qIn9QVYS.js} +5 -5
- package/dist/assets/{OdysseyStorybookThemeDecorator-BRjYVaUu.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js} +1 -1
- package/dist/assets/{OdysseyThemeProvider-BBwjgzn2.js → OdysseyThemeProvider-Bh0Bu-2o.js} +1 -1
- package/dist/assets/{PageHeader.stories-q0-kxFNT.js → PageHeader.stories-MDEEjM1g.js} +2 -2
- package/dist/assets/PageHeader.stories-eACdVWYK.js +57 -0
- package/dist/assets/PageTemplate _labs_-BuvgCua7.js +8 -0
- package/dist/assets/{PageTemplate _labs_.stories-DtJtMC5B.js → PageTemplate _labs_.stories-C8RdfTqi.js } +1 -1
- package/dist/assets/{PageTemplate-mNUP99LO.js → PageTemplate-D-EQlTUx.js} +2 -2
- package/dist/assets/PageTemplate.stories-BzgC-WCT.js +197 -0
- package/dist/assets/{PaginatedTable _labs_.stories--9YveFu7.js → PaginatedTable _labs_.stories-CvpuSFlt.js } +3 -3
- package/dist/assets/{Pagination-D6myvUfo.js → Pagination-CB1wBW8Q.js} +2 -2
- package/dist/assets/Pagination.stories-RoH8O-RA.js +17 -0
- package/dist/assets/{Paper-XsV8SWR9.js → Paper-D-_O-EjU.js} +1 -1
- package/dist/assets/PasswordField.stories-BUOy4gYe.js +129 -0
- package/dist/assets/Picker _labs_.stories-BIZmrH82.js +18 -0
- package/dist/assets/{PickerWithOptionAdornment _labs_.stories-DZ_mcN9y.js → PickerWithOptionAdornment _labs_.stories-CQYX6Af7.js } +3 -3
- package/dist/assets/Popper-BARIxJrI.js +1 -0
- package/dist/assets/Portal-C6D59xAE.js +1 -0
- package/dist/assets/ProgressBar.stories-Dyp9UXSp.js +311 -0
- package/dist/assets/{Radio-BimAm2in.js → Radio-B4gVvwps.js} +1 -1
- package/dist/assets/Radio-BdNnpooK.js +1 -0
- package/dist/assets/{Radio.stories-BIH7UBMO.js → Radio.stories-BtiaRnXY.js} +3 -3
- package/dist/assets/{RadioGroup-DhVJQTpS.js → RadioGroup-BYJZ378_.js} +1 -1
- package/dist/assets/RadioGroup-CtUWSbQc.js +1 -0
- package/dist/assets/RadioGroup-D1k5iqEQ.js +10 -0
- package/dist/assets/RadioGroup.stories-kfMrpCQ4.js +138 -0
- package/dist/assets/{Refresh-GVzSl4pN.js → Refresh-DexPEklu.js} +1 -1
- package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js +212 -0
- package/dist/assets/{Right-to-Left (RTL)-DyJ58shp.js → Right-to-Left (RTL)-BHFSR1q8.js } +1 -1
- package/dist/assets/{ScreenReaderText-CM78bF1y.js → ScreenReaderText-CebALBsG.js} +1 -1
- package/dist/assets/{ScreenReaderText-CqMaDm6f.js → ScreenReaderText-DkVEZTIb.js} +2 -2
- package/dist/assets/ScreenReaderText.stories-BuS5WxvE.js +8 -0
- package/dist/assets/{Search-CkfJXFe5.js → Search-C5TVrLyE.js} +1 -1
- package/dist/assets/{SearchDropdown _labs_.stories-BQPhsSku.js → SearchDropdown _labs_.stories-Bq7Qapoa.js } +3 -3
- package/dist/assets/{SearchField-CYM6nbh5.js → SearchField-BdnOrhVM.js} +1 -1
- package/dist/assets/SearchField.stories-IB3f7QOK.js +37 -0
- package/dist/assets/Select-DZTigpTO.js +1 -0
- package/dist/assets/{Select-DJ071lNE.js → Select-KZvejALm.js} +2 -2
- package/dist/assets/{Select.stories-Dv7mWYvh.js → Select.stories-5trfU4Ma.js} +2 -2
- package/dist/assets/{Server-DjXPiVgb.js → Server-Ch5aeRtt.js} +1 -1
- package/dist/assets/{Settings-CjXK8-N1.js → Settings-2rTKyez8.js} +1 -1
- package/dist/assets/{Setup-C5eWg4Hp.js → Setup-BDM9nDVO.js} +1 -1
- package/dist/assets/{Shadow DOM-CwtnF89G.js → Shadow DOM-DHECKIzr.js } +1 -1
- package/dist/assets/{Show-BmUFIvXd.js → Show-BnmQFsN6.js} +1 -1
- package/dist/assets/{SideNav-CJ4qafJJ.js → SideNav-5pMdKSEl.js} +13 -13
- package/dist/assets/{SideNav-Bks9RS2j.js → SideNav-bhdOFKbL.js} +3 -3
- package/dist/assets/{SideNav.stories-C1fpy9wN.js → SideNav.stories-ciX1pArE.js} +1 -1
- package/dist/assets/{Skeleton-dfR0DjWP.js → Skeleton-BPjIT6NG.js} +5 -5
- package/dist/assets/Snackbar-BM0ZOC4Y.js +1 -0
- package/dist/assets/{Stack-DKhviX3e.js → Stack-B7OGvu7C.js} +1 -1
- package/dist/assets/{Stack.stories-BDHo9eFa.js → Stack.stories-CYylNLHT.js} +1 -1
- package/dist/assets/{StaticTable _labs_.stories-Dxpy5sLd.js → StaticTable _labs_.stories-ChL0Cwn4.js } +3 -3
- package/dist/assets/{Status-BpzpxYZ-.js → Status-BlOUycBm.js} +1 -1
- package/dist/assets/{Status.stories-DLINjRQE.js → Status.stories-Dv4b1Z5X.js} +2 -2
- package/dist/assets/{Surface-3Y97A1O8.js → Surface-DTngmQRF.js} +1 -1
- package/dist/assets/{Switch.stories-pYIYfkr3.js → Switch.stories-hjVvL7UR.js} +5 -5
- package/dist/assets/{SwitchBase-D-uzeIbM.js → SwitchBase-CefEM0OA.js} +1 -1
- package/dist/assets/{Sync-DFFNrTTV.js → Sync-BbqTDeWk.js} +1 -1
- package/dist/assets/Tabs-CQz87GHd.js +1 -0
- package/dist/assets/{Tabs-SRLNy8_X.js → Tabs-gXh7YFSu.js} +6 -6
- package/dist/assets/Tabs.stories-CRJgQA20.js +100 -0
- package/dist/assets/{Tag-BgjQI7VM.js → Tag-DwH0t814.js} +1 -1
- package/dist/assets/Tag.stories-CoLnXBke.js +96 -0
- package/dist/assets/{TagList-DGN86KvF.js → TagList-BZGEhGXn.js} +1 -1
- package/dist/assets/{TextField-BuwBI2RX.js → TextField-BhK0y2Zt.js} +1 -1
- package/dist/assets/{TextField.stories-DL7enA3k.js → TextField.stories-DYOK0z5b.js} +2 -2
- package/dist/assets/Toast.stories-BipAY3GN.js +134 -0
- package/dist/assets/ToastManager.stories-BWZvSWGT.js +196 -0
- package/dist/assets/Tooltip-Cq2rQGbD.js +1 -0
- package/dist/assets/{Tooltip-XQJL1Byd.js → Tooltip-CsVWtVfL.js} +1 -1
- package/dist/assets/Tooltip.stories-B6wyATg5.js +68 -0
- package/dist/assets/{TopNav-dZWiR_bv.js → TopNav-DEIYDz6v.js} +1 -1
- package/dist/assets/TopNav.stories-DJNZEi08.js +13 -0
- package/dist/assets/TransitionGroupContext-DAL84N7p.js +1 -0
- package/dist/assets/{Typography-CORddEdk.js → Typography-CkeEfKaM.js} +1 -1
- package/dist/assets/{Typography-Yf1Zkad_.js → Typography-ClQ35Rr-.js} +1 -1
- package/dist/assets/{Typography-DfSdXC7o.js → Typography-Cz6D417Y.js} +1 -1
- package/dist/assets/Typography-r6MlG5YM.js +1 -0
- package/dist/assets/Typography.stories-93RlEwpU.js +73 -0
- package/dist/assets/{Typography.stories-D-TscJaP.js → Typography.stories-DRUYEGzH.js} +1 -1
- package/dist/assets/{UiShell.stories-BRpnZ7zi.js → UiShell.stories-HV8yGvd3.js} +3 -3
- package/dist/assets/{UiShellProvider-BOM87LOZ.js → UiShellProvider-BEcD16AU.js} +1 -1
- package/dist/assets/{Upload-CXJBKzcC.js → Upload-CfzP_Muq.js} +1 -1
- package/dist/assets/{User-D6db-Gy0.js → User-CyxEAfVT.js} +1 -1
- package/dist/assets/{UserProfile-DqokqHU1.js → UserProfile-B6GSEZPs.js} +1 -1
- package/dist/assets/UserProfile.stories-Cx9GmLsV.js +14 -0
- package/dist/assets/{UserProfileMenuButton.stories-CKErfTVM.js → UserProfileMenuButton.stories-BjxJHNWm.js} +3 -3
- package/dist/assets/{Video-B1Csvrbu.js → Video-DWT3WylB.js} +1 -1
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-CxOFxh0W.js +197 -0
- package/dist/assets/assertThisInitialized-B9jnkVVz.js +1 -0
- package/dist/assets/{colorManipulator-CjGkpVfF.js → colorManipulator-DKifQsuo.js} +1 -1
- package/dist/assets/createBox-Dxawkfow.js +1 -0
- package/dist/assets/{createStyled-D0LG5-qz.js → createStyled-D6bTcpHC.js} +1 -1
- package/dist/assets/{createSvgIcon-DsUj6UQo.js → createSvgIcon-ClUWwDzL.js} +1 -1
- package/dist/assets/{dialogActionsClasses-BWrWITLY.js → dialogActionsClasses-ZEPlxVw-.js} +1 -1
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js +1 -0
- package/dist/assets/{entry-preview-CklzQ6bB.js → entry-preview-BxxndF3a.js} +1 -1
- package/dist/assets/getReactElementRef-DsIevm5t.js +1 -0
- package/dist/assets/i18next-7SyOfhCu.js +1 -0
- package/dist/assets/{iconUtils-B6sV00nC.js → iconUtils-BII10A1q.js} +1 -1
- package/dist/assets/{iframe-CXLAql3E.js → iframe-Cf-Lpz6Y.js} +2 -2
- package/dist/assets/{index-Dj8r1U9U.js → index-DB8HwIVZ.js} +1 -1
- package/dist/assets/{index-BqmbiZ7T.js → index-DLgQDw3r.js} +3 -3
- package/dist/assets/{index-DRboDwvZ.js → index-Ml2UeFXJ.js} +1 -1
- package/dist/assets/index-_dyfSX8u.js +1 -0
- package/dist/assets/index.esm-CBOWgn41.js +1 -0
- package/dist/assets/{index.esm-CaIA2ztV.js → index.esm-DTxqsiYY.js} +1 -1
- package/dist/assets/inheritsLoose-CJ6Ie9dp.js +1 -0
- package/dist/assets/{personData-zrA1iJih.js → personData-BYPP3apv.js} +1 -1
- package/dist/assets/{personData-vW3mumD1.js → personData-CRkmqebZ.js} +1 -1
- package/dist/assets/{pickerComponentPropsMetadata-P9x80E4R.js → pickerComponentPropsMetadata-D10GkMIO.js} +3 -3
- package/dist/assets/popper-BVOCD5jc.js +1 -0
- package/dist/assets/{preview-BprB3Yzd.js → preview-D06dtFvI.js} +2 -2
- package/dist/assets/{preview-_inBJXZG.js → preview-Dk8DzNBz.js} +1 -1
- package/dist/assets/renderUiShell.stories-CAw-IOS4.js +866 -0
- package/dist/assets/{resolveComponentProps-BzfJewMt.js → resolveComponentProps-DXQ8X87i.js} +1 -1
- package/dist/assets/{tableSortLabelClasses-DtOYtU1J.js → tableSortLabelClasses-CkKrbp1R.js} +1 -1
- package/dist/assets/{useAutocomplete-DwWveFvJ.js → useAutocomplete-BRetTkpF.js} +1 -1
- package/dist/assets/{useMobilePicker-5I3ooa1D.js → useMobilePicker-DZhX9dEQ.js} +1 -1
- package/dist/assets/useOdysseyDateFields-DPSkeXJj.js +61 -0
- package/dist/assets/{useScrollIndication-C4t86M0g.js → useScrollIndication-mYI-g6xa.js} +3 -3
- package/dist/assets/{useSlot-CaOQD_17.js → useSlot-CvpE2t6D.js} +1 -1
- package/dist/assets/useThemeProps-BPvYx-mf.js +1 -0
- package/dist/assets/useThemeProps-DwvbKxez.js +1 -0
- package/dist/assets/utils-kUZVaD1e.js +1 -0
- package/dist/cjs/DataTable/DataTable.cjs +18 -16
- package/dist/cjs/DataTable/DataTable.cjs.map +1 -1
- package/dist/cjs/DataTable/DataTableRowActions.cjs +13 -12
- package/dist/cjs/DataTable/DataTableRowActions.cjs.map +1 -1
- package/dist/cjs/DataTable/DataTableSettings.cjs +9 -8
- package/dist/cjs/DataTable/DataTableSettings.cjs.map +1 -1
- package/dist/cjs/DatePickers/DateFieldActionBar.cjs +3 -3
- package/dist/cjs/DatePickers/DateFieldActionBar.cjs.map +1 -1
- package/dist/cjs/DatePickers/DatePicker.cjs +2 -2
- package/dist/cjs/DatePickers/DatePicker.cjs.map +1 -1
- package/dist/cjs/DatePickers/datePickerTheme.cjs +2 -2
- package/dist/cjs/DatePickers/datePickerTheme.cjs.map +1 -1
- package/dist/cjs/Dialog.cjs +4 -4
- package/dist/cjs/Dialog.cjs.map +1 -1
- package/dist/cjs/Drawer.cjs +29 -18
- package/dist/cjs/Drawer.cjs.map +1 -1
- package/dist/cjs/{Checkbox.cjs → Fields/Checkbox.cjs} +7 -16
- package/dist/cjs/Fields/Checkbox.cjs.map +1 -0
- package/dist/cjs/{CheckboxGroup.cjs → Fields/CheckboxGroup.cjs} +1 -1
- package/dist/cjs/Fields/CheckboxGroup.cjs.map +1 -0
- package/dist/cjs/Fields/Hint.cjs +31 -0
- package/dist/cjs/Fields/Hint.cjs.map +1 -0
- package/dist/cjs/{Radio.cjs → Fields/Radio.cjs} +5 -14
- package/dist/cjs/Fields/Radio.cjs.map +1 -0
- package/dist/cjs/{RadioGroup.cjs → Fields/RadioGroup.cjs} +2 -2
- package/dist/cjs/Fields/RadioGroup.cjs.map +1 -0
- package/dist/cjs/FileUploader/FileUploader.cjs +6 -6
- package/dist/cjs/FileUploader/FileUploader.cjs.map +1 -1
- package/dist/cjs/Form.cjs.map +1 -1
- package/dist/cjs/OdysseyThemeProvider.cjs +2 -2
- package/dist/cjs/OdysseyThemeProvider.cjs.map +1 -1
- package/dist/cjs/OdysseyThemeProviderPropsContext.cjs.map +1 -1
- package/dist/cjs/Pagination/Pagination.cjs +7 -7
- package/dist/cjs/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/Toast.cjs +4 -4
- package/dist/cjs/Toast.cjs.map +1 -1
- package/dist/cjs/__internal.cjs +143 -0
- package/dist/cjs/__internal.cjs.map +1 -1
- package/dist/cjs/index.cjs +685 -613
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/labs/AppTile.cjs +2 -2
- package/dist/cjs/labs/AppTile.cjs.map +1 -1
- package/dist/cjs/labs/DataFilters.cjs +16 -16
- package/dist/cjs/labs/DataFilters.cjs.map +1 -1
- package/dist/cjs/labs/DataTablePagination.cjs +7 -7
- package/dist/cjs/labs/DataTablePagination.cjs.map +1 -1
- package/dist/cjs/labs/DataView/BulkActionsMenu.cjs +7 -6
- package/dist/cjs/labs/DataView/BulkActionsMenu.cjs.map +1 -1
- package/dist/cjs/labs/DataView/DataView.cjs +8 -7
- package/dist/cjs/labs/DataView/DataView.cjs.map +1 -1
- package/dist/cjs/labs/DataView/LayoutSwitcher.cjs +4 -3
- package/dist/cjs/labs/DataView/LayoutSwitcher.cjs.map +1 -1
- package/dist/cjs/labs/DataView/RowActions.cjs +10 -10
- package/dist/cjs/labs/DataView/RowActions.cjs.map +1 -1
- package/dist/cjs/labs/DataView/TableLayoutContent.cjs +11 -10
- package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map +1 -1
- package/dist/cjs/labs/DataView/TableSettings.cjs +9 -8
- package/dist/cjs/labs/DataView/TableSettings.cjs.map +1 -1
- package/dist/cjs/labs/DataView/componentTypes.cjs.map +1 -1
- package/dist/cjs/labs/DataView/useFilterConversion.cjs.map +1 -1
- package/dist/cjs/labs/DatePickers/DateTimePicker.cjs +7 -7
- package/dist/cjs/labs/DatePickers/DateTimePicker.cjs.map +1 -1
- package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs +3 -3
- package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs.map +1 -1
- package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs +2 -2
- package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs.map +1 -1
- package/dist/cjs/labs/index.cjs +156 -28
- package/dist/cjs/labs/index.cjs.map +1 -1
- package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs +2 -0
- package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs.map +1 -1
- package/dist/cjs/ui-shell/SideNav/SideNav.cjs +5 -3
- package/dist/cjs/ui-shell/SideNav/SideNav.cjs.map +1 -1
- package/dist/cjs/ui-shell/SideNav/types.cjs.map +1 -1
- package/dist/cjs/ui-shell/WideUiShellContent.cjs +9 -9
- package/dist/cjs/ui-shell/WideUiShellContent.cjs.map +1 -1
- package/dist/cjs/ui-shell/index.cjs +24 -12
- package/dist/cjs/ui-shell/index.cjs.map +1 -1
- package/dist/cjs/ui-shell/renderUiShell.cjs +4 -2
- package/dist/cjs/ui-shell/renderUiShell.cjs.map +1 -1
- package/dist/cjs/web-component/createShadowDomElements.cjs +2 -2
- package/dist/cjs/web-component/createShadowDomElements.cjs.map +1 -1
- package/dist/cjs/web-component/{removeGlobalStylesFromShadowDom.cjs → encapsulateShadowDomFromGlobalStyles.cjs} +4 -4
- package/dist/cjs/web-component/encapsulateShadowDomFromGlobalStyles.cjs.map +1 -0
- package/dist/cjs/web-component/index.cjs +4 -4
- package/dist/cjs/web-component/index.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/cjs/web-component/renderReactInWebComponent.cjs +12 -8
- package/dist/cjs/web-component/renderReactInWebComponent.cjs.map +1 -1
- package/dist/esm/DataTable/DataTable.js +4 -2
- package/dist/esm/DataTable/DataTable.js.map +1 -1
- package/dist/esm/DataTable/DataTableRowActions.js +2 -1
- package/dist/esm/DataTable/DataTableRowActions.js.map +1 -1
- package/dist/esm/DataTable/DataTableSettings.js +2 -1
- package/dist/esm/DataTable/DataTableSettings.js.map +1 -1
- package/dist/esm/DatePickers/DateFieldActionBar.js +1 -1
- package/dist/esm/DatePickers/DateFieldActionBar.js.map +1 -1
- package/dist/esm/DatePickers/DatePicker.js +1 -1
- package/dist/esm/DatePickers/DatePicker.js.map +1 -1
- package/dist/esm/DatePickers/datePickerTheme.js +1 -1
- package/dist/esm/DatePickers/datePickerTheme.js.map +1 -1
- package/dist/esm/Dialog.js +1 -1
- package/dist/esm/Dialog.js.map +1 -1
- package/dist/esm/Drawer.js +26 -15
- package/dist/esm/Drawer.js.map +1 -1
- package/dist/esm/{Checkbox.js → Fields/Checkbox.js} +6 -16
- package/dist/esm/Fields/Checkbox.js.map +1 -0
- package/dist/esm/{CheckboxGroup.js → Fields/CheckboxGroup.js} +1 -1
- package/dist/esm/Fields/CheckboxGroup.js.map +1 -0
- package/dist/esm/Fields/Hint.js +24 -0
- package/dist/esm/Fields/Hint.js.map +1 -0
- package/dist/esm/{Radio.js → Fields/Radio.js} +4 -14
- package/dist/esm/Fields/Radio.js.map +1 -0
- package/dist/esm/{RadioGroup.js → Fields/RadioGroup.js} +2 -2
- package/dist/esm/Fields/RadioGroup.js.map +1 -0
- package/dist/esm/FileUploader/FileUploader.js +2 -3
- package/dist/esm/FileUploader/FileUploader.js.map +1 -1
- package/dist/esm/Form.js.map +1 -1
- package/dist/esm/OdysseyThemeProvider.js +1 -1
- package/dist/esm/OdysseyThemeProvider.js.map +1 -1
- package/dist/esm/OdysseyThemeProviderPropsContext.js.map +1 -1
- package/dist/esm/Pagination/Pagination.js +1 -1
- package/dist/esm/Pagination/Pagination.js.map +1 -1
- package/dist/esm/Toast.js +1 -1
- package/dist/esm/Toast.js.map +1 -1
- package/dist/esm/__internal.js +13 -0
- package/dist/esm/__internal.js.map +1 -1
- package/dist/esm/index.js +62 -54
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/labs/AppTile.js +1 -1
- package/dist/esm/labs/AppTile.js.map +1 -1
- package/dist/esm/labs/DataFilters.js +5 -5
- package/dist/esm/labs/DataFilters.js.map +1 -1
- package/dist/esm/labs/DataTablePagination.js +1 -1
- package/dist/esm/labs/DataTablePagination.js.map +1 -1
- package/dist/esm/labs/DataView/BulkActionsMenu.js +2 -1
- package/dist/esm/labs/DataView/BulkActionsMenu.js.map +1 -1
- package/dist/esm/labs/DataView/DataView.js +3 -2
- package/dist/esm/labs/DataView/DataView.js.map +1 -1
- package/dist/esm/labs/DataView/LayoutSwitcher.js +2 -1
- package/dist/esm/labs/DataView/LayoutSwitcher.js.map +1 -1
- package/dist/esm/labs/DataView/RowActions.js +1 -1
- package/dist/esm/labs/DataView/RowActions.js.map +1 -1
- package/dist/esm/labs/DataView/TableLayoutContent.js +2 -1
- package/dist/esm/labs/DataView/TableLayoutContent.js.map +1 -1
- package/dist/esm/labs/DataView/TableSettings.js +2 -1
- package/dist/esm/labs/DataView/TableSettings.js.map +1 -1
- package/dist/esm/labs/DataView/componentTypes.js.map +1 -1
- package/dist/esm/labs/DataView/useFilterConversion.js.map +1 -1
- package/dist/esm/labs/DatePickers/DateTimePicker.js +2 -2
- package/dist/esm/labs/DatePickers/DateTimePicker.js.map +1 -1
- package/dist/esm/labs/DatePickers/dateTimePickerTheme.js +1 -1
- package/dist/esm/labs/DatePickers/dateTimePickerTheme.js.map +1 -1
- package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js +1 -1
- package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -1
- package/dist/esm/labs/index.js +18 -7
- package/dist/esm/labs/index.js.map +1 -1
- package/dist/esm/ui-shell/SideNav/NavAccordion.js +2 -0
- package/dist/esm/ui-shell/SideNav/NavAccordion.js.map +1 -1
- package/dist/esm/ui-shell/SideNav/SideNav.js +4 -2
- package/dist/esm/ui-shell/SideNav/SideNav.js.map +1 -1
- package/dist/esm/ui-shell/SideNav/types.js.map +1 -1
- package/dist/esm/ui-shell/WideUiShellContent.js +3 -3
- package/dist/esm/ui-shell/WideUiShellContent.js.map +1 -1
- package/dist/esm/ui-shell/index.js +4 -3
- package/dist/esm/ui-shell/index.js.map +1 -1
- package/dist/esm/ui-shell/renderUiShell.js +4 -2
- package/dist/esm/ui-shell/renderUiShell.js.map +1 -1
- package/dist/esm/web-component/createShadowDomElements.js +2 -2
- package/dist/esm/web-component/createShadowDomElements.js.map +1 -1
- package/dist/esm/web-component/{removeGlobalStylesFromShadowDom.js → encapsulateShadowDomFromGlobalStyles.js} +2 -2
- package/dist/esm/web-component/encapsulateShadowDomFromGlobalStyles.js.map +1 -0
- package/dist/esm/web-component/index.js +1 -1
- package/dist/esm/web-component/index.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/esm/web-component/renderReactInWebComponent.js +12 -8
- package/dist/esm/web-component/renderReactInWebComponent.js.map +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.d.ts +21 -232
- package/dist/index.json +1 -1
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/DataTable/DataTable.d.ts +3 -3
- package/dist/types/DataTable/DataTable.d.ts.map +1 -1
- package/dist/types/DataTable/DataTableRowActions.d.ts +2 -1
- package/dist/types/DataTable/DataTableRowActions.d.ts.map +1 -1
- package/dist/types/DataTable/DataTableSettings.d.ts.map +1 -1
- package/dist/types/Dialog.d.ts +1 -1
- package/dist/types/Dialog.d.ts.map +1 -1
- package/dist/types/Drawer.d.ts +1 -1
- package/dist/types/Drawer.d.ts.map +1 -1
- package/dist/types/{Checkbox.d.ts → Fields/Checkbox.d.ts} +4 -4
- package/dist/types/Fields/Checkbox.d.ts.map +1 -0
- package/dist/types/{CheckboxGroup.d.ts → Fields/CheckboxGroup.d.ts} +2 -2
- package/dist/types/Fields/CheckboxGroup.d.ts.map +1 -0
- package/dist/{esm/DatePickers/index.js → types/Fields/Hint.d.ts} +9 -6
- package/dist/types/Fields/Hint.d.ts.map +1 -0
- package/dist/types/{Radio.d.ts → Fields/Radio.d.ts} +3 -3
- package/dist/types/Fields/Radio.d.ts.map +1 -0
- package/dist/types/{RadioGroup.d.ts → Fields/RadioGroup.d.ts} +2 -2
- package/dist/types/Fields/RadioGroup.d.ts.map +1 -0
- package/dist/types/FileUploader/FileUploader.d.ts +1 -2
- package/dist/types/FileUploader/FileUploader.d.ts.map +1 -1
- package/dist/types/Form.d.ts +1 -1
- package/dist/types/Form.d.ts.map +1 -1
- package/dist/types/OdysseyThemeProviderPropsContext.d.ts +1 -1
- package/dist/types/__internal.d.ts +13 -0
- package/dist/types/__internal.d.ts.map +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/labs/DataView/BulkActionsMenu.d.ts.map +1 -1
- package/dist/types/labs/DataView/DataView.d.ts.map +1 -1
- package/dist/types/labs/DataView/LayoutSwitcher.d.ts.map +1 -1
- package/dist/types/labs/DataView/RowActions.d.ts +2 -1
- package/dist/types/labs/DataView/RowActions.d.ts.map +1 -1
- package/dist/types/labs/DataView/TableLayoutContent.d.ts.map +1 -1
- package/dist/types/labs/DataView/TableSettings.d.ts.map +1 -1
- package/dist/types/labs/DataView/componentTypes.d.ts +1 -1
- package/dist/types/labs/DataView/componentTypes.d.ts.map +1 -1
- package/dist/types/labs/index.d.ts +19 -7
- package/dist/types/labs/index.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/dist/types/ui-shell/SideNav/NavAccordion.d.ts +1 -1
- package/dist/types/ui-shell/SideNav/NavAccordion.d.ts.map +1 -1
- package/dist/types/ui-shell/SideNav/SideNav.d.ts +0 -2
- package/dist/types/ui-shell/SideNav/SideNav.d.ts.map +1 -1
- package/dist/types/ui-shell/SideNav/types.d.ts +4 -0
- package/dist/types/ui-shell/SideNav/types.d.ts.map +1 -1
- package/dist/types/ui-shell/index.d.ts +4 -3
- package/dist/types/ui-shell/index.d.ts.map +1 -1
- package/dist/types/ui-shell/renderUiShell.d.ts +5 -1
- package/dist/types/ui-shell/renderUiShell.d.ts.map +1 -1
- package/dist/types/web-component/{removeGlobalStylesFromShadowDom.d.ts → encapsulateShadowDomFromGlobalStyles.d.ts} +2 -2
- package/dist/types/web-component/encapsulateShadowDomFromGlobalStyles.d.ts.map +1 -0
- package/dist/types/web-component/index.d.ts +1 -1
- package/dist/types/web-component/index.d.ts.map +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/dist/types/web-component/renderReactInWebComponent.d.ts +8 -2
- package/dist/types/web-component/renderReactInWebComponent.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/assets/AdapterLuxon-0NB_ajTr.js +0 -1
- package/dist/assets/AppTile _labs_.stories-uDhyBCfD.js +0 -136
- package/dist/assets/Autocomplete-CXy6JKKy.js +0 -1
- package/dist/assets/Box-CWTB5xfE.js +0 -1
- package/dist/assets/Box-D2NdOYc2.js +0 -11
- package/dist/assets/Breadcrumbs-6BEAV_iX.js +0 -1
- package/dist/assets/Breadcrumbs-C2ZpdmyC.js +0 -6
- package/dist/assets/Breadcrumbs.stories-WwSpw0c-.js +0 -79
- package/dist/assets/Button-B6KDXfay.js +0 -41
- package/dist/assets/ButtonBase-BAQsCgRq.js +0 -74
- package/dist/assets/Callout.stories-nPexHuaO.js +0 -105
- package/dist/assets/Card-2fiTHibU.js +0 -8
- package/dist/assets/Card-CaY-V3Lt.js +0 -1
- package/dist/assets/CardActions-X5bUcMdJ.js +0 -1
- package/dist/assets/Checkbox-BCh8HZ37.js +0 -1
- package/dist/assets/Checkbox.stories-CQ5I8O9l.js +0 -96
- package/dist/assets/CheckboxGroup.stories-B4ljyQRV.js +0 -81
- package/dist/assets/Chip-DXaMeATb.js +0 -1
- package/dist/assets/Custom Theming.stories-t0y6qbUN.js +0 -95
- package/dist/assets/DataTable _labs_-CJnucUaL.js +0 -41
- package/dist/assets/DatePicker-txjKmLSi.js +0 -1
- package/dist/assets/DatePicker.stories-VLeccVga.js +0 -133
- package/dist/assets/DateTimePicker-LSjVE-IM.js +0 -1
- package/dist/assets/Design Tokens-DrLUPXCc.js +0 -4
- package/dist/assets/Dialog-CRuld07G.js +0 -1
- package/dist/assets/Dialog.stories-Bm_j9j63.js +0 -201
- package/dist/assets/DialogContentText-DU3-VV7L.js +0 -1
- package/dist/assets/DialogTitle-DyO9kr6R.js +0 -1
- package/dist/assets/Drawer-CwxKxBTE.js +0 -27
- package/dist/assets/Drawer-DEqB4KYp.js +0 -1
- package/dist/assets/Drawer.stories-Dvgnp9yd.js +0 -95
- package/dist/assets/EmptyState.stories-DK1ZE36w.js +0 -11
- package/dist/assets/ExampleButton.stories-C51QbMy5.js +0 -11
- package/dist/assets/Fade-CVbWKXvx.js +0 -1
- package/dist/assets/Fieldset.stories-BU8d3fia.js +0 -15
- package/dist/assets/Form.stories-Clfikd2x.js +0 -69
- package/dist/assets/GroupPicker _labs_.stories-CFJvoMQP.js +0 -33
- package/dist/assets/Grow-DacPmog-.js +0 -1
- package/dist/assets/Icon _icons_.stories-BQr18gG9.js +0 -16
- package/dist/assets/IconWithTooltip _icons_.stories-Ct7hQD2g.js +0 -19
- package/dist/assets/IgaComponentsLegacyOdysseyDecorator-28myx5I9.js +0 -175
- package/dist/assets/Link-BH0CiguI.js +0 -11
- package/dist/assets/Menu-CHod3UUY.js +0 -1
- package/dist/assets/MenuButton-CMGgaZPh.js +0 -9
- package/dist/assets/MenuItem.stories-YEtPNOwc.js +0 -29
- package/dist/assets/Modal-B1-40kNg.js +0 -1
- package/dist/assets/NativeSelect.stories-BIRwQlHa.js +0 -173
- package/dist/assets/OdysseyProvider-CLb8psrs.js +0 -197
- package/dist/assets/PageHeader.stories-fXDR4T37.js +0 -17
- package/dist/assets/PageTemplate _labs_-D3SkGEbG.js +0 -8
- package/dist/assets/PageTemplate.stories-H4WnNBj4.js +0 -487
- package/dist/assets/Pagination.stories-CB4pOr9i.js +0 -17
- package/dist/assets/PasswordField.stories-D5ZRplSl.js +0 -129
- package/dist/assets/Picker _labs_.stories-CyZs7sOo.js +0 -18
- package/dist/assets/Popper-DjhYeJJy.js +0 -1
- package/dist/assets/Portal-GAJY6Au9.js +0 -1
- package/dist/assets/Radio-tkNaA8vy.js +0 -1
- package/dist/assets/RadioGroup-DP-BtKDw.js +0 -10
- package/dist/assets/RadioGroup-DRNCKA-f.js +0 -1
- package/dist/assets/RadioGroup.stories-DRXPUU0H.js +0 -127
- package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-IgdZHick.js +0 -1
- package/dist/assets/ScreenReaderText.stories-CpsTRHeF.js +0 -8
- package/dist/assets/SearchField.stories-C95LqZ5d.js +0 -37
- package/dist/assets/Select-9yKLDVKS.js +0 -1
- package/dist/assets/Snackbar-Cn_gMSEK.js +0 -1
- package/dist/assets/TabPanel-XF64c5rR.js +0 -1
- package/dist/assets/Tabs-DzeBYjfY.js +0 -1
- package/dist/assets/Tabs.stories-Dtlm8Y9N.js +0 -100
- package/dist/assets/Tag.stories-DIlHCDGk.js +0 -96
- package/dist/assets/Toast.stories-DO1V8pyh.js +0 -134
- package/dist/assets/ToastManager.stories-CmZGqHye.js +0 -22
- package/dist/assets/Tooltip-D4AWrTBw.js +0 -1
- package/dist/assets/Tooltip.stories-s36iDmFy.js +0 -68
- package/dist/assets/TopNav.stories-Dg27-0zA.js +0 -13
- package/dist/assets/TransitionGroupContext-DLI0IzWy.js +0 -1
- package/dist/assets/Typography-D01yctPx.js +0 -607
- package/dist/assets/Typography.stories-Cr7YbFxb.js +0 -73
- package/dist/assets/UserProfile.stories-BbvzhbPD.js +0 -14
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-COYvO4K8.js +0 -1
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js +0 -1
- package/dist/assets/index-BsDcV5Kh.js +0 -1
- package/dist/assets/index.esm-HelN6IAt.js +0 -1
- package/dist/assets/renderUiShell.stories-ILWjsAQY.js +0 -854
- package/dist/assets/useOdysseyDateFields-Cq2BZNiB.js +0 -61
- package/dist/assets/useThemeProps-Bfa1XAV-.js +0 -1
- package/dist/assets/useThemeProps-D4857Xca.js +0 -1
- package/dist/assets/utils-DkZjDCLm.js +0 -1
- package/dist/cjs/Buttons/index.cjs +0 -93
- package/dist/cjs/Buttons/index.cjs.map +0 -1
- package/dist/cjs/Checkbox.cjs.map +0 -1
- package/dist/cjs/CheckboxGroup.cjs.map +0 -1
- package/dist/cjs/DataTable/index.cjs +0 -20
- package/dist/cjs/DataTable/index.cjs.map +0 -1
- package/dist/cjs/DatePickers/index.cjs +0 -39
- package/dist/cjs/DatePickers/index.cjs.map +0 -1
- package/dist/cjs/FileUploader/index.cjs +0 -17
- package/dist/cjs/FileUploader/index.cjs.map +0 -1
- package/dist/cjs/Pagination/index.cjs +0 -36
- package/dist/cjs/Pagination/index.cjs.map +0 -1
- package/dist/cjs/Radio.cjs.map +0 -1
- package/dist/cjs/RadioGroup.cjs.map +0 -1
- package/dist/cjs/labs/DataView/index.cjs +0 -60
- package/dist/cjs/labs/DataView/index.cjs.map +0 -1
- package/dist/cjs/labs/DatePickers/index.cjs +0 -17
- package/dist/cjs/labs/DatePickers/index.cjs.map +0 -1
- package/dist/cjs/labs/OdysseyPickers/index.cjs +0 -48
- package/dist/cjs/labs/OdysseyPickers/index.cjs.map +0 -1
- package/dist/cjs/labs/PageTemplate/index.cjs +0 -28
- package/dist/cjs/labs/PageTemplate/index.cjs.map +0 -1
- package/dist/cjs/theme/index.cjs +0 -17
- package/dist/cjs/theme/index.cjs.map +0 -1
- package/dist/cjs/ui-shell/AppSwitcher/index.cjs +0 -17
- package/dist/cjs/ui-shell/AppSwitcher/index.cjs.map +0 -1
- package/dist/cjs/ui-shell/SideNav/index.cjs +0 -40
- package/dist/cjs/ui-shell/SideNav/index.cjs.map +0 -1
- package/dist/cjs/ui-shell/TopNav/index.cjs +0 -17
- package/dist/cjs/ui-shell/TopNav/index.cjs.map +0 -1
- package/dist/cjs/web-component/removeGlobalStylesFromShadowDom.cjs.map +0 -1
- package/dist/esm/Buttons/index.js +0 -19
- package/dist/esm/Buttons/index.js.map +0 -1
- package/dist/esm/Checkbox.js.map +0 -1
- package/dist/esm/CheckboxGroup.js.map +0 -1
- package/dist/esm/DataTable/index.js +0 -15
- package/dist/esm/DataTable/index.js.map +0 -1
- package/dist/esm/DatePickers/index.js.map +0 -1
- package/dist/esm/FileUploader/index.js +0 -14
- package/dist/esm/FileUploader/index.js.map +0 -1
- package/dist/esm/Pagination/index.js +0 -16
- package/dist/esm/Pagination/index.js.map +0 -1
- package/dist/esm/Radio.js.map +0 -1
- package/dist/esm/RadioGroup.js.map +0 -1
- package/dist/esm/labs/DataView/index.js +0 -18
- package/dist/esm/labs/DataView/index.js.map +0 -1
- package/dist/esm/labs/DatePickers/index.js +0 -14
- package/dist/esm/labs/DatePickers/index.js.map +0 -1
- package/dist/esm/labs/OdysseyPickers/index.js +0 -17
- package/dist/esm/labs/OdysseyPickers/index.js.map +0 -1
- package/dist/esm/labs/PageTemplate/index.js +0 -15
- package/dist/esm/labs/PageTemplate/index.js.map +0 -1
- package/dist/esm/theme/index.js +0 -14
- package/dist/esm/theme/index.js.map +0 -1
- package/dist/esm/ui-shell/AppSwitcher/index.js +0 -14
- package/dist/esm/ui-shell/AppSwitcher/index.js.map +0 -1
- package/dist/esm/ui-shell/SideNav/index.js +0 -16
- package/dist/esm/ui-shell/SideNav/index.js.map +0 -1
- package/dist/esm/ui-shell/TopNav/index.js +0 -14
- package/dist/esm/ui-shell/TopNav/index.js.map +0 -1
- package/dist/esm/web-component/removeGlobalStylesFromShadowDom.js.map +0 -1
- package/dist/index.cjs +0 -231
- package/dist/index.mjs +0 -229
- package/dist/index.scss +0 -549
- package/dist/types/Buttons/index.d.ts +0 -18
- package/dist/types/Buttons/index.d.ts.map +0 -1
- package/dist/types/Checkbox.d.ts.map +0 -1
- package/dist/types/CheckboxGroup.d.ts.map +0 -1
- package/dist/types/DataTable/index.d.ts +0 -15
- package/dist/types/DataTable/index.d.ts.map +0 -1
- package/dist/types/DatePickers/index.d.ts +0 -15
- package/dist/types/DatePickers/index.d.ts.map +0 -1
- package/dist/types/FileUploader/index.d.ts +0 -13
- package/dist/types/FileUploader/index.d.ts.map +0 -1
- package/dist/types/Pagination/index.d.ts +0 -15
- package/dist/types/Pagination/index.d.ts.map +0 -1
- package/dist/types/Radio.d.ts.map +0 -1
- package/dist/types/RadioGroup.d.ts.map +0 -1
- package/dist/types/labs/DataView/index.d.ts +0 -18
- package/dist/types/labs/DataView/index.d.ts.map +0 -1
- package/dist/types/labs/DatePickers/index.d.ts +0 -13
- package/dist/types/labs/DatePickers/index.d.ts.map +0 -1
- package/dist/types/labs/OdysseyPickers/index.d.ts +0 -16
- package/dist/types/labs/OdysseyPickers/index.d.ts.map +0 -1
- package/dist/types/labs/PageTemplate/index.d.ts +0 -14
- package/dist/types/labs/PageTemplate/index.d.ts.map +0 -1
- package/dist/types/theme/index.d.ts +0 -13
- package/dist/types/theme/index.d.ts.map +0 -1
- package/dist/types/ui-shell/AppSwitcher/index.d.ts +0 -13
- package/dist/types/ui-shell/AppSwitcher/index.d.ts.map +0 -1
- package/dist/types/ui-shell/SideNav/index.d.ts +0 -15
- package/dist/types/ui-shell/SideNav/index.d.ts.map +0 -1
- package/dist/types/ui-shell/TopNav/index.d.ts +0 -13
- package/dist/types/ui-shell/TopNav/index.d.ts.map +0 -1
- package/dist/types/web-component/removeGlobalStylesFromShadowDom.d.ts.map +0 -1
package/dist/assets/{DataTable _labs_.stories-DrwT0H9g.js → DataTable _labs_.stories-C9Tljg4U.js }
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{f as K}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{f as K}from"./index-BJMTVygn.js";import{r as s}from"./index-NdkWRN8K.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{d as U,c as X,f as Z,r as ee}from"./personData-BYPP3apv.js";import{p as oe}from"./constants-CyailK6t.js";import{M as D}from"./DataView-C5rMFmwA.js";import{M as u}from"./MenuItem-CmSG6PNu.js";import{M as te}from"./Box-1mvP3NLW.js";import{M as d}from"./Button-BEA5U6Tg.js";import{M as f}from"./EmptyState-CpBEzmap.js";import{d as ae}from"./constants-CGUp4oSR.js";import{M as ne,a as se}from"./Refresh-DexPEklu.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -8,7 +8,7 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{f as K}from"./index-BJMTVyg
|
|
|
8
8
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const ie=({additionalActionButton:t,additionalActionMenuItems:e,bulkActionMenuItems:i,columns:n,currentPage:r,emptyPlaceholder:a,errorMessage:l,filters:I,getData:x,hasChangeableDensity:m,hasColumnResizing:h,hasColumnVisibility:g,initialDensity:b,hasFilters:T,hasPagination:j,hasRowReordering:B,hasRowSelection:O,hasSearch:N,hasSearchSubmitButton:k,hasSorting:R,isLoading:L,isEmpty:v,isNoResults:E,isPaginationMoreDisabled:z,isRowReorderingDisabled:Y,maxResultsPerPage:F,maxPages:V,noResultsPlaceholder:H,onChangeRowSelection:_,paginationType:$,renderDetailPanel:p,resultsPerPage:W,rowActionButtons:y,rowActionMenuItems:P,searchDelayTime:q,totalRows:G})=>{const J=s.useMemo(()=>({columns:n,hasChangeableDensity:m,hasColumnResizing:h,hasColumnVisibility:g,hasSorting:R,initialDensity:b,renderDetailPanel:p,rowActionButtons:y,rowActionMenuItems:P}),[n,m,h,g,R,b,p,y,P]);return o.jsx(D,{additionalActionButton:t,additionalActionMenuItems:e,availableLayouts:["table"],bulkActionMenuItems:i,currentPage:r,emptyPlaceholder:a,errorMessage:l,filters:I,getData:x,hasFilters:T,hasPagination:j,hasRowReordering:B,hasRowSelection:O,hasSearch:N,hasSearchSubmitButton:k,isEmpty:v,isLoading:L,isNoResults:E,isPaginationMoreDisabled:z,isRowReorderingDisabled:Y,maxPages:V,maxResultsPerPage:F,noResultsPlaceholder:H,onChangeRowSelection:_,paginationType:$,resultsPerPage:W,searchDelayTime:q,tableLayoutOptions:J,totalRows:G})},C=s.memo(ie);C.displayName="DataTable";const re={component:D,decorators:[Q],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasRowReordering:{control:"boolean",table:{type:{summary:""}}},isRowReorderingDisabled:{control:"boolean"},onReorderRows:{table:{type:{summary:""}}},hasRowSelection:{control:"boolean"},onChangeRowSelection:{},bulkActionMenuItems:{},hasPagination:{control:"boolean"},currentPage:{control:"number"},paginationType:{control:"select",options:
|
|
11
|
+
*/const ie=({additionalActionButton:t,additionalActionMenuItems:e,bulkActionMenuItems:i,columns:n,currentPage:r,emptyPlaceholder:a,errorMessage:l,filters:I,getData:x,hasChangeableDensity:m,hasColumnResizing:h,hasColumnVisibility:g,initialDensity:b,hasFilters:T,hasPagination:j,hasRowReordering:B,hasRowSelection:O,hasSearch:N,hasSearchSubmitButton:k,hasSorting:R,isLoading:L,isEmpty:v,isNoResults:E,isPaginationMoreDisabled:z,isRowReorderingDisabled:Y,maxResultsPerPage:F,maxPages:V,noResultsPlaceholder:H,onChangeRowSelection:_,paginationType:$,renderDetailPanel:p,resultsPerPage:W,rowActionButtons:y,rowActionMenuItems:P,searchDelayTime:q,totalRows:G})=>{const J=s.useMemo(()=>({columns:n,hasChangeableDensity:m,hasColumnResizing:h,hasColumnVisibility:g,hasSorting:R,initialDensity:b,renderDetailPanel:p,rowActionButtons:y,rowActionMenuItems:P}),[n,m,h,g,R,b,p,y,P]);return o.jsx(D,{additionalActionButton:t,additionalActionMenuItems:e,availableLayouts:["table"],bulkActionMenuItems:i,currentPage:r,emptyPlaceholder:a,errorMessage:l,filters:I,getData:x,hasFilters:T,hasPagination:j,hasRowReordering:B,hasRowSelection:O,hasSearch:N,hasSearchSubmitButton:k,isEmpty:v,isLoading:L,isNoResults:E,isPaginationMoreDisabled:z,isRowReorderingDisabled:Y,maxPages:V,maxResultsPerPage:F,noResultsPlaceholder:H,onChangeRowSelection:_,paginationType:$,resultsPerPage:W,searchDelayTime:q,tableLayoutOptions:J,totalRows:G})},C=s.memo(ie);C.displayName="DataTable";const re={component:D,decorators:[Q],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasRowReordering:{control:"boolean",table:{type:{summary:""}}},isRowReorderingDisabled:{control:"boolean"},onReorderRows:{table:{type:{summary:""}}},hasRowSelection:{control:"boolean"},onChangeRowSelection:{},bulkActionMenuItems:{},hasPagination:{control:"boolean"},currentPage:{control:"number"},paginationType:{control:"select",options:oe},resultsPerPage:{control:"number"},totalRows:{control:"number"},hasFilters:{control:"boolean"},hasSearch:{control:"boolean"},hasSearchSubmitButton:{control:"boolean"},filters:{},searchDelayTime:{control:"number"},errorMessage:{control:"text"},emptyPlaceholder:{},noResultsPlaceholder:{},columns:{},initialDensity:{control:"select",options:ae},hasChangeableDensity:{control:"boolean"},hasColumnResizing:{control:"boolean"},hasColumnVisibility:{control:"boolean"},renderDetailPanel:{},rowActionButtons:{},tableRowActionMenuItems:{},hasSorting:{control:"boolean"},isLoading:{control:"boolean"},isEmpty:{control:"boolean"},isNoResults:{control:"boolean"},isPaginationMoreDisabled:{control:"boolean",description:"If true, the pagination next or show more button will be disabled.",table:{type:{summary:"boolean"}}},hasCustomEmptyPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom empty placeholder?"},hasCustomNoResultsPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom 'no results' placeholder?"},hasActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has action menu items?"},hasActionButtons:{control:"boolean",name:"[STORY ONLY] Has action buttons in table view?"},hasAdditionalActionButton:{control:"boolean",name:"[STORY ONLY] Has additional action button?"},hasAdditionalActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has additional action menu items?"}},args:{onChangeRowSelection:K()}},le=(t,e)=>{const i=s.useCallback(({...a})=>Z({data:t,...a}),[t]),n=s.useCallback(({...a})=>{const l=ee({data:t,...a});e(l)},[t,e]),r=s.useCallback(a=>{Object.keys(a).length>0&&console.log(`${Object.keys(a).length} selected`)},[]);return{getData:i,onReorderRows:n,onChangeRowSelection:r}},S=t=>o.jsxs(o.Fragment,{children:[o.jsx(u,{onClick:()=>console.log(t),children:"Action 1"}),o.jsx(u,{onClick:()=>console.log(t),children:"Action 2"})]}),ce=()=>o.jsxs(te,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[o.jsx(d,{ariaLabel:"Pause",endIcon:o.jsx(ne,{}),size:"small",variant:"floating"}),o.jsx(d,{ariaLabel:"Refresh",endIcon:o.jsx(se,{}),size:"small",variant:"floating"})]}),de=o.jsx(d,{label:"Add widget",variant:"primary"}),ue=o.jsxs(o.Fragment,{children:[o.jsx(u,{onClick:()=>console.log("Action 1"),children:"Action 1"}),o.jsx(u,{onClick:()=>console.log("Action 2"),children:"Action 2"})]}),me=o.jsx(f,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:o.jsx(d,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(d,{label:"Secondary",variant:"secondary"})}),he=o.jsx(f,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),c={render:function(e){const[i,n]=s.useState(U),{getData:r,onReorderRows:a,onChangeRowSelection:l}=le(i,n);return o.jsx(C,{additionalActionButton:e.hasAdditionalActionButton?de:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?ue:void 0,bulkActionMenuItems:e.hasActionMenuItems?S:void 0,columns:X,currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?me:void 0,errorMessage:e.errorMessage,getData:r,hasChangeableDensity:e.hasChangeableDensity,hasColumnResizing:e.hasColumnResizing,hasColumnVisibility:e.hasColumnVisibility,hasFilters:e.hasFilters,hasPagination:e.hasPagination,hasRowReordering:e.hasRowReordering,hasRowSelection:e.hasRowSelection,hasSearch:e.hasSearch,hasSearchSubmitButton:e.hasSearchSubmitButton,hasSorting:e.hasSorting,initialDensity:e.initialDensity,isEmpty:e.isEmpty,isLoading:e.isLoading,isNoResults:e.isNoResults,isRowReorderingDisabled:e.isRowReorderingDisabled,noResultsPlaceholder:e.hasCustomNoResultsPlaceholder?he:void 0,onChangeRowSelection:l,onReorderRows:a,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,rowActionButtons:e.hasActionButtons?ce:void 0,rowActionMenuItems:e.hasActionMenuItems?S:void 0,searchDelayTime:e.searchDelayTime,totalRows:e.totalRows})}};var A,M,w;c.parameters={...c.parameters,docs:{...(A=c.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
12
12
|
render: function C(args) {
|
|
13
13
|
const [data, setData] = useState<Person[]>(personData);
|
|
14
14
|
const {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as s,T as l,S as d,D as c,C as a}from"./index-DLgQDw3r.js";import{D as o,a as h,A as p,E as m,C as u,F as f,b as x}from"./DataTable.stories-tcZyd507.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./personData-CRkmqebZ.js";import"./Status-BlOUycBm.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Button-BEA5U6Tg.js";import"./BaseButton-DYZHKnV3.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./ArrowRight-ChWYjNny.js";import"./DataTable-XayRBHyP.js";import"./index.esm-DTxqsiYY.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./List-CmjR1pNu.js";import"./ownerWindow-HkKU3E4x.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Paper-D-_O-EjU.js";import"./CircularProgress-HbIdZLBB.js";import"./DialogContent-Cwn-I-C_.js";import"./Fade-dUgBN8rJ.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-ZEPlxVw-.js";import"./DialogTitle-C-K7jEio.js";import"./Menu-K9lpVvDG.js";import"./MenuList-BMOesnfs.js";import"./colorManipulator-DKifQsuo.js";import"./IconButton-5qShmnSr.js";import"./Radio-B4gVvwps.js";import"./SwitchBase-CefEM0OA.js";import"./Checkbox-vZwuXtzm.js";import"./useMobilePicker-DZhX9dEQ.js";import"./Select-DZTigpTO.js";import"./ArrowDropDown-DdemyKZU.js";import"./InputBase-DeB4_faH.js";import"./FormHelperText-CsNAE1E3.js";import"./useThemeProps-BPvYx-mf.js";import"./InputAdornment-CdR3XT6f.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-vhp8G-Nb.js";import"./Collapse-DfdoVIdP.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./Close-OXBt1nIe.js";import"./Skeleton-BPjIT6NG.js";import"./Divider-Ln3VaO81.js";import"./Autocomplete-CxtGbb8j.js";import"./ListSubheader-CQJAAOsd.js";import"./tableSortLabelClasses-CkKrbp1R.js";import"./FormControlLabel-0BBemR80.js";import"./DateTimePicker-B7a9bgL6.js";import"./Tabs-CQz87GHd.js";import"./DatePicker-BwDkz3WT.js";import"./MenuButton-B3T7c15t.js";import"./BaseMenuButton-BIietjUB.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";import"./Callout-FZxPpigF.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";import"./EmptyState-CpBEzmap.js";import"./DataFilters-BnT_U3-o.js";import"./Autocomplete-Cpi_kUVA.js";import"./useAutocomplete-BRetTkpF.js";import"./index.esm-CBOWgn41.js";import"./Field-DH3L8v09.js";import"./ScreenReaderText-CebALBsG.js";import"./FieldHint-B3Jif_Up.js";import"./inputUtils-Dbi8XkA6.js";import"./Checkbox-DPv3Q9UW.js";import"./Hint-DoJneNg9.js";import"./CheckboxGroup-Be66QML5.js";import"./FormGroup-HFkGZ983.js";import"./Radio-BdNnpooK.js";import"./RadioGroup-BYJZ378_.js";import"./RadioGroup-CtUWSbQc.js";import"./SearchField-BdnOrhVM.js";import"./Search-C5TVrLyE.js";import"./Tag-DwH0t814.js";import"./TagList-BZGEhGXn.js";import"./TextField-BhK0y2Zt.js";import"./Filter-DsDJ7si-.js";import"./ChevronRight-C12ToI7Y.js";import"./Pagination-CB1wBW8Q.js";import"./MenuItem-CmSG6PNu.js";import"./List-UlX1tusJ.js";import"./Show-BnmQFsN6.js";import"./useScrollIndication-mYI-g6xa.js";function i(n){const t={a:"a",code:"code",del:"del",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:o}),`
|
|
2
2
|
`,e.jsx(l,{of:o}),`
|
|
3
3
|
`,e.jsx(d,{of:o}),`
|
|
4
4
|
`,e.jsx(c,{of:o}),`
|
|
@@ -401,4 +401,4 @@ and then call them from within, passing the table data in at the same time.`]}),
|
|
|
401
401
|
`,e.jsxs(t.li,{children:[e.jsx(t.code,{children:"onRowSelectionChange"})," is now ",e.jsx(t.code,{children:"onChangeRowSelection"})]}),`
|
|
402
402
|
`,e.jsxs(t.li,{children:[e.jsx(t.code,{children:"reorderDataFn"})," is now ",e.jsx(t.code,{children:"onReorderRows"})]}),`
|
|
403
403
|
`,e.jsxs(t.li,{children:["Within ",e.jsx(t.code,{children:"reorderDataFn"}),", the param ",e.jsx(t.code,{children:"newIndex"})," is now ",e.jsx(t.code,{children:"newRowIndex"})]}),`
|
|
404
|
-
`]})]})}function
|
|
404
|
+
`]})]})}function zt(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{zt as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{K as A,T as V,u as ma,h as ua,N as ga}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{u as pa,a as fa}from"./index.esm-DTxqsiYY.js";import{r as a}from"./index-NdkWRN8K.js";import{M as I}from"./Box-1mvP3NLW.js";import{M as xa}from"./Button-BEA5U6Tg.js";import{M as H}from"./MenuButton-B3T7c15t.js";import{M as ha}from"./Callout-FZxPpigF.js";import{M as Ca}from"./EmptyState-CpBEzmap.js";import{M as Sa}from"./DataFilters-BnT_U3-o.js";import{u as Ta,M as ya}from"./Pagination-CB1wBW8Q.js";import{M as w}from"./MenuItem-CmSG6PNu.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{B as ja}from"./Box-BcMTQ_R2.js";import{M as Ia,a as Ma,b as Ce,c as Da,d as za,e as he,f as ka}from"./List-UlX1tusJ.js";import{M as $}from"./More-DLQ2RjWn.js";import{C as va}from"./Checkbox-vZwuXtzm.js";import{M as wa}from"./Show-BnmQFsN6.js";import{u as Ea,a as Fa}from"./useScrollIndication-mYI-g6xa.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
|
*
|
|
@@ -8,7 +8,7 @@ import{J as A,T as V,u as ma,s as ua,N as ga}from"./OdysseyThemeProvider-BBwjgzn
|
|
|
8
8
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const Se=["comfortable","spacious","compact"],Ba=({row:t,rowIndex:r,rowActionButtons:o,rowActionMenuItems:c,totalRows:b,updateRowOrder:i})=>{const{t:p}=A(),f=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:0})},[t.id,i]),x=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:Math.max(0,r-1)})},[t.id,r,i]),E=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:r+1})},[t.id,r,i]),M=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:b?b-1:r})},[t.id,r,b,i]);return e.jsxs(
|
|
11
|
+
*/const Se=["comfortable","spacious","compact"],Ba=({row:t,rowIndex:r,rowActionButtons:o,rowActionMenuItems:c,totalRows:b,updateRowOrder:i})=>{const{t:p}=A(),f=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:0})},[t.id,i]),x=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:Math.max(0,r-1)})},[t.id,r,i]),E=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:r+1})},[t.id,r,i]),M=a.useCallback(()=>{i&&i({rowId:t.id,newRowIndex:b?b-1:r})},[t.id,r,b,i]);return e.jsxs(ja,{display:"flex",children:[o==null?void 0:o(t),(c||i)&&e.jsxs(H,{ariaLabel:p("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:e.jsx($,{}),menuAlignment:"right",size:"small",children:[c&&e.jsx(e.Fragment,{children:c(t)}),c&&i&&e.jsx("hr",{}),i&&e.jsxs(e.Fragment,{children:[e.jsxs(w,{isDisabled:r<=0,onClick:f,children:[e.jsx(Ia,{})," ",e.jsx(V,{i18nKey:"table.reorder.tofront"})]}),e.jsxs(w,{isDisabled:r<=0,onClick:x,children:[e.jsx(Ma,{})," ",e.jsx(V,{i18nKey:"table.reorder.forward"})]}),e.jsxs(w,{isDisabled:b?r>=b-1:!1,onClick:E,children:[e.jsx(Ce,{})," ",e.jsx(V,{i18nKey:"table.reorder.backward"})]}),b&&e.jsxs(w,{isDisabled:r>=b-1,onClick:M,children:[e.jsx(Da,{})," ",e.jsx(V,{i18nKey:"table.reorder.toback"})]})]})]})]})},Te=a.memo(Ba);Te.displayName="DataTableRowActions";const Pa=({hasChangeableDensity:t,rowDensity:r,setRowDensity:o,hasColumnVisibility:c,columns:b,columnVisibility:i,setColumnVisibility:p})=>{const{t:f}=A(),x=a.useCallback(l=>S=>{o(l)},[o]),E=a.useCallback(l=>S=>{p(g=>({...g,[l]:g?g[l]===!1:!1}))},[p]),M=a.useMemo(()=>b.reduce((l,S)=>{const g=i?i[S.accessorKey]!==!1:!0;return l[S.accessorKey]=g,l},{}),[b,i]);return e.jsxs(e.Fragment,{children:[t&&e.jsx(H,{ariaLabel:f("table.density.arialabel"),endIcon:e.jsx(za,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:e.jsx(e.Fragment,{children:Se.map(l=>e.jsx(w,{isSelected:r===l,onClick:x(l),children:f(`table.density.${l}`)},l))})}),c&&e.jsx(H,{ariaLabel:f("table.columnvisibility.arialabel"),endIcon:e.jsx(wa,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:e.jsx(e.Fragment,{children:b.filter(l=>l.enableHiding!==!1).map(l=>e.jsxs(w,{onClick:E(l.id),children:[e.jsx(va,{checked:M[l.accessorKey]}),l.header]},l.accessorKey))})})]})},ye=a.memo(Pa);ye.displayName="DataTableSettings";/*!
|
|
12
12
|
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
13
13
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
14
14
|
*
|
|
@@ -18,4 +18,4 @@ import{J as A,T as V,u as ma,s as ua,N as ga}from"./OdysseyThemeProvider-BBwjgzn
|
|
|
18
18
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
19
|
*
|
|
20
20
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
21
|
-
*/const Ha=ua("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isScrollableStart"&&t!=="isScrollableEnd"})(({odysseyDesignTokens:t,isScrollableStart:r,isScrollableEnd:o})=>({marginBlockEnd:t.Spacing4,position:"relative",borderInlineStartColor:r?t.HueNeutral200:"transparent",borderInlineStartStyle:"solid",borderInlineStartWidth:t.BorderWidthMain,"::before":{background:"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:r?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,width:t.Spacing6,zIndex:100,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`},borderInlineEndColor:o?t.HueNeutral200:"transparent",borderInlineEndStyle:"solid",borderInlineEndWidth:t.BorderWidthMain,"::after":{background:"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:o?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,width:t.Spacing6,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`}})),
|
|
21
|
+
*/const Ha=ua("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isScrollableStart"&&t!=="isScrollableEnd"})(({odysseyDesignTokens:t,isScrollableStart:r,isScrollableEnd:o})=>({marginBlockEnd:t.Spacing4,position:"relative",borderInlineStartColor:r?t.HueNeutral200:"transparent",borderInlineStartStyle:"solid",borderInlineStartWidth:t.BorderWidthMain,"::before":{background:"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:r?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,width:t.Spacing6,zIndex:100,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`},borderInlineEndColor:o?t.HueNeutral200:"transparent",borderInlineEndStyle:"solid",borderInlineEndWidth:t.BorderWidthMain,"::after":{background:"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:o?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,width:t.Spacing6,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`}})),Ka=t=>t.id,Na=({additionalActionButton:t,additionalActionMenuItems:r,bulkActionMenuItems:o,columns:c,currentPage:b=1,emptyPlaceholder:i,errorMessage:p,filters:f,getData:x,getRowId:E=Ka,hasChangeableDensity:M,hasColumnResizing:l,hasColumnVisibility:S,hasFilters:g,hasPagination:je,hasRowReordering:T,hasRowSelection:Ie,hasSearch:q,hasSearchSubmitButton:Me,hasSorting:De,initialDensity:ze=Se[0],initialSearchValue:J="",isPaginationMoreDisabled:ke,noResultsPlaceholder:Q,onChangeRowSelection:K,onReorderRows:h,paginationType:X="paged",renderDetailPanel:ve,resultsPerPage:_=20,maxResultsPerPage:we,maxPages:Ee,rowActionButtons:D,rowActionMenuItems:F,searchDelayTime:Fe,selectedRows:Be,totalRows:B})=>{const{t:m}=A(),[z,Y]=a.useState([]),[d,Z]=a.useState({pageIndex:b,pageSize:_}),[y,Pe]=a.useState(),[He,Ke]=a.useState(!0),[Ne,We]=a.useState(!0),[R,Le]=a.useState("100%"),ee=a.useRef(null),ae=a.useRef(null),Ve=a.useRef(null),[P,$e]=a.useState([]),[ne,_e]=a.useState(),[N,Ge]=a.useState(ze),[k,Oe]=a.useState(J),[j,Ue]=a.useState(),[G,Ae]=a.useState(),[qe,te]=a.useState(!0),[W,Je]=a.useState(),[se,ie]=a.useState(p),[Qe,Xe]=a.useState({}),v=Be||Qe;Ea({tableOuterContainer:ee.current,tableInnerContainer:ae.current,setIsTableContainerScrolledToStart:Ke,setIsTableContainerScrolledToEnd:We,setTableInnerContainerWidth:Le});const O=ma(),{dragHandleStyles:le,dragHandleText:re,draggableTableBodyRowClassName:oe,handleDragHandleKeyDown:ce,handleDragHandleOnDragCapture:de,handleDragHandleOnDragEnd:be,resetDraggingAndHoveredRow:me,updateRowOrder:ue}=Fa({totalRows:B,onReorderRows:h,data:z,setData:Y,draggingRow:y,setDraggingRow:Pe,resultsPerPage:d.pageSize,page:d.pageIndex}),ge=a.useMemo(()=>N==="spacious"?"MuiTableBody-spacious":N==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[N]),Ye=a.useCallback(({row:n})=>{const s=n.index+(d.pageIndex-1)*d.pageSize;return e.jsx(Te,{row:n,rowActionButtons:D,rowActionMenuItems:F,rowIndex:s,totalRows:B,updateRowOrder:T&&h?ue:void 0})},[d,D,F,T,h,B,ue]),pe=a.useCallback(n=>n==null?void 0:n.map(s=>typeof s=="string"?{label:s,value:s}:{label:s.label??s.value,value:s.value??s.label}),[]),U=a.useCallback(n=>n.enableColumnFilter!==!1&&n.accessorKey?{id:n.accessorKey,label:n.header,variant:n.filterVariant,options:pe(n.filterSelectOptions)}:null,[pe]),Ze=a.useMemo(()=>(f||c).reduce((s,u)=>{if(typeof u=="string"){const C=c.find(L=>L.accessorKey===u);if(C){const L=U(C);if(L)return s.concat(L)}}else if("accessorKey"in u){const C=U(u);if(C)return s.concat(C)}else if("label"in u)return s.concat(u);return s},[]),[c,f,U]),Re=a.useCallback(({cell:n})=>{const s=n.getValue();return n.column.columnDef.hasTextWrapping||n.column.columnDef.enableWrapping?s:e.jsx(I,{sx:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},children:s})},[]),ea=a.useCallback(()=>{const n=Q||e.jsx(Ca,{description:m("table.noresults.text"),heading:m("table.noresults.heading")}),s=i&&W?i:n;return e.jsx(I,{sx:{width:R},children:s})},[i,W,Q,m,R]),fe=a.useMemo(()=>c.map(n=>n.accessorKey),[c]),aa=a.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...fe,"mrt-row-actions"],[fe]),xe=a.useMemo(()=>!!(T===!0&&h||D||F),[T,h,D,F]),na=a.useCallback(()=>({className:ge}),[ge]),ta=a.useCallback(({column:n})=>({className:n.getIsResizing()?"isResizing":"",sx:{overflowWrap:"anywhere"}}),[]),sa=a.useCallback(({row:n})=>({sx:{paddingBlock:n.getIsExpanded()?`${O.Spacing3} !important`:void 0}}),[O.Spacing3]),ia=a.useCallback(({table:n,row:s,isDetailPanel:u})=>{var C;return{className:oe({currentRowId:s.id,draggingRowId:y==null?void 0:y.id,hoveredRowId:(C=n.getState().hoveredRow)==null?void 0:C.id}),sx:{...u&&{paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:"transparent !important"}}}}},[oe,y==null?void 0:y.id]),la=a.useCallback(({table:n,row:s})=>({onKeyDown:u=>ce({table:n,row:s,event:u}),onBlur:()=>me(n),onDragEnd:()=>be(n),onDragCapture:()=>de(n),sx:le,...re}),[le,re,ce,me,be,de]),ra=a.useCallback(({column:n})=>({className:P.find(s=>s.id===n.id)?"isSorted":"isUnsorted"}),[P]),oa=a.useMemo(()=>c.some(n=>n.grow===!0),[c]),ca=pa({columns:c,data:z,getRowId:E,state:{sorting:P,globalFilter:k,columnVisibility:ne,isLoading:qe,rowSelection:v,columnOrder:aa},icons:{ArrowDownwardIcon:Ce,DragHandleIcon:he,SyncAltIcon:ka,ExpandMoreIcon:ga},enableColumnActions:!1,enableColumnResizing:l,enableDensityToggle:!1,enableFilters:!1,enableFullScreenToggle:!1,enableGlobalFilter:!1,enableHiding:!1,enablePagination:!1,layoutMode:"grid-no-grow",manualFiltering:!0,manualSorting:!0,muiTablePaperProps:{elevation:0,sx:{overflow:"visible"}},selectAllMode:"all",displayColumnDefOptions:{"mrt-row-actions":{header:"",grow:!0,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:e.jsxs(I,{sx:{display:"flex",visibility:"hidden"},children:[D&&D({id:null}),(T&&h||F)&&e.jsx(I,{children:e.jsx(xa,{ariaLabel:m("table.moreactions.arialabel"),endIcon:e.jsx($,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}},"mrt-row-drag":{header:"",muiTableBodyCellProps:{sx:{minWidth:0,width:"auto"},className:"ods-drag-handle"},muiTableHeadCellProps:{sx:{minWidth:0,width:"auto"},children:e.jsx(I,{sx:{marginInline:"-0.1rem"},children:e.jsx(he,{sx:{marginInline:1,opacity:0}})})}},"mrt-row-select":{muiTableHeadCellProps:{padding:"checkbox"},muiTableBodyCellProps:{padding:"checkbox"}},"mrt-row-expand":{header:""}},muiTableBodyProps:na,defaultColumn:{Cell:Re},muiTableBodyCellProps:ta,enableRowOrdering:T&&!!h,enableRowDragging:T&&!!h,muiDetailPanelProps:sa,muiTableBodyRowProps:ia,muiRowDragHandleProps:la,enableRowActions:xe,positionActionsColumn:"last",renderRowActions:({row:n})=>Ye({row:n}),enableRowSelection:Ie,onRowSelectionChange:Xe,enableSorting:De,onSortingChange:$e,muiTableHeadCellProps:ra,enableRowVirtualization:X!=="loadMore"&&d.pageSize>50,rowVirtualizerInstanceRef:a.useRef(null),rowVirtualizerOptions:{overscan:4},renderEmptyRowsFallback:ea,muiTableProps:{ref:Ve,className:!xe&&l?oa?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:ae},enableExpandAll:!1,renderDetailPanel:ve}),da=a.useMemo(()=>e.jsx(e.Fragment,{children:e.jsx(H,{ariaLabel:"More actions",buttonVariant:"secondary",endIcon:e.jsx($,{}),isDisabled:Object.keys(v).length===0,children:o==null?void 0:o(v)})}),[o,v]);a.useEffect(()=>{(async()=>{te(!0),ie(p);try{const n=await(x==null?void 0:x({page:d.pageIndex,resultsPerPage:d.pageSize,search:k,filters:j,sort:P}));Y(n)}catch(n){ie(typeof n=="string"?n:m("table.error"))}finally{te(!1)}})()},[P,p,j,x,d,k,m]),a.useEffect(()=>{!G&&j&&Ae(j),Je(d.pageIndex===b&&d.pageSize===_&&k===""&&j===G&&z.length===0)},[j,d,k,z,b,G,_]),a.useEffect(()=>{Z(n=>({pageIndex:1,pageSize:n.pageSize}))},[j,k]),a.useEffect(()=>{K==null||K(v)},[v,K]);const{lastRow:ba}=Ta({currentRowsCount:z.length,pageIndex:d.pageIndex,pageSize:d.pageSize,totalRows:B});return e.jsxs(e.Fragment,{children:[(q||g||M||S||o||t||r)&&e.jsx(I,{sx:{marginBottom:5},children:e.jsx(Sa,{additionalActions:e.jsxs(e.Fragment,{children:[e.jsx(ye,{columns:c,columnVisibility:ne,hasChangeableDensity:M,hasColumnVisibility:S,rowDensity:N,setColumnVisibility:_e,setRowDensity:Ge}),o&&da,t,r&&e.jsx(H,{ariaLabel:m("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:e.jsx($,{}),menuAlignment:"right",children:r})]}),defaultSearchTerm:J,filters:g?Ze:void 0,hasSearchSubmitButton:Me,isDisabled:W,onChangeFilters:g?Ue:void 0,onChangeSearch:q?Oe:void 0,searchDelayTime:Fe})}),se&&e.jsx(I,{sx:{marginBlockEnd:2},children:e.jsx(ha,{severity:"error",text:se})}),e.jsx(Ha,{isScrollableEnd:!Ne,isScrollableStart:!He,odysseyDesignTokens:O,ref:ee,children:e.jsx(fa,{table:ca})}),je&&e.jsx(ya,{currentPageLabel:m("pagination.page"),currentRowsCount:z.length,isDisabled:W,isMoreDisabled:ke,lastRow:ba,loadMoreLabel:m("pagination.loadmore"),maxPageIndex:Ee,maxPageSize:we,nextLabel:m("pagination.next"),onPaginationChange:Z,pageIndex:d.pageIndex,pageSize:d.pageSize,previousLabel:m("pagination.previous"),rowsPerPageLabel:m("pagination.rowsperpage"),totalRows:B,variant:X})]})},Wa=a.memo(Na);Wa.displayName="DataTable";export{Wa as M,Se as d};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as we}from"./index-BJMTVygn.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Re}from"./OdysseyStorybookThemeDecorator-
|
|
1
|
+
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as we}from"./index-BJMTVygn.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Re}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{d as Se,c as xe}from"./personData-CRkmqebZ.js";import{M as Te}from"./Status-BlOUycBm.js";import{M as f}from"./Box-1mvP3NLW.js";import{M as p}from"./Button-BEA5U6Tg.js";import{d as $}from"./Typography-Cz6D417Y.js";import{M as ke,a as ve}from"./ArrowRight-ChWYjNny.js";import{d as E,M as h}from"./DataTable-XayRBHyP.js";import{M as V}from"./EmptyState-CpBEzmap.js";import{M as R}from"./MenuItem-CmSG6PNu.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{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as a,T as s,S as l,D as d,C as c}from"./index-DLgQDw3r.js";import{D as i,a as h}from"./DataView _labs_.stories-C_xQt04_.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./personData-BYPP3apv.js";import"./Status-BlOUycBm.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./constants-CyailK6t.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./EmptyState-CpBEzmap.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./Button-BEA5U6Tg.js";import"./BaseButton-DYZHKnV3.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./MenuItem-CmSG6PNu.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-vhp8G-Nb.js";import"./List-CmjR1pNu.js";import"./constants-CGUp4oSR.js";import"./DataView-C5rMFmwA.js";import"./MenuButton-B3T7c15t.js";import"./BaseMenuButton-BIietjUB.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./More-DLQ2RjWn.js";import"./Menu-K9lpVvDG.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./Callout-FZxPpigF.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./Close-OXBt1nIe.js";import"./IconButton-5qShmnSr.js";import"./useScrollIndication-mYI-g6xa.js";import"./Pagination-CB1wBW8Q.js";import"./ArrowRight-ChWYjNny.js";import"./InputBase-DeB4_faH.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./DataFilters-BnT_U3-o.js";import"./Autocomplete-Cpi_kUVA.js";import"./useAutocomplete-BRetTkpF.js";import"./index.esm-CBOWgn41.js";import"./Field-DH3L8v09.js";import"./ListItem-C0ExFtXb.js";import"./FormLabel-CiGre9wK.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-CxtGbb8j.js";import"./ArrowDropDown-DdemyKZU.js";import"./ListSubheader-CQJAAOsd.js";import"./Checkbox-DPv3Q9UW.js";import"./Hint-DoJneNg9.js";import"./FormControlLabel-0BBemR80.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Checkbox-vZwuXtzm.js";import"./SwitchBase-CefEM0OA.js";import"./CheckboxGroup-Be66QML5.js";import"./FormGroup-HFkGZ983.js";import"./Radio-BdNnpooK.js";import"./Radio-B4gVvwps.js";import"./RadioGroup-BYJZ378_.js";import"./RadioGroup-CtUWSbQc.js";import"./SearchField-BdnOrhVM.js";import"./InputAdornment-CdR3XT6f.js";import"./Search-C5TVrLyE.js";import"./Tag-DwH0t814.js";import"./TagList-BZGEhGXn.js";import"./TextField-BhK0y2Zt.js";import"./Filter-DsDJ7si-.js";import"./ChevronRight-C12ToI7Y.js";import"./CircularProgress-DPxwxglU.js";import"./CircularProgress-HbIdZLBB.js";import"./Card-C0RGIer3.js";import"./Skeleton-BPjIT6NG.js";import"./colorManipulator-DKifQsuo.js";import"./CardActions-BQdq7Bn0.js";import"./CardActionArea-DWrXZntI.js";import"./ChevronUp-CfT7Bz8X.js";import"./List-UlX1tusJ.js";import"./index.esm-DTxqsiYY.js";import"./DialogContent-Cwn-I-C_.js";import"./dialogActionsClasses-ZEPlxVw-.js";import"./DialogTitle-C-K7jEio.js";import"./useMobilePicker-DZhX9dEQ.js";import"./Select-DZTigpTO.js";import"./useThemeProps-BPvYx-mf.js";import"./Collapse-DfdoVIdP.js";import"./Divider-Ln3VaO81.js";import"./tableSortLabelClasses-CkKrbp1R.js";import"./DateTimePicker-B7a9bgL6.js";import"./Tabs-CQz87GHd.js";import"./DatePicker-BwDkz3WT.js";import"./Show-BnmQFsN6.js";import"./Refresh-DexPEklu.js";function o(t){const n={blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(a,{of:i}),`
|
|
2
2
|
`,e.jsx(s,{of:i}),`
|
|
3
3
|
`,e.jsx(l,{of:i}),`
|
|
4
4
|
`,e.jsx(d,{of:i}),`
|
|
@@ -329,4 +329,4 @@ perfect for things like an "Add row" button or a menu of actions that affect the
|
|
|
329
329
|
`,e.jsx(n.h2,{id:"customization",children:"Customization"}),`
|
|
330
330
|
`,e.jsxs(n.p,{children:["While the ",e.jsx(n.code,{children:"DataView"})," come with pre-styled elements matching the Okta Odyssey design system, you can further customize the appearance using the theming capabilities of Material-UI and Emotion styled components."]}),`
|
|
331
331
|
`,e.jsx(c,{of:h}),`
|
|
332
|
-
`,e.jsxs(n.p,{children:["Explore the stories in this Storybook to see more examples and configurations of the ",e.jsx(n.code,{children:"DataView"})," suite."]})]})}function
|
|
332
|
+
`,e.jsxs(n.p,{children:["Explore the stories in this Storybook to see more examples and configurations of the ",e.jsx(n.code,{children:"DataView"})," suite."]})]})}function et(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{et as default};
|
package/dist/assets/{DataView _labs_.stories-CXjSXDeF.js → DataView _labs_.stories-C_xQt04_.js }
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-CnH95YSl.js";import{a as H}from"./index-B-lxVbXh.js";import{f as na}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{O as oa}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{d as m,c as p,f as sa,r as ra}from"./personData-zrA1iJih.js";import{d as ia,a as U}from"./constants-CGUp4oSR.js";import{p as la}from"./constants-CyailK6t.js";import{M as c}from"./DataView-CYkwjPzk.js";import{M as b}from"./Box-BGpAHVQV.js";import{M as q}from"./EmptyState-9pxLjmqH.js";import{M as u}from"./Button-DGmXZ3jw.js";import{M as R}from"./MenuItem-n-UKDxiu.js";import{M as ua,a as ca}from"./Refresh-GVzSl4pN.js";import{M as da}from"./Status-BpzpxYZ-.js";const ma={component:c,decorators:[oa],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasRowReordering:{control:"boolean",table:{type:{summary:""}}},isRowReorderingDisabled:{control:"boolean"},onReorderRows:{table:{type:{summary:""}}},hasRowSelection:{control:"boolean"},onChangeRowSelection:{},bulkActionMenuItems:{},hasPagination:{control:"boolean"},currentPage:{control:"number"},metaText:{control:"text"},paginationType:{control:"select",options:la},resultsPerPage:{control:"number"},totalRows:{control:"number"},hasFilters:{control:"boolean"},hasSearch:{control:"boolean"},hasSearchSubmitButton:{control:"boolean"},filters:{},searchDelayTime:{control:"number"},enableVirtualization:{control:"boolean"},errorMessage:{control:"text"},emptyPlaceholder:{},noResultsPlaceholder:{},initialLayout:{control:"select",options:U},availableLayouts:{control:"check",options:U},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:ia,name:"tableLayoutOptions.columns"},hasChangeableDensity:{control:"boolean",name:"tableLayoutOptions.hasChangeableDensity"},hasColumnResizing:{control:"boolean",name:"tableLayoutOptions.hasColumnResizing"},hasColumnVisibility:{control:"boolean",name:"tableLayoutOptions.hasColumnVisibility"},renderDetailPanel:{name:"tableLayoutOptions.renderDetailPanel"},rowActionButtons:{name:"tableLayoutOptions.rowActionButtons"},tableRowActionMenuItems:{name:"tableLayoutOptions.rowActionMenuItems"},hasSorting:{control:"boolean",name:"tableLayoutOptions.hasSorting"},itemProps:{name:"cardLayoutOptions.itemProps"},maxGridColumns:{control:"number",name:"cardLayoutOptions.maxGridColumns"},cardRowActionMenuItems:{name:"cardLayoutOptions.rowActionMenuItems"},isLoading:{control:"boolean"},isEmpty:{control:"boolean"},isNoResults:{control:"boolean"},isPaginationMoreDisabled:{control:"boolean",description:"If true, the pagination next or show more button will be disabled.",table:{type:{summary:"boolean"}}},hasCustomEmptyPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom empty placeholder?"},hasCustomNoResultsPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom 'no results' placeholder?"},hasActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has action menu items?"},hasActionButtons:{control:"boolean",name:"[STORY ONLY] Has action buttons in table view?"},hasAdditionalActionButton:{control:"boolean",name:"[STORY ONLY] Has additional action button?"},hasAdditionalActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has additional action menu items?"}},args:{availableLayouts:["table","list","grid"],currentPage:1,hasActionButtons:!1,hasActionMenuItems:!1,hasCustomEmptyPlaceholder:!1,hasCustomNoResultsPlaceholder:!1,maxGridColumns:3,onChangeRowSelection:na(),paginationType:"paged",resultsPerPage:20},render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s);return a.jsx(c,{additionalActionButton:e.hasAdditionalActionButton?ga:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?ya:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?G:void 0,cardLayoutOptions:{itemProps:ta,rowActionMenuItems:e.hasActionMenuItems?G:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?Ca:void 0,enableVirtualization:e.enableVirtualization,errorMessage:e.errorMessage,getData:r,hasFilters:e.hasFilters,hasPagination:e.hasPagination,hasRowReordering:e.hasRowReordering,hasRowSelection:e.hasRowSelection,hasSearch:e.hasSearch,hasSearchSubmitButton:e.hasSearchSubmitButton,initialLayout:e.initialLayout,isEmpty:e.isEmpty,isLoading:e.isLoading,isNoResults:e.isNoResults,isPaginationMoreDisabled:e.isPaginationMoreDisabled,isRowReorderingDisabled:e.isRowReorderingDisabled,metaText:e.metaText,noResultsPlaceholder:e.hasCustomNoResultsPlaceholder?Da:void 0,onChangeRowSelection:l,onReorderRows:i,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:p,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?G:void 0,rowActionButtons:e.hasActionButtons?ba:void 0,renderDetailPanel:void 0,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},D=H("onClick"),Y=["table"],_=["list"],ha=["grid"],pa=["table","grid"],h=(n,e)=>{const o=t.useCallback(({...i})=>sa({data:n,...i}),[n]),s=t.useCallback(({...i})=>{const l=ra({data:n,...i});e(l)},[n,e]),r=t.useCallback(i=>{Object.keys(i).length>0&&H("onChangeRowSelection")(`${Object.keys(i).length} selected`)},[]);return{getData:o,onReorderRows:s,onChangeRowSelection:r}},ga=a.jsx(u,{label:"Add widget",variant:"primary"}),ya=a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Additional action 1"}),a.jsx(R,{onClick:D,children:"Additional action 2"})]}),G=()=>a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Action 1"}),a.jsx(R,{onClick:D,children:"Action 2"})]}),ba=()=>a.jsxs(b,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[a.jsx(u,{ariaLabel:"Pause",endIcon:a.jsx(ua,{}),onClick:D,size:"small",variant:"floating"}),a.jsx(u,{ariaLabel:"Refresh",endIcon:a.jsx(ca,{}),onClick:D,size:"small",variant:"floating"})]}),Ca=a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),Da=a.jsx(q,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),ta=n=>({overline:`${n.city}, ${n.state}`,title:n.name,description:`${n.name} is ${n.age} years old.`,children:a.jsx(da,{label:n.risk.charAt(0).toUpperCase()+n.risk.slice(1),severity:n.risk==="low"?"success":n.risk==="medium"?"warning":"error"})}),w={args:{}},P={args:{availableLayouts:Y}},x={args:{availableLayouts:["list","grid"]}},A={args:{availableLayouts:_}},O={args:{availableLayouts:ha}},v={args:{hasRowReordering:!0,hasPagination:!0,hasFilters:!0,hasSearch:!0,hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!0,hasSorting:!0,hasActionButtons:!0,hasActionMenuItems:!0,hasRowSelection:!0,hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0,metaText:"Last updated 12 hours ago"}},M={render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s),d=t.useCallback(({row:y})=>a.jsxs(b,{children:["This is additional content for row ",y.id]}),[]),g=t.useMemo(()=>({columns:p,renderDetailPanel:d}),[d]);return a.jsx(c,{availableLayouts:pa,cardLayoutOptions:{itemProps:ta,renderDetailPanel:d},getData:r,hasRowSelection:e.hasRowSelection,onChangeRowSelection:l,onReorderRows:i,tableLayoutOptions:g})}},I={render:function(){const e=t.useCallback(()=>{const s=[];return Array(10).fill(null).forEach(()=>{s.push({truncated:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum.",wrapped:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum."})}),s},[]),o=t.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnResizing:!0}),[]);return a.jsx(c,{getData:e,tableLayoutOptions:o})}},k={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{onReorderRows:g,onChangeRowSelection:y}=h(l,d),C=t.useMemo(()=>a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,emptyPlaceholder:C,getData:()=>[],onChangeRowSelection:y,onReorderRows:g,tableLayoutOptions:f})}},j={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y}=h(l,d),C=t.useMemo(()=>[...p,{id:"startLetter",label:"Name starting with...",render:L=>a.jsxs(b,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Vowel",onClick:()=>L({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Consonant",onClick:()=>L({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Any",onClick:()=>L({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:C,getData:g,onReorderRows:y,tableLayoutOptions:f})}},V={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y,onChangeRowSelection:C}=h(l,d),f=t.useMemo(()=>[...p.filter(S=>S.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:S=>a.jsxs(b,{children:[a.jsx(u,{label:"🛰️ Vowel",onClick:()=>S({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),a.jsx(u,{label:"🛸 Consonant",onClick:()=>S({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),a.jsx(u,{label:"🤷♂️ Any",onClick:()=>S({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),L=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:f,getData:g,onChangeRowSelection:C,onReorderRows:y,tableLayoutOptions:L})}},T={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g}=h(l,d),y=t.useMemo(()=>[...p,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),C=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:y,getData:g,tableLayoutOptions:C})}},z={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},B={render:function(){const e=t.useCallback(()=>[{name:"Core engineering access",apps:5,users:10},{name:"Core sales access",apps:8,users:28},{name:"Super user access",apps:3,users:1}],[]),o=t.useMemo(()=>({hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:G}),[]);return a.jsx(c,{getData:e,hasSearch:!0,tableLayoutOptions:o})}},F={args:{availableLayouts:Y,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},K={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(l=>{H("onPaginationChange")(l)},[]),i=t.useMemo(()=>({columns:p}),[]);return a.jsx(c,{getData:s,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:i})}},Ra=n=>({overline:"Overline",title:n.name,description:`${n.name} is ${n.age} years old.`,variant:"stack",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),E={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({itemProps:Ra,renderDetailPanel:()=>a.jsx(b,{children:"Details"}),rowActionMenuItems:()=>a.jsx(R,{children:"Test"})}),[]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:r,getData:s})}},fa=n=>({title:n.name,variant:"compact",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),N={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(({row:d})=>d.age%2?a.jsx(b,{children:"Detail content"}):!1,[]),i=t.useCallback(()=>a.jsx(R,{children:"Test"}),[]),l=t.useMemo(()=>({itemProps:fa,renderDetailPanel:r,rowActionMenuItems:i}),[r,i]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:l,getData:s})}},W={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0}),[]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:r})}},$={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(()=>a.jsx(u,{label:"Action",onClick:D,size:"small",variant:"secondary"}),[]),i=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0,rowActionButtons:r}),[r]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:i})}};var J,Q,X;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
|
|
1
|
+
import{j as a}from"./jsx-runtime-CnH95YSl.js";import{a as H}from"./index-B-lxVbXh.js";import{f as na}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{O as oa}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{d as m,c as p,f as sa,r as ra}from"./personData-BYPP3apv.js";import{p as ia}from"./constants-CyailK6t.js";import{M as b}from"./Box-1mvP3NLW.js";import{M as q}from"./EmptyState-CpBEzmap.js";import{M as u}from"./Button-BEA5U6Tg.js";import{M as R}from"./MenuItem-CmSG6PNu.js";import{M as la}from"./Status-BlOUycBm.js";import{d as ua,a as U}from"./constants-CGUp4oSR.js";import{M as c}from"./DataView-C5rMFmwA.js";import{M as ca,a as da}from"./Refresh-DexPEklu.js";const ma={component:c,decorators:[oa],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasRowReordering:{control:"boolean",table:{type:{summary:""}}},isRowReorderingDisabled:{control:"boolean"},onReorderRows:{table:{type:{summary:""}}},hasRowSelection:{control:"boolean"},onChangeRowSelection:{},bulkActionMenuItems:{},hasPagination:{control:"boolean"},currentPage:{control:"number"},metaText:{control:"text"},paginationType:{control:"select",options:ia},resultsPerPage:{control:"number"},totalRows:{control:"number"},hasFilters:{control:"boolean"},hasSearch:{control:"boolean"},hasSearchSubmitButton:{control:"boolean"},filters:{},searchDelayTime:{control:"number"},enableVirtualization:{control:"boolean"},errorMessage:{control:"text"},emptyPlaceholder:{},noResultsPlaceholder:{},initialLayout:{control:"select",options:U},availableLayouts:{control:"check",options:U},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:ua,name:"tableLayoutOptions.columns"},hasChangeableDensity:{control:"boolean",name:"tableLayoutOptions.hasChangeableDensity"},hasColumnResizing:{control:"boolean",name:"tableLayoutOptions.hasColumnResizing"},hasColumnVisibility:{control:"boolean",name:"tableLayoutOptions.hasColumnVisibility"},renderDetailPanel:{name:"tableLayoutOptions.renderDetailPanel"},rowActionButtons:{name:"tableLayoutOptions.rowActionButtons"},tableRowActionMenuItems:{name:"tableLayoutOptions.rowActionMenuItems"},hasSorting:{control:"boolean",name:"tableLayoutOptions.hasSorting"},itemProps:{name:"cardLayoutOptions.itemProps"},maxGridColumns:{control:"number",name:"cardLayoutOptions.maxGridColumns"},cardRowActionMenuItems:{name:"cardLayoutOptions.rowActionMenuItems"},isLoading:{control:"boolean"},isEmpty:{control:"boolean"},isNoResults:{control:"boolean"},isPaginationMoreDisabled:{control:"boolean",description:"If true, the pagination next or show more button will be disabled.",table:{type:{summary:"boolean"}}},hasCustomEmptyPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom empty placeholder?"},hasCustomNoResultsPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom 'no results' placeholder?"},hasActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has action menu items?"},hasActionButtons:{control:"boolean",name:"[STORY ONLY] Has action buttons in table view?"},hasAdditionalActionButton:{control:"boolean",name:"[STORY ONLY] Has additional action button?"},hasAdditionalActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has additional action menu items?"}},args:{availableLayouts:["table","list","grid"],currentPage:1,hasActionButtons:!1,hasActionMenuItems:!1,hasCustomEmptyPlaceholder:!1,hasCustomNoResultsPlaceholder:!1,maxGridColumns:3,onChangeRowSelection:na(),paginationType:"paged",resultsPerPage:20},render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s);return a.jsx(c,{additionalActionButton:e.hasAdditionalActionButton?ga:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?ya:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?G:void 0,cardLayoutOptions:{itemProps:ta,rowActionMenuItems:e.hasActionMenuItems?G:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?Ca:void 0,enableVirtualization:e.enableVirtualization,errorMessage:e.errorMessage,getData:r,hasFilters:e.hasFilters,hasPagination:e.hasPagination,hasRowReordering:e.hasRowReordering,hasRowSelection:e.hasRowSelection,hasSearch:e.hasSearch,hasSearchSubmitButton:e.hasSearchSubmitButton,initialLayout:e.initialLayout,isEmpty:e.isEmpty,isLoading:e.isLoading,isNoResults:e.isNoResults,isPaginationMoreDisabled:e.isPaginationMoreDisabled,isRowReorderingDisabled:e.isRowReorderingDisabled,metaText:e.metaText,noResultsPlaceholder:e.hasCustomNoResultsPlaceholder?Da:void 0,onChangeRowSelection:l,onReorderRows:i,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:p,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?G:void 0,rowActionButtons:e.hasActionButtons?ba:void 0,renderDetailPanel:void 0,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},D=H("onClick"),Y=["table"],_=["list"],ha=["grid"],pa=["table","grid"],h=(n,e)=>{const o=t.useCallback(({...i})=>sa({data:n,...i}),[n]),s=t.useCallback(({...i})=>{const l=ra({data:n,...i});e(l)},[n,e]),r=t.useCallback(i=>{Object.keys(i).length>0&&H("onChangeRowSelection")(`${Object.keys(i).length} selected`)},[]);return{getData:o,onReorderRows:s,onChangeRowSelection:r}},ga=a.jsx(u,{label:"Add widget",variant:"primary"}),ya=a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Additional action 1"}),a.jsx(R,{onClick:D,children:"Additional action 2"})]}),G=()=>a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Action 1"}),a.jsx(R,{onClick:D,children:"Action 2"})]}),ba=()=>a.jsxs(b,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[a.jsx(u,{ariaLabel:"Pause",endIcon:a.jsx(ca,{}),onClick:D,size:"small",variant:"floating"}),a.jsx(u,{ariaLabel:"Refresh",endIcon:a.jsx(da,{}),onClick:D,size:"small",variant:"floating"})]}),Ca=a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),Da=a.jsx(q,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),ta=n=>({overline:`${n.city}, ${n.state}`,title:n.name,description:`${n.name} is ${n.age} years old.`,children:a.jsx(la,{label:n.risk.charAt(0).toUpperCase()+n.risk.slice(1),severity:n.risk==="low"?"success":n.risk==="medium"?"warning":"error"})}),w={args:{}},P={args:{availableLayouts:Y}},x={args:{availableLayouts:["list","grid"]}},A={args:{availableLayouts:_}},O={args:{availableLayouts:ha}},v={args:{hasRowReordering:!0,hasPagination:!0,hasFilters:!0,hasSearch:!0,hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!0,hasSorting:!0,hasActionButtons:!0,hasActionMenuItems:!0,hasRowSelection:!0,hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0,metaText:"Last updated 12 hours ago"}},M={render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s),d=t.useCallback(({row:y})=>a.jsxs(b,{children:["This is additional content for row ",y.id]}),[]),g=t.useMemo(()=>({columns:p,renderDetailPanel:d}),[d]);return a.jsx(c,{availableLayouts:pa,cardLayoutOptions:{itemProps:ta,renderDetailPanel:d},getData:r,hasRowSelection:e.hasRowSelection,onChangeRowSelection:l,onReorderRows:i,tableLayoutOptions:g})}},I={render:function(){const e=t.useCallback(()=>{const s=[];return Array(10).fill(null).forEach(()=>{s.push({truncated:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum.",wrapped:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum."})}),s},[]),o=t.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnResizing:!0}),[]);return a.jsx(c,{getData:e,tableLayoutOptions:o})}},k={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{onReorderRows:g,onChangeRowSelection:y}=h(l,d),C=t.useMemo(()=>a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,emptyPlaceholder:C,getData:()=>[],onChangeRowSelection:y,onReorderRows:g,tableLayoutOptions:f})}},j={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y}=h(l,d),C=t.useMemo(()=>[...p,{id:"startLetter",label:"Name starting with...",render:L=>a.jsxs(b,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Vowel",onClick:()=>L({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Consonant",onClick:()=>L({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Any",onClick:()=>L({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:C,getData:g,onReorderRows:y,tableLayoutOptions:f})}},V={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y,onChangeRowSelection:C}=h(l,d),f=t.useMemo(()=>[...p.filter(S=>S.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:S=>a.jsxs(b,{children:[a.jsx(u,{label:"🛰️ Vowel",onClick:()=>S({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),a.jsx(u,{label:"🛸 Consonant",onClick:()=>S({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),a.jsx(u,{label:"🤷♂️ Any",onClick:()=>S({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),L=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:f,getData:g,onChangeRowSelection:C,onReorderRows:y,tableLayoutOptions:L})}},T={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g}=h(l,d),y=t.useMemo(()=>[...p,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),C=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:y,getData:g,tableLayoutOptions:C})}},z={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},B={render:function(){const e=t.useCallback(()=>[{name:"Core engineering access",apps:5,users:10},{name:"Core sales access",apps:8,users:28},{name:"Super user access",apps:3,users:1}],[]),o=t.useMemo(()=>({hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:G}),[]);return a.jsx(c,{getData:e,hasSearch:!0,tableLayoutOptions:o})}},F={args:{availableLayouts:Y,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},K={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(l=>{H("onPaginationChange")(l)},[]),i=t.useMemo(()=>({columns:p}),[]);return a.jsx(c,{getData:s,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:i})}},Ra=n=>({overline:"Overline",title:n.name,description:`${n.name} is ${n.age} years old.`,variant:"stack",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),E={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({itemProps:Ra,renderDetailPanel:()=>a.jsx(b,{children:"Details"}),rowActionMenuItems:()=>a.jsx(R,{children:"Test"})}),[]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:r,getData:s})}},fa=n=>({title:n.name,variant:"compact",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),N={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(({row:d})=>d.age%2?a.jsx(b,{children:"Detail content"}):!1,[]),i=t.useCallback(()=>a.jsx(R,{children:"Test"}),[]),l=t.useMemo(()=>({itemProps:fa,renderDetailPanel:r,rowActionMenuItems:i}),[r,i]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:l,getData:s})}},W={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0}),[]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:r})}},$={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(()=>a.jsx(u,{label:"Action",onClick:D,size:"small",variant:"secondary"}),[]),i=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0,rowActionButtons:r}),[r]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:i})}};var J,Q,X;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
|
|
2
2
|
args: {}
|
|
3
3
|
}`,...(X=(Q=w.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,ee,ae;P.parameters={...P.parameters,docs:{...(Z=P.parameters)==null?void 0:Z.docs,source:{originalSource:`{
|
|
4
4
|
args: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{u as oe,
|
|
1
|
+
import{u as oe,K as J,h as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as s}from"./index-NdkWRN8K.js";import{M as K}from"./Box-1mvP3NLW.js";import{M as ee}from"./MenuButton-B3T7c15t.js";import{M as Ze}from"./Callout-FZxPpigF.js";import{c as Le}from"./createUniqueId-ByTaVY63.js";import{u as Oe,a as en}from"./useScrollIndication-mYI-g6xa.js";import{M as nn}from"./EmptyState-CpBEzmap.js";import{u as sn,M as tn}from"./Pagination-CB1wBW8Q.js";import{M as an}from"./Typography-Cz6D417Y.js";import{M as on}from"./DataFilters-BnT_U3-o.js";import{M as we}from"./Button-BEA5U6Tg.js";import{j as n}from"./jsx-runtime-CnH95YSl.js";import{M as rn}from"./CircularProgress-DPxwxglU.js";import{M as ln}from"./Card-C0RGIer3.js";import{M as cn}from"./ChevronUp-CfT7Bz8X.js";import{C as ve}from"./Checkbox-vZwuXtzm.js";import{T as dn}from"./Tooltip-Cq2rQGbD.js";import{I as Ae}from"./IconButton-5qShmnSr.js";import{M as Q}from"./MenuItem-CmSG6PNu.js";import{M as mn,a as un,b as Be,c as gn,e as Ee,f as xn,d as bn}from"./List-UlX1tusJ.js";import{d as Fe,a as fn}from"./constants-CGUp4oSR.js";import{u as pn,a as hn}from"./index.esm-DTxqsiYY.js";import{M as Me}from"./More-DLQ2RjWn.js";import{M as Cn}from"./Show-BnmQFsN6.js";/*!
|
|
2
2
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
3
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
4
|
*
|
|
@@ -8,7 +8,7 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
8
8
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const yn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),Sn=({data:e,menuItems:l,rowSelection:r,setRowSelection:a})=>{const m=oe(),{t}=
|
|
11
|
+
*/const yn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),Sn=({data:e,menuItems:l,rowSelection:r,setRowSelection:a})=>{const m=oe(),{t}=J(),i=Object.values(r).filter(Boolean).length,o=s.useCallback(()=>{const h=Object.fromEntries(e.map(x=>[x.id,!0]));a(h)},[e,a]),g=s.useCallback(()=>{a({})},[a]);return n.jsxs(yn,{odysseyDesignTokens:m,children:[i>0&&n.jsx(ee,{ariaLabel:t("table.actions.arialabel"),buttonLabel:t("table.actions.selectsome",{selectedRowCount:i}),buttonVariant:"primary",endIcon:n.jsx(ge,{}),children:l==null?void 0:l(r)}),n.jsxs(K,{children:[n.jsx(we,{isDisabled:i===e.length,label:t("table.actions.selectall"),onClick:o,variant:"secondary"}),n.jsx(we,{isDisabled:i===0,label:t("table.actions.selectnone"),onClick:g,variant:"secondary"})]})]})},Ne=s.memo(Sn);Ne.displayName="BulkActionsMenu";const wn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginBlockStart:`-${e.Spacing1}`})),Mn=I(Ae)(()=>({visibility:"hidden"})),jn=({children:e,description:l,detailPanel:r,hasSelection:a,image:m,isSelected:t,onSelectionChange:i,overline:o,title:g,variant:h,menuButtonChildren:x})=>{const f=oe(),{t:b}=J(),C=s.useId(),[c,w]=s.useState(!1),D=s.useMemo(()=>n.jsx(wn,{odysseyDesignTokens:f,children:n.jsx(ve,{checked:t,inputProps:{"aria-labelledby":C},onChange:i})}),[t,f,i,C]),B=s.useMemo(()=>r?n.jsx(dn,{title:b(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:n.jsx(Ae,{"aria-label":b(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:c?n.jsx(cn,{}):n.jsx(ge,{}),onClick:()=>w(!c)})}):n.jsx(Mn,{disabled:!0,children:n.jsx(ge,{})}),[c,r,b]),u=s.useMemo(()=>n.jsxs(n.Fragment,{children:[a&&D,B]}),[B,D,a]);return n.jsx(ln,{__role:"listitem",accessory:u,children:e,description:l,detailPanel:c&&r,image:m,menuButtonChildren:x,overline:o,title:g,titleId:C,variant:h})},Ve=s.memo(jn);Ve.displayName="DataCard";/*!
|
|
12
12
|
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
13
13
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
14
14
|
*
|
|
@@ -18,7 +18,7 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
18
18
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
19
|
*
|
|
20
20
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
21
|
-
*/const Tn=({isRowReorderingDisabled:e,row:l,rowActionMenuItems:r,rowIndex:a,totalRows:m,updateRowOrder:t})=>{const{t:i}=
|
|
21
|
+
*/const Tn=({isRowReorderingDisabled:e,row:l,rowActionMenuItems:r,rowIndex:a,totalRows:m,updateRowOrder:t})=>{const{t:i}=J(),o=l.original?l.original:l,g=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:0})},[o.id,t]),h=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:Math.max(0,a-1)})},[o.id,a,t]),x=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:a+1})},[o.id,a,t]),f=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:m?m-1:a})},[o.id,a,m,t]);return n.jsxs(n.Fragment,{children:[r&&r(o),r&&t&&n.jsx("hr",{}),t&&n.jsxs(n.Fragment,{children:[n.jsxs(Q,{isDisabled:a<=0||e,onClick:g,children:[n.jsx(mn,{})," ",i("table.reorder.tofront")]}),n.jsxs(Q,{isDisabled:a<=0||e,onClick:h,children:[n.jsx(un,{})," ",i("table.reorder.forward")]}),n.jsxs(Q,{isDisabled:(m?a>=m-1:!1)||e,onClick:x,children:[n.jsx(Be,{})," ",i("table.reorder.backward")]}),m&&n.jsxs(Q,{isDisabled:a>=m-1||e,onClick:f,children:[n.jsx(gn,{})," ",i("table.reorder.toback")]})]})]})},je=s.memo(Tn);je.displayName="RowActions";/*!
|
|
22
22
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
23
23
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
24
24
|
*
|
|
@@ -28,7 +28,7 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
28
28
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
29
29
|
*
|
|
30
30
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
31
|
-
*/const In=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="currentLayout"&&e!=="maxGridColumns"})(({odysseyDesignTokens:e,currentLayout:l,maxGridColumns:r})=>({display:l==="list"?"flex":"grid",flexDirection:"column",columnGap:e.Spacing5,...l==="grid"&&{"@media (max-width: 720px)":{gridTemplateColumns:"repeat(1, 1fr)"},"@media (min-width: 720px) and (max-width: 960px)":{gridTemplateColumns:"repeat(2, 1fr)"},"@media (min-width: 960px)":{gridTemplateColumns:`repeat(${r}, 1fr)`}}})),Dn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",paddingBlock:e.Spacing5})),kn=({cardLayoutOptions:e,currentIndex:l,handleRowSelectionChange:r,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:t,onReorderRows:i,row:o,rowReorderingUtilities:g,rowSelection:h,totalRows:x})=>{const{overline:f,title:b,description:C,image:c,children:w,variant:D}=e.itemProps(o),B=s.useCallback(()=>r(o),[r,o]),u=s.useMemo(()=>{var z;return(z=e.renderDetailPanel)==null?void 0:z.call(e,{row:o})},[e,o]),p=s.useMemo(()=>e.rowActionMenuItems||a?n.jsx(je,{isRowReorderingDisabled:t,row:o,rowActionMenuItems:e.rowActionMenuItems,rowIndex:l,totalRows:x,updateRowOrder:a&&i?g.updateRowOrder:void 0}):null,[e.rowActionMenuItems,l,a,t,i,o,g,x]);return n.jsx(Ve,{children:w,description:C,detailPanel:u,hasSelection:m,image:c,isSelected:h[o.id]??!1,menuButtonChildren:p,onSelectionChange:B,overline:f,title:b,variant:D},o.id)},He=s.memo(kn);He.displayName="RowDataCard";const zn=({currentLayout:e,data:l,emptyState:r,hasRowReordering:a,hasRowSelection:m,isEmpty:t,isLoading:i,isNoResults:o,isRowReorderingDisabled:g,onReorderRows:h,pagination:x,rowReorderingUtilities:f,rowSelection:b,setRowSelection:C,cardLayoutOptions:c,totalRows:w})=>{const D=oe(),B=s.useCallback(u=>{C(p=>Object.fromEntries(u.id in p?Object.entries(p).filter(([z])=>z!==u.id):Object.entries(p).concat([[u.id,!0]])))},[C]);return n.jsx(K,{children:i?n.jsx(Dn,{odysseyDesignTokens:D,children:n.jsx(
|
|
31
|
+
*/const In=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="currentLayout"&&e!=="maxGridColumns"})(({odysseyDesignTokens:e,currentLayout:l,maxGridColumns:r})=>({display:l==="list"?"flex":"grid",flexDirection:"column",columnGap:e.Spacing5,...l==="grid"&&{"@media (max-width: 720px)":{gridTemplateColumns:"repeat(1, 1fr)"},"@media (min-width: 720px) and (max-width: 960px)":{gridTemplateColumns:"repeat(2, 1fr)"},"@media (min-width: 960px)":{gridTemplateColumns:`repeat(${r}, 1fr)`}}})),Dn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",paddingBlock:e.Spacing5})),kn=({cardLayoutOptions:e,currentIndex:l,handleRowSelectionChange:r,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:t,onReorderRows:i,row:o,rowReorderingUtilities:g,rowSelection:h,totalRows:x})=>{const{overline:f,title:b,description:C,image:c,children:w,variant:D}=e.itemProps(o),B=s.useCallback(()=>r(o),[r,o]),u=s.useMemo(()=>{var z;return(z=e.renderDetailPanel)==null?void 0:z.call(e,{row:o})},[e,o]),p=s.useMemo(()=>e.rowActionMenuItems||a?n.jsx(je,{isRowReorderingDisabled:t,row:o,rowActionMenuItems:e.rowActionMenuItems,rowIndex:l,totalRows:x,updateRowOrder:a&&i?g.updateRowOrder:void 0}):null,[e.rowActionMenuItems,l,a,t,i,o,g,x]);return n.jsx(Ve,{children:w,description:C,detailPanel:u,hasSelection:m,image:c,isSelected:h[o.id]??!1,menuButtonChildren:p,onSelectionChange:B,overline:f,title:b,variant:D},o.id)},He=s.memo(kn);He.displayName="RowDataCard";const zn=({currentLayout:e,data:l,emptyState:r,hasRowReordering:a,hasRowSelection:m,isEmpty:t,isLoading:i,isNoResults:o,isRowReorderingDisabled:g,onReorderRows:h,pagination:x,rowReorderingUtilities:f,rowSelection:b,setRowSelection:C,cardLayoutOptions:c,totalRows:w})=>{const D=oe(),B=s.useCallback(u=>{C(p=>Object.fromEntries(u.id in p?Object.entries(p).filter(([z])=>z!==u.id):Object.entries(p).concat([[u.id,!0]])))},[C]);return n.jsx(K,{children:i?n.jsx(Dn,{odysseyDesignTokens:D,children:n.jsx(rn,{})}):n.jsx(n.Fragment,{children:!l||l.length===0||t||o?n.jsx(K,{children:r}):n.jsx(In,{currentLayout:e,maxGridColumns:c.maxGridColumns??3,odysseyDesignTokens:D,role:"list",children:l.map((u,p)=>{const z=p+(x.pageIndex-1)*x.pageSize;return n.jsx(He,{cardLayoutOptions:c,currentIndex:z,handleRowSelectionChange:B,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:g,onReorderRows:h,row:u,rowReorderingUtilities:f,rowSelection:b,totalRows:w},u.id)})})})})},We=s.memo(zn);We.displayName="CardLayoutContent";/*!
|
|
32
32
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
33
33
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
34
34
|
*
|
|
@@ -48,7 +48,7 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
48
48
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
49
49
|
*
|
|
50
50
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
51
|
-
*/const An=({availableLayouts:e,currentLayout:l,setCurrentLayout:r})=>{const{t:a}=
|
|
51
|
+
*/const An=({availableLayouts:e,currentLayout:l,setCurrentLayout:r})=>{const{t:a}=J(),m=s.useCallback(i=>{r(i)},[r]),t=s.useMemo(()=>e.map(i=>({value:i,onClick:()=>m(i),label:a(`dataview.layout.${i}`)})),[e,m,a]);return n.jsx(ee,{ariaLabel:a("dataview.layout.arialabel"),buttonLabel:a(`dataview.layout.${l}`),menuAlignment:"right",shouldCloseOnSelect:!1,children:t.map(({value:i,onClick:o,label:g})=>n.jsx(Q,{isSelected:l===i,onClick:o,children:g},i))})},Pe=s.memo(An);Pe.displayName="LayoutSwitcher";/*!
|
|
52
52
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
53
53
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
54
54
|
*
|
|
@@ -68,7 +68,7 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
68
68
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
69
69
|
*
|
|
70
70
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
71
|
-
*/const Nn=I("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Vn=I("div")({display:"flex"}),Hn=({columns:e,data:l,draggingRow:r,emptyState:a,enableVirtualization:m,getRowId:t,hasRowReordering:i,hasRowSelection:o,isEmpty:g,isLoading:h,isNoResults:x,isRowReorderingDisabled:f,onReorderRows:b,pagination:C,rowReorderingUtilities:c,rowSelection:w,setRowSelection:D,setTableState:B,tableLayoutOptions:u,tableState:p,totalRows:z})=>{const[ne,U]=s.useState(!0),[se,xe]=s.useState(!0),[ie,R]=s.useState("100%"),X=s.useRef(!1),$=s.useRef(null),V=s.useRef(null),H=s.useRef(null);Oe({setIsTableContainerScrolledToEnd:xe,setIsTableContainerScrolledToStart:U,setTableInnerContainerWidth:R,tableInnerContainer:V.current,tableOuterContainer:$.current});const F=oe(),{t:M}=
|
|
71
|
+
*/const Nn=I("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Vn=I("div")({display:"flex"}),Hn=({columns:e,data:l,draggingRow:r,emptyState:a,enableVirtualization:m,getRowId:t,hasRowReordering:i,hasRowSelection:o,isEmpty:g,isLoading:h,isNoResults:x,isRowReorderingDisabled:f,onReorderRows:b,pagination:C,rowReorderingUtilities:c,rowSelection:w,setRowSelection:D,setTableState:B,tableLayoutOptions:u,tableState:p,totalRows:z})=>{const[ne,U]=s.useState(!0),[se,xe]=s.useState(!0),[ie,R]=s.useState("100%"),X=s.useRef(!1),$=s.useRef(null),V=s.useRef(null),H=s.useRef(null);Oe({setIsTableContainerScrolledToEnd:xe,setIsTableContainerScrolledToStart:U,setTableInnerContainerWidth:R,tableInnerContainer:V.current,tableOuterContainer:$.current});const F=oe(),{t:M}=J(),Y=s.useMemo(()=>e.map(d=>d.accessorKey)??[],[e]),re=s.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(Y==null?void 0:Y.filter(d=>typeof d=="string"))||[],"mrt-row-actions"],[Y]),j=s.useMemo(()=>p.rowDensity==="spacious"?"MuiTableBody-spacious":p.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[p]),G=s.useCallback(({cell:d})=>{const y=d.getValue();return d.column.columnDef.hasTextWrapping||d.column.columnDef.enableWrapping?y:n.jsx(Nn,{children:y})},[]),{draggableTableBodyRowClassName:be,dragHandleStyles:fe,dragHandleText:Z,handleDragHandleKeyDown:_,handleDragHandleOnDragCapture:k,handleDragHandleOnDragEnd:E,resetDraggingAndHoveredRow:pe,updateRowOrder:v}=c,le=s.useCallback(({row:d})=>{var A;const y=d.index+(C.pageIndex-1)*C.pageSize;return n.jsxs(Vn,{children:[(A=u.rowActionButtons)==null?void 0:A.call(u,d.original),(u.rowActionMenuItems||i)&&n.jsx(ee,{ariaLabel:M("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:n.jsx(Me,{}),menuAlignment:"right",size:"small",children:n.jsx(je,{isRowReorderingDisabled:f,row:d,rowActionMenuItems:u.rowActionMenuItems,rowIndex:y,totalRows:z,updateRowOrder:i&&b?v:void 0})})]})},[i,f,b,C.pageIndex,C.pageSize,M,u,z,v]),te=s.useMemo(()=>({width:ie}),[ie]),ce=s.useCallback(()=>n.jsx(K,{sx:te,children:a}),[te,a]);s.useEffect(()=>{m&&(X.current=!0)},[m,C]),s.useEffect(()=>{var d,y;X.current&&H.current&&typeof((d=V.current)==null?void 0:d.scrollTo)<"u"&&((y=V.current)==null||y.scrollTo(0,H.current.clientHeight),X.current=!1)},[l]);const W=s.useMemo(()=>!!(i===!0&&b||u.rowActionButtons||u.rowActionMenuItems),[i,b,u.rowActionButtons,u.rowActionMenuItems]),ae=e.some(d=>d.grow===!0),L=pn({data:!g&&!x?l:[],columns:e,getRowId:t,state:{sorting:p.columnSorting,columnVisibility:p.columnVisibility,isLoading:h,rowSelection:w,columnOrder:re},icons:{ArrowDownwardIcon:Be,DragHandleIcon:Ee,SyncAltIcon:xn,ExpandMoreIcon:ge},...Bn,displayColumnDefOptions:{...En,"mrt-row-actions":{header:"",grow:!ae,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:n.jsxs(K,{sx:{display:"flex",visibility:"hidden"},children:[u.rowActionButtons&&u.rowActionButtons(),(i===!0&&b||u.rowActionMenuItems)&&n.jsx(K,{children:n.jsx(we,{ariaLabel:M("table.moreactions.arialabel"),endIcon:n.jsx(Me,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}}},muiTableProps:{ref:H,className:!W&&u.hasColumnResizing?ae?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:V},muiTableBodyProps:()=>({className:j,tabIndex:0,sx:g||x?{height:"unset"}:void 0}),enableColumnResizing:u.hasColumnResizing,defaultColumn:{Cell:G},enableRowActions:!!(i===!0&&b||u.rowActionButtons||u.rowActionMenuItems),renderRowActions:({row:d})=>le({row:d}),enableRowOrdering:i&&!!b,enableRowDragging:i&&!!b,muiDetailPanelProps:({row:d})=>({sx:{paddingBlock:d.getIsExpanded()?`${F.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:d,row:y,isDetailPanel:A})=>{var P;return{className:be({currentRowId:y.id,draggingRowId:r==null?void 0:r.id,hoveredRowId:(P=d.getState().hoveredRow)==null?void 0:P.id}),sx:A?{paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:`${F.HueNeutralWhite} !important`}}:{}}},muiRowDragHandleProps:({table:d,row:y})=>({onKeyDown:A=>_({table:d,row:y,event:A}),onBlur:()=>pe(d),onDragEnd:()=>E(d),onDragCapture:()=>k(d),disabled:f,sx:fe,...Z}),renderDetailPanel:u.renderDetailPanel,enableRowVirtualization:m,muiTableHeadCellProps:({column:d})=>({className:p.columnSorting.find(y=>y.id===d.id)?"isSorted":"isUnsorted"}),muiTableBodyCellProps:({column:d})=>({className:d.getIsResizing()?"isResizing":""}),enableSorting:u.hasSorting===!0,onSortingChange:d=>{const y=typeof d=="function"?d(p.columnSorting):p.columnSorting;B(A=>({...A,columnSorting:y}))},enableRowSelection:o,onRowSelectionChange:D,renderEmptyRowsFallback:ce,localization:{collapse:M("table.rowexpansion.collapse"),collapseAll:M("table.rowexpansion.collapseall"),expand:M("table.rowexpansion.expand"),expandAll:M("table.rowexpansion.expandall")}});return n.jsx(Fn,{isScrollableEnd:!se,isScrollableStart:!ne,odysseyDesignTokens:F,ref:$,children:n.jsx(hn,{table:L})})},Ke=s.memo(Hn);Ke.displayName="TableLayoutContent";const Wn=({setTableState:e,tableLayoutOptions:l,tableState:r})=>{const{t:a}=J(),{hasChangeableDensity:m,hasColumnVisibility:t,columns:i}=l,{rowDensity:o,columnVisibility:g}=r,h=s.useCallback(c=>{e(w=>({...w,rowDensity:c}))},[e]),x=s.useCallback(c=>{e(w=>({...w,columnVisibility:{...w.columnVisibility,[c]:w.columnVisibility?w.columnVisibility[c]===!1:!1}}))},[e]),f=s.useMemo(()=>new Set(i.filter(c=>g?g[c.accessorKey]!==!1:!0).map(c=>c.accessorKey)),[i,g]),b=s.useMemo(()=>m&&n.jsx(ee,{ariaLabel:a("table.density.arialabel"),endIcon:n.jsx(bn,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:Fe.map(c=>n.jsx(Q,{isSelected:o===c,onClick:()=>h(c),children:a(`table.density.${c}`)},c))}),[m,a,o,h]),C=s.useMemo(()=>t&&n.jsx(ee,{ariaLabel:a("table.columnvisibility.arialabel"),endIcon:n.jsx(Cn,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:i.filter(c=>c.enableHiding!==!1).map(c=>n.jsxs(Q,{onClick:()=>x(c.id),children:[n.jsx(ve,{checked:f.has(c.id)}),c.header]},c.accessorKey))}),[t,a,i,x,f]);return n.jsxs(n.Fragment,{children:[b,C]})},Ue=s.memo(Wn);Ue.displayName="TableSettings";/*!
|
|
72
72
|
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
73
73
|
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
74
74
|
*
|
|
@@ -88,4 +88,4 @@ import{u as oe,J as Q,s as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-BBwjgz
|
|
|
88
88
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
89
89
|
*
|
|
90
90
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
91
|
-
*/const Kn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4})),Un=I("div")(()=>({display:"flex",justifyContent:"space-between"})),$n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",justifyContent:"flex-end",gap:e.Spacing2})),Gn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing2})),_n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginInlineEnd:e.Spacing2})),qn=({additionalActionButton:e,additionalActionMenuItems:l,availableLayouts:r=
|
|
91
|
+
*/const Kn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4})),Un=I("div")(()=>({display:"flex",justifyContent:"space-between"})),$n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",justifyContent:"flex-end",gap:e.Spacing2})),Gn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing2})),_n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginInlineEnd:e.Spacing2})),qn=({additionalActionButton:e,additionalActionMenuItems:l,availableLayouts:r=fn,bulkActionMenuItems:a,currentPage:m=1,emptyPlaceholder:t,enableVirtualization:i,errorMessage:o,filters:g,getData:h,getRowId:x,hasFilters:f,hasPagination:b,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,hasSearch:D,hasSearchSubmitButton:B,hasRowReordering:u,hasRowSelection:p,initialLayout:z,isEmpty:ne,isLoading:U,isNoResults:se,isPaginationMoreDisabled:xe,isRowReorderingDisabled:ie,metaText:R,noResultsPlaceholder:X,onChangeRowSelection:$,onReorderRows:V,onRowSelectionChange:H,paginationType:F="paged",resultsPerPage:M=20,searchDelayTime:Y,cardLayoutOptions:re,tableLayoutOptions:j,totalRows:G,maxPages:be,maxResultsPerPage:fe,onPaginationChange:Z})=>{const _=oe(),{t:k}=J(),[E,pe]=s.useState(z??r[0]),[v,le]=s.useState([]),[te,ce]=s.useState(U??!0),[W,ae]=s.useState(ne??!0),[L,d]=s.useState(se??!1),[y,A]=s.useState(o),[P,$e]=s.useState(""),[de,Ge]=s.useState(g),[me,_e]=s.useState(g),[he,qe]=s.useState(),[q,Ce]=s.useState({});s.useEffect(()=>{$==null||$(q)},[q,$]),s.useEffect(()=>{H==null||H(q)},[q,H]);const[S,ye]=s.useState({pageIndex:m,pageSize:M}),[N,Te]=s.useState({columnSorting:[],columnVisibility:{},rowDensity:(j==null?void 0:j.initialDensity)??Fe[0]}),Se=D||f||e||l,O=Pn({filters:me,columns:j==null?void 0:j.columns});s.useEffect(()=>{!de&&O&&Ge(O)},[O,de]);const Ie=s.useMemo(()=>({page:S.pageIndex,resultsPerPage:S.pageSize,search:P,filters:O,sort:N==null?void 0:N.columnSorting}),[S.pageIndex,S.pageSize,P,O,N==null?void 0:N.columnSorting]),De=s.useCallback((T,Re,Xe)=>x?x(T,Re,Xe):T.id?T.id:Le(),[x]);s.useEffect(()=>{ye({pageIndex:m,pageSize:M})},[m,M]),s.useEffect(()=>{ye(T=>({pageIndex:1,pageSize:F=="loadMore"?M:T.pageSize}))},[me,F,M,P]),s.useEffect(()=>{Z==null||Z(S)},[Z,S]),s.useEffect(()=>{vn({dataQueryParams:Ie,errorMessageProp:o,getData:h,setData:le,setErrorMessage:A,setIsLoading:U?void 0:ce})},[Ie,o,h,U]),s.useEffect(()=>{ae(S.pageIndex===m&&S.pageSize===M&&P===""&&(!f||me===de)&&v.length===0)},[m,v,me,f,de,S,M,P]),s.useEffect(()=>{ce(T=>U??T)},[U]),s.useEffect(()=>{ae(T=>ne??T)},[ne]),s.useEffect(()=>{d(T=>se??T)},[se]);const ke=s.useMemo(()=>{const T=X||n.jsx(nn,{description:k("table.noresults.text"),heading:k("table.noresults.heading")});if(W)return t||T;if(L)return T},[X,k,W,L,t]),ue=s.useMemo(()=>(R||E==="table"&&j||r.length>1||e||l)&&n.jsxs(Gn,{odysseyDesignTokens:_,children:[R&&n.jsx(_n,{odysseyDesignTokens:_,children:n.jsx(an,{color:"textSecondary",children:R})}),E==="table"&&j&&n.jsx(Ue,{setTableState:Te,tableLayoutOptions:j,tableState:N}),r.length>1&&n.jsx(Pe,{availableLayouts:r,currentLayout:E,setCurrentLayout:pe}),e,l&&n.jsx(ee,{ariaLabel:k("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:n.jsx(Me,{}),menuAlignment:"right",children:l})]}),[e,l,r,E,R,_,j,N,k]),Qe=s.useMemo(()=>i??F==="loadMore",[i,F]),{lastRow:Je}=sn({currentRowsCount:v.length,pageIndex:S.pageIndex,pageSize:S.pageSize,totalRows:G}),ze=en({totalRows:G,onReorderRows:V,data:v,setData:le,draggingRow:he,setDraggingRow:qe,resultsPerPage:S.pageSize,page:S.pageIndex});return n.jsxs(Kn,{odysseyDesignTokens:_,children:[y&&n.jsx(K,{children:n.jsx(Ze,{severity:"error",text:y})}),Se&&n.jsx(on,{additionalActions:ue,filters:f?O:void 0,hasSearchSubmitButton:B,isDisabled:W,onChangeFilters:f?_e:void 0,onChangeSearch:D?$e:void 0,searchDelayTime:Y}),(a||p)&&n.jsxs(Un,{children:[n.jsx(Ne,{data:v,menuItems:a,rowSelection:q,setRowSelection:Ce}),!Se&&ue]}),!Se&&!a&&!p&&ue&&n.jsx($n,{odysseyDesignTokens:_,children:ue}),E==="table"&&j&&n.jsx(Ke,{columns:j.columns,data:v,draggingRow:he,emptyState:ke,enableVirtualization:Qe,getRowId:x||De,hasRowReordering:u,hasRowSelection:p,isEmpty:W,isLoading:te,isNoResults:L,isRowReorderingDisabled:ie,onReorderRows:V,pagination:S,rowReorderingUtilities:ze,rowSelection:q,setRowSelection:Ce,setTableState:Te,tableLayoutOptions:j,tableState:N,totalRows:G}),(E==="list"||E==="grid")&&re&&n.jsx(We,{cardLayoutOptions:re,currentLayout:E,data:v,draggingRow:he,emptyState:ke,getRowId:x||De,hasRowReordering:u,hasRowSelection:p,isEmpty:W,isLoading:te,isNoResults:L,isRowReorderingDisabled:ie,onReorderRows:V,pagination:S,rowReorderingUtilities:ze,rowSelection:q,setRowSelection:Ce,totalRows:G}),b&&n.jsx(tn,{currentPageLabel:k("pagination.page"),currentRowsCount:v.length,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,isDisabled:W,isMoreDisabled:xe,lastRow:Je,loadMoreLabel:k("pagination.loadmore"),maxPageIndex:be,maxPageSize:fe,nextLabel:k("pagination.next"),onPaginationChange:ye,pageIndex:S.pageIndex,pageSize:S.pageSize,previousLabel:k("pagination.previous"),rowsPerPageLabel:k("pagination.rowsperpage"),totalRows:G,variant:F})]})},Qn=s.memo(qn);Qn.displayName="DataView";export{Qn as M};
|