@okta/odyssey-contribution-tooling 1.48.0 → 1.50.1
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 +8 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/appswitcher/admin-app-default.svg +0 -6
- package/dist/appswitcher/admin-app-selected.svg +0 -6
- package/dist/appswitcher/aerial-default.svg +0 -7
- package/dist/appswitcher/aerial-selected.svg +0 -7
- package/dist/appswitcher/okta-dashboard-default.svg +0 -7
- package/dist/appswitcher/okta-dashboard-selected.svg +0 -7
- package/dist/appswitcher/privileged-access-default.svg +0 -4
- package/dist/appswitcher/privileged-access-selected.svg +0 -4
- package/dist/appswitcher/workflows-default.svg +0 -5
- package/dist/appswitcher/workflows-selected.svg +0 -5
- package/dist/assets/Accordion-MTHvu5cR.js +0 -1
- package/dist/assets/Accordion.stories-DniSJ38i.js +0 -85
- package/dist/assets/AccordionSummary-Byc6MkHu.js +0 -1
- package/dist/assets/AlertTitle-BDkgiA29.js +0 -1
- package/dist/assets/AppSwitcher-mUx_f1r6.js +0 -21
- package/dist/assets/AppSwitcher.stories-CENgxWSC.js +0 -100
- package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +0 -136
- package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +0 -1
- package/dist/assets/ArrowRight-BquvVn3D.js +0 -1
- package/dist/assets/Autocomplete-Bh3XRXMy.js +0 -1
- package/dist/assets/Autocomplete-CknstIK_.js +0 -1
- package/dist/assets/Autocomplete.stories-DNDWoB5E.js +0 -316
- package/dist/assets/Badge-DFZYqSZN.js +0 -11
- package/dist/assets/Banner-25ZggH76.js +0 -1
- package/dist/assets/Banner.stories-Dz37neYC.js +0 -74
- package/dist/assets/BaseButton-Cd1oZPsh.js +0 -11
- package/dist/assets/BaseMenuButton-DCwowxQ6.js +0 -1
- package/dist/assets/Box-B-R2QRDU.js +0 -1
- package/dist/assets/Box-B6KmU4_J.js +0 -1
- package/dist/assets/Box-B92Cdrku.js +0 -11
- package/dist/assets/Box.stories-BCtoarqr.js +0 -38
- package/dist/assets/Breadcrumbs-BGJJeoxM.js +0 -6
- package/dist/assets/Breadcrumbs.stories-BTEZLo9U.js +0 -79
- package/dist/assets/Bug-Z3X3t5xp.js +0 -1
- package/dist/assets/Button-BvUGu5Sm.js +0 -1
- package/dist/assets/Button-DPUOjyZy.js +0 -11
- package/dist/assets/Button.stories-CLRsJ0J2.js +0 -271
- package/dist/assets/ButtonBase-CrcIXP69.js +0 -74
- package/dist/assets/Calendar-DnwsjheN.js +0 -1
- package/dist/assets/Callout-qkeUDNKn.js +0 -1
- package/dist/assets/Callout.stories-DVWATUoj.js +0 -105
- package/dist/assets/Card-DL97TZJd.js +0 -1
- package/dist/assets/Card-DqLPNu4w.js +0 -8
- package/dist/assets/Card.stories-ROWJyBI0.js +0 -56
- package/dist/assets/CardActionArea-BaL2GhSM.js +0 -1
- package/dist/assets/CardActions-C1bW_Jqo.js +0 -1
- package/dist/assets/Checkbox-OauVZWc5.js +0 -1
- package/dist/assets/Checkbox-eGdyySzm.js +0 -1
- package/dist/assets/Checkbox.stories-DwmuFw2j.js +0 -96
- package/dist/assets/CheckboxGroup-BQ5GiUey.js +0 -1
- package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +0 -92
- package/dist/assets/ChevronRight-BLkvXBUf.js +0 -1
- package/dist/assets/ChevronUp-Br-QC-XK.js +0 -1
- package/dist/assets/Chip-B9WkuA4b.js +0 -1
- package/dist/assets/CircularProgress-AX8KCiV6.js +0 -28
- package/dist/assets/CircularProgress-DxY3QwHW.js +0 -1
- package/dist/assets/CircularProgress.stories-a_Rse-5m.js +0 -44
- package/dist/assets/Clock-8HOQy_d4.js +0 -1
- package/dist/assets/Close-BjXKhBr_.js +0 -1
- package/dist/assets/Code Styling Guidelines-BkGO8zp-.js +0 -14
- package/dist/assets/Collapse-DtQCvyEw.js +0 -1
- package/dist/assets/Color-YHDXOIA2-CcoN0wsl.js +0 -1
- package/dist/assets/CssBaseline-CI1_OCUX.js +0 -191
- package/dist/assets/CssBaseline.stories-BSLs5ScZ.js +0 -364
- package/dist/assets/Custom Theming-WlDJkwzT.js +0 -135
- package/dist/assets/Custom Theming.stories-Kx3noLIn.js +0 -95
- package/dist/assets/DataFilters _labs_-BIYE5QJU.js +0 -55
- package/dist/assets/DataFilters _labs_.stories-BdV81MCI.js +0 -31
- package/dist/assets/DataFilters-KxLw7hL5.js +0 -1
- package/dist/assets/DataTable _labs_-D_W9CY5T.js +0 -41
- package/dist/assets/DataTable _labs_.stories-CTl54dDN.js +0 -21
- package/dist/assets/DataTable-BJQ8WkUd.js +0 -21
- package/dist/assets/DataTable-bZz790ci.js +0 -404
- package/dist/assets/DataTable.stories-9eBclyx2.js +0 -438
- package/dist/assets/DataView _labs_-AutzTAhE.js +0 -332
- package/dist/assets/DataView _labs_.stories-CO0XGhOV.js +0 -438
- package/dist/assets/DataView-CHGdxu-Z.js +0 -91
- package/dist/assets/DataView.stories-6cnSmpm3.js +0 -954
- package/dist/assets/DatePicker-BGoHW8Is.js +0 -1
- package/dist/assets/DatePicker-C6TIvuN7.js +0 -11
- package/dist/assets/DatePicker.stories-DldeVOlB.js +0 -133
- package/dist/assets/DateTimePicker-DKGE8593.js +0 -1
- package/dist/assets/DateTimePicker.stories-TBpe3AjQ.js +0 -158
- package/dist/assets/Design Tokens-BnlBB5OL.js +0 -4
- package/dist/assets/Dialog-BkOLgyLu.js +0 -1
- package/dist/assets/Dialog.stories-BQZpS-f5.js +0 -201
- package/dist/assets/DialogContent-B-pM1DP1.js +0 -1
- package/dist/assets/DialogTitle-DA2nrmUc.js +0 -1
- package/dist/assets/Divider-CAwVs6Y1.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-kO-n-5EB.js +0 -2
- package/dist/assets/Documentation-CBbHUjXC.js +0 -1
- package/dist/assets/Download-VHpUH0as.js +0 -1
- package/dist/assets/Drawer-C9M8pytV.js +0 -33
- package/dist/assets/Drawer.stories-DpNTQVxG.js +0 -95
- package/dist/assets/EmptyState-FpIKkMpd.js +0 -11
- package/dist/assets/EmptyState.stories-CkUF2dIR.js +0 -11
- package/dist/assets/ExampleButton.stories-CbAFs20l.js +0 -320
- package/dist/assets/Extending Translations-mp_vyXoH.js +0 -145
- package/dist/assets/ExternalLink-lox07hAR.js +0 -1
- package/dist/assets/Fade-CHnXmzFb.js +0 -1
- package/dist/assets/Field-BxkyNVQW.js +0 -11
- package/dist/assets/FieldHint-D5VttvwL.js +0 -1
- package/dist/assets/Fieldset-Dp9uCwiB.js +0 -11
- package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +0 -15
- package/dist/assets/FileUploader.stories-CxYwF2DZ.js +0 -58
- package/dist/assets/Filter-BiREetkX.js +0 -1
- package/dist/assets/Folder-8esChg_E.js +0 -1
- package/dist/assets/Form Field Accessibility-BCFouYXt.js +0 -18
- package/dist/assets/Form-CJrxMkwr.js +0 -11
- package/dist/assets/Form.stories-Bc84FwlQ.js +0 -69
- package/dist/assets/FormControlLabel-CoGABX1G.js +0 -1
- package/dist/assets/FormGroup-D2d8E3Cw.js +0 -1
- package/dist/assets/FormHelperText-Ca69g4Je.js +0 -1
- package/dist/assets/FormLabel-EOlXQpGp.js +0 -1
- package/dist/assets/FullScreenOverlay-Bujsxbxh.js +0 -11
- package/dist/assets/Generating Icons-pN6RBs4J.js +0 -16
- package/dist/assets/Globe-BHk1B5d7.js +0 -1
- package/dist/assets/Grid-B7XSvQ_X.js +0 -1
- package/dist/assets/Group-DWmiPyzE.js +0 -1
- package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +0 -33
- package/dist/assets/Grow-6R6cTzr4.js +0 -1
- package/dist/assets/Hide-Bvhl5PVN.js +0 -1
- package/dist/assets/Hint-DTEjQAxl.js +0 -11
- package/dist/assets/Home-CUQc6tB8.js +0 -1
- package/dist/assets/Icon _icons_.stories-S2muaIBP.js +0 -16
- package/dist/assets/IconButton-Wwvz84xG.js +0 -1
- package/dist/assets/IconWithTooltip _icons_.stories-BiiIBhOv.js +0 -19
- package/dist/assets/InformationCircle-DYQV39lt.js +0 -1
- package/dist/assets/InputAdornment-Dj-8HF_1.js +0 -1
- package/dist/assets/InputBase-6reb9B7r.js +0 -2
- package/dist/assets/Installing odyssey-react-mui-DuIfuEaw.js +0 -216
- package/dist/assets/Introduction-BTH-MnwV.js +0 -36
- package/dist/assets/Layout-BndkhA1_.js +0 -11
- package/dist/assets/Layout.stories-BwMtW-cW.js +0 -285
- package/dist/assets/Legacy Migrations-BfDwGUg3.js +0 -86
- package/dist/assets/Link-BQo2zH0c.js +0 -1
- package/dist/assets/Link-C5sM1_ZF.js +0 -11
- package/dist/assets/Link-DcsndbPK.js +0 -1
- package/dist/assets/Link.stories-DiVQZsn1.js +0 -43
- package/dist/assets/List-CNCQEpRl.js +0 -1
- package/dist/assets/List-_p0jkXPM.js +0 -1
- package/dist/assets/ListItem-BLYwuKOG.js +0 -1
- package/dist/assets/ListSubheader-DO359rMr.js +0 -1
- package/dist/assets/Menu-CU_mHT7L.js +0 -1
- package/dist/assets/MenuButton-CGRa_Y2p.js +0 -9
- package/dist/assets/MenuButton-DvVmjwMC.js +0 -11
- package/dist/assets/MenuButton.stories-rLpv4nq1.js +0 -246
- package/dist/assets/MenuContext-DKMyPMNY.js +0 -11
- package/dist/assets/MenuItem-DoUaLmgU.js +0 -1
- package/dist/assets/MenuItem-oi_JaUho.js +0 -1
- package/dist/assets/MenuItem.stories-Ba6BR5kj.js +0 -29
- package/dist/assets/MenuList-0OHGr5AC.js +0 -1
- package/dist/assets/Modal-B12sS2Yh.js +0 -1
- package/dist/assets/More-BgQrTkKM.js +0 -1
- package/dist/assets/MuiPropsContext-DhRylJZk.js +0 -11
- package/dist/assets/NativeSelect.stories-CYtg4GGs.js +0 -173
- package/dist/assets/OdysseyProvider-BPLFYiwr.js +0 -66
- package/dist/assets/OdysseyStorybookThemeDecorator-CGH8visK.js +0 -1
- package/dist/assets/OdysseyThemeProvider-BykOaJq8.js +0 -189
- package/dist/assets/PageHeader.stories-Cg0XA0p_.js +0 -57
- package/dist/assets/PageHeader.stories-DHDJTskZ.js +0 -329
- package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +0 -8
- package/dist/assets/PageTemplate _labs_.stories-DdUcW43S.js +0 -306
- package/dist/assets/PageTemplate-mjLVQesI.js +0 -21
- package/dist/assets/PageTemplate.stories-BD8Hafdu.js +0 -197
- package/dist/assets/PaginatedTable _labs_.stories-Lt6yWTDo.js +0 -65
- package/dist/assets/Pagination-BTycGMV-.js +0 -11
- package/dist/assets/Pagination.stories-rN3x32X9.js +0 -17
- package/dist/assets/Paper-DwBg74qy.js +0 -1
- package/dist/assets/PasswordField.stories-BdnDY-tl.js +0 -129
- package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +0 -18
- package/dist/assets/PickerWithOptionAdornment _labs_.stories-BxW5XACd.js +0 -70
- package/dist/assets/PlaceholderLogo-JfVvgA23.js +0 -11
- package/dist/assets/Popper-CSwIGEpk.js +0 -1
- package/dist/assets/Portal-CsPQSHsR.js +0 -1
- package/dist/assets/Radio-7iHx2pBU.js +0 -1
- package/dist/assets/Radio-AD-L5UNl.js +0 -1
- package/dist/assets/Radio.stories-eZmvoamt.js +0 -63
- package/dist/assets/RadioGroup-C_zn6OtS.js +0 -1
- package/dist/assets/RadioGroup-Mx_cTqVX.js +0 -1
- package/dist/assets/RadioGroup-yPcOJn0w.js +0 -10
- package/dist/assets/RadioGroup.stories-CackbN0d.js +0 -138
- package/dist/assets/Refresh-CgZVXlSy.js +0 -1
- package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js +0 -212
- package/dist/assets/Right-to-Left (RTL)-CALRs8aM.js +0 -62
- package/dist/assets/ScreenReaderText-D9dVDvYs.js +0 -15
- package/dist/assets/ScreenReaderText-DbrZU7M5.js +0 -1
- package/dist/assets/ScreenReaderText.stories-CuVJmeWD.js +0 -8
- package/dist/assets/Search-BSlcf4bB.js +0 -1
- package/dist/assets/SearchDropdown _labs_.stories-CQype98o.js +0 -53
- package/dist/assets/SearchField-glDE5e-X.js +0 -1
- package/dist/assets/SearchField.stories-B_myC5_S.js +0 -37
- package/dist/assets/Select-BWJ6-p1Z.js +0 -15
- package/dist/assets/Select-VvpDulqk.js +0 -1
- package/dist/assets/Select.stories-BXXrgt5o.js +0 -293
- package/dist/assets/Server-DS5iERo2.js +0 -1
- package/dist/assets/Settings-SRsJGOHl.js +0 -1
- package/dist/assets/Setup-Ri7IU42o.js +0 -7
- package/dist/assets/Shadow DOM-DK_1Epv_.js +0 -64
- package/dist/assets/Show-DXIrBgNq.js +0 -1
- package/dist/assets/SideNav-CUpwLG1e.js +0 -85
- package/dist/assets/SideNav-QMiST_j6.js +0 -131
- package/dist/assets/SideNav.stories-l5XPKDfB.js +0 -207
- package/dist/assets/Skeleton-DAUyPclv.js +0 -51
- package/dist/assets/Snackbar-DWLMI8Az.js +0 -1
- package/dist/assets/Stack-t9yXrJ7r.js +0 -1
- package/dist/assets/Stack.stories-zmhDXY_k.js +0 -1
- package/dist/assets/StaticTable _labs_.stories-DJCAtW2q.js +0 -34
- package/dist/assets/Status-CdgTiE4c.js +0 -1
- package/dist/assets/Status.stories-D5tSpO2F.js +0 -66
- package/dist/assets/Surface-BCTO1YR-.js +0 -1
- package/dist/assets/Switch.stories-r3bYAZpt.js +0 -61
- package/dist/assets/SwitchBase-CWdXZnig.js +0 -1
- package/dist/assets/Sync-CCP_JZB8.js +0 -1
- package/dist/assets/Tabs-DCV9oDtT.js +0 -23
- package/dist/assets/Tabs-Dxt5P3aJ.js +0 -1
- package/dist/assets/Tabs.stories-CmjPJB02.js +0 -100
- package/dist/assets/Tag-C_iW2sj3.js +0 -11
- package/dist/assets/Tag.stories-uilRDgPB.js +0 -96
- package/dist/assets/TagList-cWni94xt.js +0 -1
- package/dist/assets/TextField-BIepBlYn.js +0 -1
- package/dist/assets/TextField.stories-DkCMFN0S.js +0 -149
- package/dist/assets/Toast.stories-BgAm1BNQ.js +0 -134
- package/dist/assets/ToastManager.stories-DToM8bFE.js +0 -196
- package/dist/assets/Tooltip-DQDBPKMu.js +0 -11
- package/dist/assets/Tooltip-D_pBGtcj.js +0 -1
- package/dist/assets/Tooltip.stories-CgIybZDx.js +0 -68
- package/dist/assets/TopNav-Dwo-KfAw.js +0 -11
- package/dist/assets/TopNav.stories-z9mNMFB3.js +0 -13
- package/dist/assets/TransitionGroupContext-DAL84N7p.js +0 -1
- package/dist/assets/Typography-B7ktrxCD.js +0 -1
- package/dist/assets/Typography-CQfngSjD.js +0 -1
- package/dist/assets/Typography-CSpPZFTF.js +0 -1
- package/dist/assets/Typography-DBt3ajUl.js +0 -9
- package/dist/assets/Typography.stories-CitS-iTX.js +0 -73
- package/dist/assets/Typography.stories-dzT0O_H3.js +0 -139
- package/dist/assets/UiShell.stories-BV5mK0Oz.js +0 -558
- package/dist/assets/UiShellProvider-Bm9plvoZ.js +0 -31
- package/dist/assets/Upload-DH1T10x5.js +0 -1
- package/dist/assets/User-CvYTA860.js +0 -1
- package/dist/assets/UserProfile-DrnAMPM1.js +0 -11
- package/dist/assets/UserProfile.stories-C4EJFTV8.js +0 -14
- package/dist/assets/UserProfileMenuButton.stories-Dhe9t4Oh.js +0 -30
- package/dist/assets/Video-D8qbHdF4.js +0 -1
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js +0 -197
- package/dist/assets/_commonjsHelpers-gnU0ypJ3.js +0 -1
- package/dist/assets/assertThisInitialized-B9jnkVVz.js +0 -1
- package/dist/assets/axe-4JP0vCEZ.js +0 -30
- package/dist/assets/axeRun-B-LchFqf.js +0 -11
- package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +0 -1
- package/dist/assets/client-ByW5HbEz.js +0 -1
- package/dist/assets/colorManipulator-C6C6_xuT.js +0 -1
- package/dist/assets/constants-CGUp4oSR.js +0 -11
- package/dist/assets/constants-CyailK6t.js +0 -11
- package/dist/assets/createChainedFunction-BO_9K8Jh.js +0 -1
- package/dist/assets/createStyled-B0CJenTX.js +0 -1
- package/dist/assets/createSvgIcon-Bv_3NNsK.js +0 -1
- package/dist/assets/createUniqueId-ByTaVY63.js +0 -1
- package/dist/assets/debounce-Be36O1Ab.js +0 -1
- package/dist/assets/dialogActionsClasses-d6kliu8x.js +0 -1
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js +0 -1
- package/dist/assets/entry-preview-Bi6MTClg.js +0 -2
- package/dist/assets/entry-preview-docs-BKXv92OK.js +0 -46
- package/dist/assets/fieldComponentPropsMetaData-BqbNLw6V.js +0 -11
- package/dist/assets/getReactElementRef-Bs64nbeG.js +0 -1
- package/dist/assets/getScrollbarSize-Bqq2hMjQ.js +0 -1
- package/dist/assets/i18next-7SyOfhCu.js +0 -1
- package/dist/assets/iconUtils-C1HBA-0w.js +0 -11
- package/dist/assets/iframe-C7GWUW76.js +0 -211
- package/dist/assets/index-6QUE-j0v.js +0 -1
- package/dist/assets/index-B-lxVbXh.js +0 -1
- package/dist/assets/index-B5xazMy1.js +0 -1
- package/dist/assets/index-BJMTVygn.js +0 -240
- package/dist/assets/index-BJTM6NaI.js +0 -192
- package/dist/assets/index-BeeV6X6A.js +0 -1
- package/dist/assets/index-CXQShRbs.js +0 -8
- package/dist/assets/index-DfE121Jj.js +0 -384
- package/dist/assets/index-DieBXP3Z.js +0 -24
- package/dist/assets/index-DkrUiDVY.js +0 -1
- package/dist/assets/index-DoKqiSdS.js +0 -1
- package/dist/assets/index-DrFu-skq.js +0 -6
- package/dist/assets/index-NdkWRN8K.js +0 -9
- package/dist/assets/index.esm-BliC9-aw.js +0 -1
- package/dist/assets/index.esm-XFhSJO0s.js +0 -138
- package/dist/assets/index.modern-CkASn_bb.js +0 -14
- package/dist/assets/inheritsLoose-DTTkq0Su.js +0 -1
- package/dist/assets/inputUtils-Dbi8XkA6.js +0 -11
- package/dist/assets/isHostComponent-DVu5iVWx.js +0 -1
- package/dist/assets/jsx-runtime-CnH95YSl.js +0 -9
- package/dist/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
- package/dist/assets/ownerDocument-DW-IO8s5.js +0 -1
- package/dist/assets/ownerWindow-HkKU3E4x.js +0 -1
- package/dist/assets/personData-BOnk54P3.js +0 -11
- package/dist/assets/personData-L8dJyb3X.js +0 -1
- package/dist/assets/pickerComponentPropsMetadata-CozVRRyR.js +0 -21
- package/dist/assets/popper-aiaZgC6t.js +0 -1
- package/dist/assets/preview-B8lJiyuQ.js +0 -34
- package/dist/assets/preview-BAx1BwgB.js +0 -1
- package/dist/assets/preview-BBWR9nbA.js +0 -1
- package/dist/assets/preview-BWzBA1C2.js +0 -396
- package/dist/assets/preview-BaoH-L4j.js +0 -1
- package/dist/assets/preview-CYp4EYYZ.js +0 -1
- package/dist/assets/preview-CvbIS5ZJ.js +0 -1
- package/dist/assets/preview-DGUiP6tS.js +0 -7
- package/dist/assets/preview-DHQbi4pV.js +0 -1
- package/dist/assets/preview-DXRUsonv.js +0 -2
- package/dist/assets/preview-MBifGIx_.js +0 -1
- package/dist/assets/preview-NdtsJkHc.js +0 -2
- package/dist/assets/pxToRem-BrMhKUxS.js +0 -11
- package/dist/assets/queryOdysseySelector-CwauhQve.js +0 -187
- package/dist/assets/react-18-u8niHpKc.js +0 -1
- package/dist/assets/renderUiShell.stories-Pp6_Iqzc.js +0 -866
- package/dist/assets/resolveComponentProps-TTQVZ4OZ.js +0 -1
- package/dist/assets/tableSortLabelClasses-C7INAE6Y.js +0 -1
- package/dist/assets/test-utils-H9lH7T5D.js +0 -9
- package/dist/assets/uiShellSharedConstants-DD9UP82e.js +0 -11
- package/dist/assets/useAutocomplete-CD_GwhMI.js +0 -11
- package/dist/assets/useControlled-NQulfz4l.js +0 -1
- package/dist/assets/useFormControl-BMISTZuX.js +0 -1
- package/dist/assets/useIsFocusVisible-DH0qxT5e.js +0 -1
- package/dist/assets/useMobilePicker-CRiGjvfW.js +0 -6
- package/dist/assets/useMountLifecycleEffect-CjsUCFhB.js +0 -11
- package/dist/assets/useOdysseyDateFields-D1TYF4ew.js +0 -61
- package/dist/assets/useScrollIndication-Dq_i6CX-.js +0 -31
- package/dist/assets/useSlot-VN2O4BOA.js +0 -1
- package/dist/assets/useThemeProps-BgDANuN6.js +0 -1
- package/dist/assets/useThemeProps-DJ3F4KkW.js +0 -1
- package/dist/assets/useUniqueId-Bsgqe1tm.js +0 -11
- package/dist/assets/utilities.esm-DpQ0TZP_.js +0 -5
- package/dist/assets/utils-BdcLUgCD.js +0 -1
- package/dist/assets/utils-iop7lDec.js +0 -1
- package/dist/assets/v4-CtRu48qb.js +0 -1
- package/dist/assets/visuallyHidden-Dan1xhjv.js +0 -1
- package/dist/favicon.svg +0 -1
- package/dist/iframe.html +0 -748
- package/dist/index.cjs +0 -231
- package/dist/index.d.ts +0 -22
- package/dist/index.d.ts.map +0 -1
- package/dist/index.html +0 -203
- package/dist/index.js +0 -25
- package/dist/index.json +0 -1
- package/dist/index.mjs +0 -229
- package/dist/index.scss +0 -549
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/project.json +0 -1
- package/dist/sb-addons/a11y-3/manager-bundle.js +0 -220
- package/dist/sb-addons/docs-1/manager-bundle.js +0 -242
- package/dist/sb-addons/essentials-actions-5/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-backgrounds-6/manager-bundle.js +0 -12
- package/dist/sb-addons/essentials-controls-4/manager-bundle.js +0 -402
- package/dist/sb-addons/essentials-measure-9/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-outline-10/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-toolbars-8/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-viewport-7/manager-bundle.js +0 -3
- package/dist/sb-addons/interactions-11/manager-bundle.js +0 -222
- package/dist/sb-addons/links-2/manager-bundle.js +0 -3
- package/dist/sb-addons/rtl-12/manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-13/manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-common-assets/favicon.svg +0 -1
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +0 -1052
- package/dist/sb-manager/globals-runtime.js +0 -42127
- package/dist/sb-manager/globals.js +0 -48
- package/dist/sb-manager/runtime.js +0 -12048
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{c as A,_ as V,b as a,s as $,d as Y,f as Z,a6 as q,p as b,Y as J,a7 as K,a8 as Q,a9 as X,Z as ee}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as u}from"./index-NdkWRN8K.js";import{M as re}from"./Button-DPUOjyZy.js";import{M as f}from"./OdysseyProvider-BPLFYiwr.js";import{M as C}from"./TextField-BIepBlYn.js";import{M as oe}from"./RadioGroup-Mx_cTqVX.js";import{M as v}from"./Radio-AD-L5UNl.js";import{P as te}from"./Paper-DwBg74qy.js";import{M as se}from"./MenuList-0OHGr5AC.js";import{M as S}from"./MenuItem-DoUaLmgU.js";import{a as ne}from"./List-_p0jkXPM.js";import{T as d}from"./Typography-CSpPZFTF.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./RadioGroup-C_zn6OtS.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-D2d8E3Cw.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-oi_JaUho.js";const ie=["children","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"],ae=o=>{const{classes:r,inset:t,primary:s,secondary:h,dense:T}=o;return Z({root:["root",t&&"inset",T&&"dense",s&&h&&"multiline"],primary:["primary"],secondary:["secondary"]},q,r)},me=$("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[{[`& .${b.primary}`]:r.primary},{[`& .${b.secondary}`]:r.secondary},r.root,t.inset&&r.inset,t.primary&&t.secondary&&r.multiline,t.dense&&r.dense]}})(({ownerState:o})=>a({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},o.primary&&o.secondary&&{marginTop:6,marginBottom:6},o.inset&&{paddingLeft:56})),R=u.forwardRef(function(r,t){const s=A({props:r,name:"MuiListItemText"}),{children:h,className:T,disableTypography:m=!1,inset:z=!1,primary:O,primaryTypographyProps:x,secondary:W,secondaryTypographyProps:_}=s,U=V(s,ie),{dense:P}=u.useContext(ne);let n=O??h,i=W;const M=a({},s,{disableTypography:m,inset:z,primary:!!n,secondary:!!i,dense:P}),g=ae(M);return n!=null&&n.type!==d&&!m&&(n=e.jsx(d,a({variant:P?"body2":"body1",className:g.primary,component:x!=null&&x.variant?void 0:"span",display:"block"},x,{children:n}))),i!=null&&i.type!==d&&!m&&(i=e.jsx(d,a({variant:"body2",className:g.secondary,color:"text.secondary",display:"block"},_,{children:i}))),e.jsxs(me,a({className:Y(g.root,T),ownerState:M,ref:t},U,{children:[n,i]}))}),br={},p={decorators:[(o,r)=>{const t={BorderRadiusMain:"12px",PalettePrimaryMain:"green",PalettePrimaryDark:"rgb(150,0,0,1)",PalettePrimaryDarker:"rgb(150,0,0,1)",TypographyLineHeightHeading1:1.2,Spacing0:"1rem"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"Button",render:function(){return e.jsx("div",{children:e.jsx(re,{label:"Primary",variant:"primary"})})}},c={decorators:[(o,r)=>{const t={HueBlue500:"orange"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"TextField",render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(C,{autoCompleteType:"name",label:"Name",type:"text"}),e.jsx(C,{autoCompleteType:"name",label:"Password",type:"text"})]})}},l={decorators:[(o,r)=>{const t={HueBlue500:"rgba(0, 160, 100, 1)"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"RadioGroup",render:function(){return e.jsxs(oe,{"aria-describedby":"radio-hint radio-error",defaultValue:"Lightspeed",id:"radio-buttons-group",label:"Speed",children:[e.jsx(v,{label:"Lightspeed",value:"lightspeed"}),e.jsx(v,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(v,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},y={name:"CustomComponent",render:function(){const r=u.useMemo(()=>({components:{MuiListItemText:{styleOverrides:{root:{color:"red"}}}}}),[]),t=J({odysseyTokens:ee}),s=u.useMemo(()=>r&&K(Q(t,r)),[t,r]);return e.jsx(e.Fragment,{children:e.jsx(te,{children:e.jsxs(se,{children:[e.jsx(S,{children:e.jsx(X,{theme:s,children:e.jsx(R,{children:"Cut"})})}),e.jsx(S,{children:e.jsx(R,{children:"Copy"})})]})})})}};var j,E,L;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
2
|
-
decorators: [(Story, context) => {
|
|
3
|
-
const odysseyDesignTokensOverrides: DesignTokensOverride = {
|
|
4
|
-
BorderRadiusMain: "12px",
|
|
5
|
-
PalettePrimaryMain: "green",
|
|
6
|
-
//base background color
|
|
7
|
-
PalettePrimaryDark: "rgb(150,0,0,1)",
|
|
8
|
-
//used for hover/focus
|
|
9
|
-
PalettePrimaryDarker: "rgb(150,0,0,1)",
|
|
10
|
-
//used for hover/focus
|
|
11
|
-
TypographyLineHeightHeading1: 1.2,
|
|
12
|
-
Spacing0: "1rem"
|
|
13
|
-
};
|
|
14
|
-
const shadowRootElement = context.canvasElement.parentElement ?? undefined;
|
|
15
|
-
return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
|
|
16
|
-
<Story />
|
|
17
|
-
</OdysseyProvider>;
|
|
18
|
-
}],
|
|
19
|
-
name: "Button",
|
|
20
|
-
render: function C() {
|
|
21
|
-
return <div>
|
|
22
|
-
<Button label="Primary" variant="primary" />
|
|
23
|
-
</div>;
|
|
24
|
-
}
|
|
25
|
-
}`,...(L=(E=p.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var k,B,I;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
26
|
-
decorators: [(Story, context) => {
|
|
27
|
-
const odysseyDesignTokensOverrides: DesignTokensOverride = {
|
|
28
|
-
HueBlue500: "orange"
|
|
29
|
-
};
|
|
30
|
-
const shadowRootElement = context.canvasElement.parentElement ?? undefined;
|
|
31
|
-
return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
|
|
32
|
-
<Story />
|
|
33
|
-
</OdysseyProvider>;
|
|
34
|
-
}],
|
|
35
|
-
name: "TextField",
|
|
36
|
-
render: function C() {
|
|
37
|
-
return <>
|
|
38
|
-
<TextField autoCompleteType="name" label="Name" type="text" />
|
|
39
|
-
<TextField autoCompleteType="name" label="Password" type="text" />
|
|
40
|
-
</>;
|
|
41
|
-
}
|
|
42
|
-
}`,...(I=(B=c.parameters)==null?void 0:B.docs)==null?void 0:I.source}}};var D,w,F;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
43
|
-
decorators: [(Story, context) => {
|
|
44
|
-
const odysseyDesignTokensOverrides: DesignTokensOverride = {
|
|
45
|
-
HueBlue500: "rgba(0, 160, 100, 1)" // THIS IS A SAMPLE. DO NOT USE!
|
|
46
|
-
};
|
|
47
|
-
const shadowRootElement = context.canvasElement.parentElement ?? undefined;
|
|
48
|
-
return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
|
|
49
|
-
<Story />
|
|
50
|
-
</OdysseyProvider>;
|
|
51
|
-
}],
|
|
52
|
-
name: "RadioGroup",
|
|
53
|
-
render: function C() {
|
|
54
|
-
return <RadioGroup aria-describedby="radio-hint radio-error" defaultValue="Lightspeed" id="radio-buttons-group" label="Speed">
|
|
55
|
-
<Radio label="Lightspeed" value="lightspeed" />
|
|
56
|
-
<Radio label="Warp Speed" value="Warp Speed" />
|
|
57
|
-
<Radio label="Ludicrous Speed" value="Ludicrous Speed" />
|
|
58
|
-
</RadioGroup>;
|
|
59
|
-
}
|
|
60
|
-
}`,...(F=(w=l.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var H,N,G;y.parameters={...y.parameters,docs:{...(H=y.parameters)==null?void 0:H.docs,source:{originalSource:`{
|
|
61
|
-
name: "CustomComponent",
|
|
62
|
-
render: function C() {
|
|
63
|
-
const themeOverrides: ThemeOptions = useMemo(() => {
|
|
64
|
-
return {
|
|
65
|
-
components: {
|
|
66
|
-
MuiListItemText: {
|
|
67
|
-
styleOverrides: {
|
|
68
|
-
root: {
|
|
69
|
-
color: "red"
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
}, []);
|
|
76
|
-
const odysseyTheme = createOdysseyMuiTheme({
|
|
77
|
-
odysseyTokens
|
|
78
|
-
});
|
|
79
|
-
const customOdysseyTheme = useMemo(() => themeOverrides && createTheme(deepmerge(odysseyTheme, themeOverrides)), [odysseyTheme, themeOverrides]);
|
|
80
|
-
return <>
|
|
81
|
-
<Paper>
|
|
82
|
-
<MenuList>
|
|
83
|
-
<MenuItem>
|
|
84
|
-
<MuiThemeProvider theme={customOdysseyTheme}>
|
|
85
|
-
<ListItemText>Cut</ListItemText>
|
|
86
|
-
</MuiThemeProvider>
|
|
87
|
-
</MenuItem>
|
|
88
|
-
<MenuItem>
|
|
89
|
-
<ListItemText>Copy</ListItemText>
|
|
90
|
-
</MenuItem>
|
|
91
|
-
</MenuList>
|
|
92
|
-
</Paper>
|
|
93
|
-
</>;
|
|
94
|
-
}
|
|
95
|
-
}`,...(G=(N=y.parameters)==null?void 0:N.docs)==null?void 0:G.source}}};const Cr=["ButtonStory","TextFieldStory","RadioGroupStory","CustomComponentStory"];export{p as ButtonStory,y as CustomComponentStory,l as RadioGroupStory,c as TextFieldStory,Cr as __namedExportsOrder,br as default};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as c,T as a,S as l,D as d,P as p,a as h,C as n}from"./index-DfE121Jj.js";import{D as t,N as m,J as x,S as j,A as f}from"./DataFilters _labs_.stories-BdV81MCI.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./DataFilters-KxLw7hL5.js";import"./Autocomplete-Bh3XRXMy.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./Paper-DwBg74qy.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Portal-CsPQSHsR.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./useControlled-NQulfz4l.js";import"./Chip-B9WkuA4b.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./Button-BvUGu5Sm.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./Radio-7iHx2pBU.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./Menu-CU_mHT7L.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./Fade-CHnXmzFb.js";import"./MenuList-0OHGr5AC.js";import"./MenuItem-oi_JaUho.js";import"./ChevronRight-BLkvXBUf.js";import"./Bug-Z3X3t5xp.js";import"./Settings-SRsJGOHl.js";function o(r){const i={code:"code",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...s(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(c,{of:t}),`
|
|
2
|
-
`,e.jsx(a,{of:t}),`
|
|
3
|
-
`,e.jsx(l,{of:t}),`
|
|
4
|
-
`,e.jsx(d,{of:t}),`
|
|
5
|
-
`,e.jsx(p,{of:t}),`
|
|
6
|
-
`,e.jsx(h,{}),`
|
|
7
|
-
`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataFilters"})," were created as part of ",e.jsx(i.code,{children:"DataTable"}),` but have been decoupled so we can use this pattern
|
|
8
|
-
anywhere that filters are necessary.`]}),`
|
|
9
|
-
`,e.jsx(i.p,{children:`It features a unified UI for filters and search, and provides callbacks so consumers can bring their own
|
|
10
|
-
logic.`}),`
|
|
11
|
-
`,e.jsx(i.p,{children:`When filters are set, they are displayed as chips underneath the filter/search row, and can be cleared via
|
|
12
|
-
a "Clear all" button.`}),`
|
|
13
|
-
`,e.jsx(i.h2,{id:"filters",children:"Filters"}),`
|
|
14
|
-
`,e.jsxs(i.p,{children:["Exposing the Filters UI requires two props to be set: ",e.jsx(i.code,{children:"filters"})," and ",e.jsx(i.code,{children:"onChangeFilters"}),"."]}),`
|
|
15
|
-
`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"filters"})," should be an array of ",e.jsx(i.code,{children:"DataFilter"})," objects, defined as such:"]}),`
|
|
16
|
-
`,e.jsx(i.pre,{children:e.jsx(i.code,{className:"language-tsx",children:`type DataFilter = {
|
|
17
|
-
id: string;
|
|
18
|
-
label: string;
|
|
19
|
-
variant?: (typeof dataFilterVariantValues)[number];
|
|
20
|
-
value?: string | string[] | undefined;
|
|
21
|
-
options?: Array<{ label: string; value: string }>;
|
|
22
|
-
};
|
|
23
|
-
`})}),`
|
|
24
|
-
`,e.jsxs(i.p,{children:["A ",e.jsx(i.code,{children:"DataFilter"})," is of type ",e.jsx(i.code,{children:"text"})," by default, but can be set to any of the following:"]}),`
|
|
25
|
-
`,e.jsxs(i.ul,{children:[`
|
|
26
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"autocomplete"})}),`
|
|
27
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"checkbox"})}),`
|
|
28
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"date"})}),`
|
|
29
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"date-range"})}),`
|
|
30
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"multi-select"})}),`
|
|
31
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"range"})}),`
|
|
32
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"range-slider"})}),`
|
|
33
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"select"})}),`
|
|
34
|
-
`,e.jsx(i.li,{children:e.jsx(i.code,{children:"text"})}),`
|
|
35
|
-
`]}),`
|
|
36
|
-
`,e.jsxs(i.p,{children:[`The filtering UI for each of these adapts to the variant, though currently only a few variants have
|
|
37
|
-
their own UI: `,e.jsx(i.code,{children:"text"}),", ",e.jsx(i.code,{children:"checkbox"}),", ",e.jsx(i.code,{children:"multi-select"}),", and ",e.jsx(i.code,{children:"select"}),`. Any other variant will have a missing input
|
|
38
|
-
for now.`]}),`
|
|
39
|
-
`,e.jsxs(i.p,{children:["A typical usage of ",e.jsx(i.code,{children:"onChangeFilters"}),` would be to set the parent component's state to the return value,
|
|
40
|
-
or perform an effect whenever the return value changes. In the case of `,e.jsx(i.code,{children:"DataTable"}),", it fires the ",e.jsx(i.code,{children:"fetchDataFn"}),` whenever
|
|
41
|
-
the filters change.`]}),`
|
|
42
|
-
`,e.jsx(n,{of:m}),`
|
|
43
|
-
`,e.jsx(i.h2,{id:"search",children:"Search"}),`
|
|
44
|
-
`,e.jsxs(i.p,{children:["The filtering UI is only visible if ",e.jsx(i.code,{children:"filters"})," is defined. If ",e.jsx(i.code,{children:"filters"})," is undefined and ",e.jsx(i.code,{children:"onChangeSearch"}),` is defined,
|
|
45
|
-
the search UI will be displayed without accompanying filters.`]}),`
|
|
46
|
-
`,e.jsxs(i.p,{children:["By default, ",e.jsx(i.code,{children:"onChangeSearch"}),` fires whenever the user changes the input value, debounced by 200ms. You can change the debounce
|
|
47
|
-
by setting a different number of milliseconds in `,e.jsx(i.code,{children:"searchDelay"}),". Or, you can force ",e.jsx(i.code,{children:"onChangeSearch"}),` to only fire on submit by setting
|
|
48
|
-
`,e.jsx(i.code,{children:"searchOnSubmit"})," to ",e.jsx(i.code,{children:"true"}),"."]}),`
|
|
49
|
-
`,e.jsx(n,{of:x}),`
|
|
50
|
-
`,e.jsx(n,{of:j}),`
|
|
51
|
-
`,e.jsx(i.h2,{id:"additional-actions",children:"Additional actions"}),`
|
|
52
|
-
`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataFilters"})," provides a slot for additional actions by passing a ",e.jsx(i.code,{children:"ReactNode"})," into ",e.jsx(i.code,{children:"additionalActions"}),`. This is intended exclusively for
|
|
53
|
-
`,e.jsx(i.code,{children:"<Button>"})," and ",e.jsx(i.code,{children:"<MenuButton>"})," components, which will be displayed in the same row as the filters and serach, but aligned right."]}),`
|
|
54
|
-
`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataTable"})," uses this to expose density and column visibility controls."]}),`
|
|
55
|
-
`,e.jsx(n,{of:f})]})}function mi(r={}){const{wrapper:i}={...s(),...r.components};return i?e.jsx(i,{...r,children:e.jsx(o,{...r})}):o(r)}export{mi as default};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{f as A}from"./index-BJMTVygn.js";import{O as B}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M}from"./DataFilters-KxLw7hL5.js";import{M as F}from"./Box-B-R2QRDU.js";import{M as l}from"./Button-DPUOjyZy.js";import{M as j}from"./Bug-Z3X3t5xp.js";import{M as D}from"./Settings-SRsJGOHl.js";const I={component:M,decorators:[B],argTypes:{onChangeSearch:{description:"",table:{type:{summary:"(value: string) => void"}}},onChangeFilters:{description:"",table:{type:{summary:"(filters: Array<DataFilter>) => void"}}},hasSearchSubmitButton:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},searchDelayTime:{control:"number",description:"",table:{type:{summary:"number"}}},defaultSearchTerm:{control:"text",description:"",table:{type:{summary:"string"}}},additionalActions:{description:"",table:{type:{summary:"ReactNode"}}},filters:{description:"",table:{type:{summary:"Array<DataFilter>"}}}},args:{onChangeFilters:A()}},i=[{id:"text-filter",label:"Text filter",variant:"text"},{id:"autocomplete-filter",label:"Autocomplete filter",variant:"autocomplete",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]},{id:"number-filter",label:"Number filter",variant:"range"},{id:"checkbox-filter",label:"Checkbox filter",variant:"multi-select",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]},{id:"radio-filter",label:"Radio filter",variant:"select",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]}],a={args:{filters:i,onChangeSearch:e=>console.log(e)}},t={args:{filters:i,onChangeSearch:void 0}},r={args:{filters:[],onChangeSearch:e=>console.log(e)}},n={args:{filters:[],hasSearchSubmitButton:!0,onChangeSearch:e=>console.log(e)}},s={args:{filters:i,onChangeSearch:e=>console.log(e),additionalActions:o.jsxs(F,{children:[o.jsx(l,{endIcon:o.jsx(j,{}),label:"Another button",variant:"secondary"}),o.jsx(l,{ariaLabel:"Settings",endIcon:o.jsx(D,{}),variant:"secondary"})]})}};var c,m,u;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
filters: demoFilters,
|
|
4
|
-
onChangeSearch: value => console.log(value)
|
|
5
|
-
}
|
|
6
|
-
}`,...(u=(m=a.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,d,g;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
7
|
-
args: {
|
|
8
|
-
filters: demoFilters,
|
|
9
|
-
onChangeSearch: undefined
|
|
10
|
-
}
|
|
11
|
-
}`,...(g=(d=t.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var b,h,S;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
12
|
-
args: {
|
|
13
|
-
filters: [],
|
|
14
|
-
onChangeSearch: value => console.log(value)
|
|
15
|
-
}
|
|
16
|
-
}`,...(S=(h=r.parameters)==null?void 0:h.docs)==null?void 0:S.source}}};var f,v,y;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
17
|
-
args: {
|
|
18
|
-
filters: [],
|
|
19
|
-
hasSearchSubmitButton: true,
|
|
20
|
-
onChangeSearch: value => console.log(value)
|
|
21
|
-
}
|
|
22
|
-
}`,...(y=(v=n.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var x,O,C;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
23
|
-
args: {
|
|
24
|
-
filters: demoFilters,
|
|
25
|
-
onChangeSearch: value => console.log(value),
|
|
26
|
-
additionalActions: <Box>
|
|
27
|
-
<Button endIcon={<BugIcon />} label="Another button" variant="secondary" />
|
|
28
|
-
<Button ariaLabel="Settings" endIcon={<SettingsIcon />} variant="secondary" />
|
|
29
|
-
</Box>
|
|
30
|
-
}
|
|
31
|
-
}`,...(C=(O=s.parameters)==null?void 0:O.docs)==null?void 0:C.source}}};const z=["Default","NoSearch","JustSearch","SearchOnSubmit","AdditionalActions"],P=Object.freeze(Object.defineProperty({__proto__:null,AdditionalActions:s,Default:a,JustSearch:r,NoSearch:t,SearchOnSubmit:n,__namedExportsOrder:z,default:I},Symbol.toStringTag,{value:"Module"}));export{s as A,P as D,r as J,t as N,n as S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{J as ne,u as le,T as B,h as _,M as K,K as te}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as t}from"./index-NdkWRN8K.js";import{M as ie}from"./Autocomplete-Bh3XRXMy.js";import{M as r}from"./Box-B-R2QRDU.js";import{M as v}from"./Button-DPUOjyZy.js";import{M as de}from"./Checkbox-eGdyySzm.js";import{M as oe}from"./CheckboxGroup-BQ5GiUey.js";import{M as N}from"./Radio-AD-L5UNl.js";import{M as ue}from"./RadioGroup-Mx_cTqVX.js";import{M as ce}from"./SearchField-glDE5e-X.js";import{M as re}from"./Tag-C_iW2sj3.js";import{M as me}from"./TagList-cWni94xt.js";import{M as pe}from"./TextField-BIepBlYn.js";import{c as xe}from"./Typography-B7ktrxCD.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{M as he}from"./Filter-BiREetkX.js";import{M as be,P as fe}from"./Menu-CU_mHT7L.js";import{M as je}from"./MenuItem-oi_JaUho.js";import{T as ge}from"./Typography-CSpPZFTF.js";import{M as ye}from"./ChevronRight-BLkvXBUf.js";import{I as Me}from"./IconButton-Wwvz84xG.js";const ve=_("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",alignItems:"flex-end",gap:o.Spacing2})),Ie=_("div")({width:"100%"}),ke=({activeFilters:o,updateFilterAndInputValues:h})=>{const b=o.filter(l=>l.value),f=[];b.forEach(l=>{Array.isArray(l.value)&&l.value.forEach(p=>{const u=typeof p=="string"?p:p.value;f.push({id:l.id,label:l.label,value:u})}),typeof l.value=="string"&&f.push({id:l.id,label:l.label,value:l.value})});const z=l=>b.find(p=>p.id===l),E=(l,p)=>{const u=z(l);if(u){const{value:x}=u;if(Array.isArray(x)){const m=x.filter(F=>F.value!==p);h({filterId:l,value:m.length>0?m:void 0})}typeof x=="string"&&h({filterId:l,value:void 0})}};return a.jsx(me,{children:f.map(l=>a.jsx(re,{label:`${l.label}: ${l.value}`,onRemove:()=>E(l.id,l.value)},`${l.label}: ${l.value}`))})},G=t.memo(ke);G.displayName="FilterTags";const Ae=({onChangeSearch:o,onChangeFilters:h,hasSearchSubmitButton:b=!1,searchDelayTime:f=200,defaultSearchTerm:z="",additionalActions:E,filters:l=[],isDisabled:p})=>{const[u,x]=t.useState(l),{t:m}=ne(),F=le(),X=t.useMemo(()=>l.reduce((s,n)=>(s[n.id]=n.value,s),{}),[l]),[i,j]=t.useState(X),[g,C]=t.useState(z),R=t.useMemo(()=>u.filter(s=>s.value),[u]),[I,k]=t.useState(!1),[L,Y]=t.useState(),[y,w]=t.useState(!1),[q,H]=t.useState(),[e,J]=t.useState(),O=t.useRef();t.useEffect(()=>{h==null||h(u)},[u,h]);const D=t.useRef(void 0);t.useEffect(()=>{b||(D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{o==null||o(g??"")},f))},[o,g,f,b]);const U=t.useMemo(()=>(e==null?void 0:e.options)||[],[e]),A=t.useCallback(({filterId:s,value:n})=>{j({...i,[s]:n})},[i]),T=t.useCallback(({filterId:s,value:n})=>{j(d=>({...d,[s]:n}));const c=l.map(d=>({...d,value:d.id===s?n:i[d.id]}));x(c)},[i,l]),W=t.useCallback(({filterId:s,value:n})=>{A({filterId:s,value:n}),T({filterId:s,value:n})},[T,A]),Q=t.useCallback((s,n,c)=>{const d=i[s]||[],V=c?[...d,n]:d.filter(M=>M.value!==n.value),$=V.length>0?V:void 0;j({...i,[s]:$});const ae=u.map(M=>({...M,value:M.id===s?$:i[M.id]}));x(ae)},[u,i]),Z=t.useCallback((s,n)=>{j({...i,[s]:n})},[i]),P=t.useCallback(()=>{const s=l.reduce((c,d)=>(c[d.id]=void 0,c),{});j(s);const n=l.map(c=>({...c,value:void 0}));x(n)},[l]),S=t.useCallback(()=>{const s=l.map(n=>({...n,value:i[n.id]}));x(s)},[i,l]),ee=t.useMemo(()=>a.jsxs(a.Fragment,{children:[a.jsx(r,{children:a.jsx(v,{ariaControls:I?"filters-menu":void 0,ariaExpanded:I?"true":void 0,ariaHasPopup:"true",ariaLabel:m("filters.filters.arialabel"),endIcon:a.jsx(he,{}),isDisabled:p,onClick:s=>{Y(s.currentTarget),k(!0)},variant:"secondary"})}),a.jsx(be,{anchorEl:L,anchorOrigin:{horizontal:"left",vertical:"bottom"},id:"filters-menu",onClose:()=>k(!1),open:I,PaperProps:{ref:O},transformOrigin:{horizontal:"left",vertical:"top"},children:l.map(s=>{var c;const n=(c=u.find(d=>d.id===s.id))==null?void 0:c.value;return a.jsx(je,{"aria-controls":y?"filter-form":void 0,className:e===s&&y===!0?"isVisiblySelected":void 0,onClick:d=>{w(!0),H(d.currentTarget),J(s)},selected:e===s&&y===!0,children:a.jsxs(r,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minWidth:180,paddingBlock:1,paddingInlineStart:2},children:[a.jsxs(r,{sx:{marginRight:2},children:[a.jsx(ge,{fontWeight:"500",sx:{marginBlockEnd:2},children:s.label}),a.jsx(xe,{component:"div",children:!n||Array.isArray(n)&&n.length===0?a.jsx(B,{i18nKey:"filters.menuitem.any",values:{label:s.label.toLowerCase()}}):Array.isArray(n)?a.jsx(B,{count:n.length,i18nKey:"filters.menuitem.selected",values:{selected:n.length}}):n})]}),a.jsx(ye,{})]})},s.id)})})]}),[I,p,e,y,L,l,u,m]),se=t.useMemo(()=>e!=null&&e.id?i[e.id]:void 0,[e,i]);return a.jsxs(r,{children:[a.jsxs(r,{sx:{display:"flex",justifyContent:"space-between"},children:[a.jsxs(r,{sx:{display:"flex",gap:2,width:"50%",maxWidth:480},children:[u.length>0&&a.jsxs(a.Fragment,{children:[ee,a.jsx(fe,{anchorEl:q,anchorOrigin:{vertical:"top",horizontal:"right"},elevation:2,id:"filter-form",onClose:s=>{if(O.current){const n=O.current.getBoundingClientRect();s.clientX>=n.left&&s.clientX<=n.right&&s.clientY>=n.top&&s.clientY<=n.bottom||k(!1)}S(),w(!1)},open:y,sx:{marginLeft:2,marginTop:-1},children:a.jsx(r,{sx:{padding:4,minWidth:320},children:a.jsx("form",{noValidate:!0,onSubmit:s=>{s.preventDefault(),S(),w(!1),k(!1)},children:e!=null&&e.render?e.render(T):a.jsxs(a.Fragment,{children:[(e==null?void 0:e.variant)==="autocomplete"&&(e==null?void 0:e.options)&&a.jsxs(ve,{odysseyDesignTokens:F,children:[a.jsx(Ie,{children:a.jsx(ie,{hasMultipleChoices:!0,isCustomValueAllowed:e==null?void 0:e.isCustomValueAllowed,label:e.label,onChange:(s,n)=>{Z(e.id,n)},options:U,value:se})}),a.jsx(v,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(K,{}),type:"submit",variant:"primary"})]}),((e==null?void 0:e.variant)==="text"||(e==null?void 0:e.variant)==="range"||e&&(e==null?void 0:e.variant)==null)&&a.jsxs(r,{sx:{display:"flex",gap:2,alignItems:"flex-end"},children:[a.jsx(r,{sx:{width:"100%"},children:a.jsx(pe,{endAdornment:i[e.id]&&a.jsx(Me,{"aria-label":m("filters.filter.clear"),onClick:()=>{A({filterId:e.id,value:void 0}),T({filterId:e.id,value:void 0})},size:"small",children:a.jsx(te,{})}),hasInitialFocus:!0,label:e.label,onChange:s=>A({filterId:e.id,value:s.currentTarget.value}),type:e.variant==="range"?"number":"text",value:i[e.id]??""})}),a.jsx(v,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(K,{}),type:"submit",variant:"primary"})]}),(e==null?void 0:e.variant)==="multi-select"&&(e==null?void 0:e.options)&&a.jsx(oe,{isRequired:!0,label:e.label,children:e.options.map(s=>{const c=(i[e.id]||[]).some(d=>d.value===s.value);return a.jsx(de,{isChecked:c,label:s.label,onChange:(d,V)=>{Q(e.id,s,V)},value:s.value},s.value)})}),(e==null?void 0:e.variant)==="select"&&(e==null?void 0:e.options)&&a.jsxs(ue,{label:e.label,onChange:(s,n)=>{W({filterId:e.id,value:n})},children:[a.jsx(N,{isChecked:!i[e.id],label:m("filters.filter.any"),value:""}),a.jsx(a.Fragment,{children:e.options.map(s=>a.jsx(N,{isChecked:i[e.id]===s.value,label:s.label,value:s.value},s.value))})]})]})})})})]}),o&&a.jsx("form",{onSubmit:s=>{s.preventDefault(),b&&o(g)},style:{width:"100%"},children:a.jsxs(r,{sx:{display:"flex",gap:2,width:"100%"},children:[a.jsx(ce,{isDisabled:p,label:m("filters.search.label"),onChange:s=>C(s.target.value),onClear:()=>{C(""),o("")},placeholder:m("filters.search.label"),value:g}),b&&a.jsx(r,{children:a.jsx(v,{isDisabled:p,label:m("filters.search.label"),onClick:()=>o(g),variant:"primary"})})]})})]}),a.jsxs(r,{sx:{display:"flex",gap:2},children:[R.length>0&&a.jsx(r,{children:a.jsx(v,{label:m("filters.clear.label"),onClick:P,variant:"secondary"})}),E]})]}),R.length>0&&a.jsx(r,{sx:{borderTopWidth:1,borderTopColor:"#eeeeee",borderTopStyle:"solid",paddingTop:4,marginTop:4},children:a.jsx(G,{activeFilters:R,updateFilterAndInputValues:W})})]})},Te=t.memo(Ae);Te.displayName="DataFilters";export{Te as M};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as n,T as e,S as s,D as a}from"./index-DfE121Jj.js";import{D as r}from"./DataTable _labs_.stories-CTl54dDN.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./personData-BOnk54P3.js";import"./Status-CdgTiE4c.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./constants-CyailK6t.js";import"./DataView-CHGdxu-Z.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-Cd1oZPsh.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./Typography-B7ktrxCD.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./useScrollIndication-Dq_i6CX-.js";import"./EmptyState-FpIKkMpd.js";import"./Pagination-BTycGMV-.js";import"./Button-DPUOjyZy.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./DataFilters-KxLw7hL5.js";import"./Autocomplete-Bh3XRXMy.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./Field-BxkyNVQW.js";import"./ListItem-BLYwuKOG.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./ListSubheader-DO359rMr.js";import"./Checkbox-eGdyySzm.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./CheckboxGroup-BQ5GiUey.js";import"./FormGroup-D2d8E3Cw.js";import"./Radio-AD-L5UNl.js";import"./Radio-7iHx2pBU.js";import"./RadioGroup-Mx_cTqVX.js";import"./RadioGroup-C_zn6OtS.js";import"./SearchField-glDE5e-X.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./Tag-C_iW2sj3.js";import"./TagList-cWni94xt.js";import"./TextField-BIepBlYn.js";import"./Filter-BiREetkX.js";import"./MenuItem-oi_JaUho.js";import"./ChevronRight-BLkvXBUf.js";import"./CircularProgress-DxY3QwHW.js";import"./CircularProgress-AX8KCiV6.js";import"./Card-DL97TZJd.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./ChevronUp-Br-QC-XK.js";import"./MenuItem-DoUaLmgU.js";import"./List-CNCQEpRl.js";import"./constants-CGUp4oSR.js";import"./index.esm-XFhSJO0s.js";import"./DialogContent-B-pM1DP1.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./useThemeProps-DJ3F4KkW.js";import"./Collapse-DtQCvyEw.js";import"./Divider-CAwVs6Y1.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./Show-DXIrBgNq.js";import"./Refresh-CgZVXlSy.js";function p(i){const t={code:"code",p:"p",pre:"pre",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
|
|
2
|
-
`,o.jsx(e,{of:r}),`
|
|
3
|
-
`,o.jsx(s,{of:r}),`
|
|
4
|
-
`,o.jsx(a,{of:r}),`
|
|
5
|
-
`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"DataTable"})," is a convenience wrapper on top of ",o.jsx(t.code,{children:"DataView"})," that allows consumers to use the existing ",o.jsx(t.code,{children:"DataTable"}),` API, so you can have all the benefits
|
|
6
|
-
of `,o.jsx(t.code,{children:"DataView"})," without needing to change any code."]}),`
|
|
7
|
-
`,o.jsxs(t.p,{children:["To use this, just change your existing ",o.jsx(t.code,{children:"DataTable"})," import to use the ",o.jsx(t.code,{children:"@odyssey-react-mui/labs"})," version."]}),`
|
|
8
|
-
`,o.jsx(t.p,{children:"For example, this:"}),`
|
|
9
|
-
`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataTable
|
|
10
|
-
getData={getData}
|
|
11
|
-
columns={props.columns}
|
|
12
|
-
hasChangeableDensity={props.hasChangeableDensity}
|
|
13
|
-
hasColumnResizing={props.hasColumnResizing}
|
|
14
|
-
hasColumnVisibility={props.hasColumnVisibility}
|
|
15
|
-
hasSorting={props.hasSorting}
|
|
16
|
-
initialDensity={props.initialDensity}
|
|
17
|
-
renderDetailPanel={props.renderDetailPanel}
|
|
18
|
-
rowActionButtons={props.rowActionButtons}
|
|
19
|
-
rowActionMenuItems={props.rowActionMenuItems}
|
|
20
|
-
{...props}
|
|
21
|
-
/>
|
|
22
|
-
`})}),`
|
|
23
|
-
`,o.jsx(t.p,{children:"is the same as:"}),`
|
|
24
|
-
`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataView
|
|
25
|
-
availableLayouts={["table"]}
|
|
26
|
-
getData={getData}
|
|
27
|
-
tableLayoutOptions={{
|
|
28
|
-
columns: props.columns,
|
|
29
|
-
hasChangeableDensity: props.hasChangeableDensity,
|
|
30
|
-
hasColumnResizing: props.hasColumnResizing,
|
|
31
|
-
hasColumnVisibility: props.hasColumnVisibility,
|
|
32
|
-
hasSorting: props.hasSorting,
|
|
33
|
-
initialDensity: props.initialDensity,
|
|
34
|
-
renderDetailPanel: props.renderDetailPanel,
|
|
35
|
-
rowActionButtons: props.rowActionButtons,
|
|
36
|
-
rowActionMenuItems: props.rowActionMenuItems,
|
|
37
|
-
}}
|
|
38
|
-
{...props}
|
|
39
|
-
/>
|
|
40
|
-
`})}),`
|
|
41
|
-
`,o.jsx(t.p,{children:"For more information, consult the DataView documentation."})]})}function Ut(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Ut as default};
|
|
@@ -1,21 +0,0 @@
|
|
|
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-CGH8visK.js";import{d as U,c as X,f as Z,r as ee}from"./personData-BOnk54P3.js";import{p as oe}from"./constants-CyailK6t.js";import{M as D}from"./DataView-CHGdxu-Z.js";import{M as u}from"./MenuItem-DoUaLmgU.js";import{M as te}from"./Box-B-R2QRDU.js";import{M as d}from"./Button-DPUOjyZy.js";import{M as f}from"./EmptyState-FpIKkMpd.js";import{d as ae}from"./constants-CGUp4oSR.js";import{M as ne,a as se}from"./Refresh-CgZVXlSy.js";/*!
|
|
2
|
-
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/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
|
-
render: function C(args) {
|
|
13
|
-
const [data, setData] = useState<Person[]>(personData);
|
|
14
|
-
const {
|
|
15
|
-
getData,
|
|
16
|
-
onReorderRows,
|
|
17
|
-
onChangeRowSelection
|
|
18
|
-
} = useDataCallbacks(data, setData);
|
|
19
|
-
return <DataTable additionalActionButton={args.hasAdditionalActionButton ? additionalActionButton : undefined} additionalActionMenuItems={args.hasAdditionalActionMenuItems ? additionalActionMenuItems : undefined} bulkActionMenuItems={args.hasActionMenuItems ? actionMenuItems : undefined} columns={personColumns} currentPage={args.currentPage} emptyPlaceholder={args.hasCustomEmptyPlaceholder ? customEmptyPlaceholder : undefined} errorMessage={args.errorMessage} getData={getData} hasChangeableDensity={args.hasChangeableDensity} hasColumnResizing={args.hasColumnResizing} hasColumnVisibility={args.hasColumnVisibility} hasFilters={args.hasFilters} hasPagination={args.hasPagination} hasRowReordering={args.hasRowReordering} hasRowSelection={args.hasRowSelection} hasSearch={args.hasSearch} hasSearchSubmitButton={args.hasSearchSubmitButton} hasSorting={args.hasSorting} initialDensity={args.initialDensity} isEmpty={args.isEmpty} isLoading={args.isLoading} isNoResults={args.isNoResults} isRowReorderingDisabled={args.isRowReorderingDisabled} noResultsPlaceholder={args.hasCustomNoResultsPlaceholder ? customNoResultsPlaceholder : undefined} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} paginationType={args.paginationType} resultsPerPage={args.resultsPerPage} rowActionButtons={args.hasActionButtons ? actionButtons : undefined} rowActionMenuItems={args.hasActionMenuItems ? actionMenuItems : undefined} searchDelayTime={args.searchDelayTime} totalRows={args.totalRows} />;
|
|
20
|
-
}
|
|
21
|
-
}`,...(w=(M=c.parameters)==null?void 0:M.docs)==null?void 0:w.source}}};const ge=["Default"],xe=Object.freeze(Object.defineProperty({__proto__:null,Default:c,__namedExportsOrder:ge,default:re},Symbol.toStringTag,{value:"Module"}));export{xe as D};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import{J as A,T as V,u as ma,h as ua,L as ga}from"./OdysseyThemeProvider-BykOaJq8.js";import{u as pa,a as fa}from"./index.esm-XFhSJO0s.js";import{r as a}from"./index-NdkWRN8K.js";import{M as I}from"./Box-B-R2QRDU.js";import{M as xa}from"./Button-DPUOjyZy.js";import{M as H}from"./MenuButton-DvVmjwMC.js";import{M as ha}from"./Callout-qkeUDNKn.js";import{M as Ca}from"./EmptyState-FpIKkMpd.js";import{M as Sa}from"./DataFilters-KxLw7hL5.js";import{u as Ta,M as ya}from"./Pagination-BTycGMV-.js";import{M as w}from"./MenuItem-DoUaLmgU.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{B as ja}from"./Box-B6KmU4_J.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-CNCQEpRl.js";import{M as $}from"./More-BgQrTkKM.js";import{C as va}from"./Checkbox-OauVZWc5.js";import{M as wa}from"./Show-DXIrBgNq.js";import{u as Ea,a as Fa}from"./useScrollIndication-Dq_i6CX-.js";/*!
|
|
2
|
-
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/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
|
-
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
13
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
14
|
-
*
|
|
15
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
16
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
17
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
18
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
|
-
*
|
|
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}`}})),Ka=t=>t.id,La=({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:J,hasSearchSubmitButton:Me,hasSorting:De,initialDensity:ze=Se[0],initialSearchValue:q="",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),[Le,Ne]=a.useState(!0),[R,We]=a.useState("100%"),ee=a.useRef(null),ae=a.useRef(null),Ve=a.useRef(null),[P,$e]=a.useState([]),[ne,_e]=a.useState(),[L,Ge]=a.useState(ze),[k,Oe]=a.useState(q),[j,Ue]=a.useState(),[G,Ae]=a.useState(),[Je,te]=a.useState(!0),[N,qe]=a.useState(),[se,ie]=a.useState(p),[Qe,Xe]=a.useState({}),v=Be||Qe;Ea({tableOuterContainer:ee.current,tableInnerContainer:ae.current,setIsTableContainerScrolledToStart:Ke,setIsTableContainerScrolledToEnd:Ne,setTableInnerContainerWidth:We});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(()=>L==="spacious"?"MuiTableBody-spacious":L==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[L]),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(W=>W.accessorKey===u);if(C){const W=U(C);if(W)return s.concat(W)}}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&&N?i:n;return e.jsx(I,{sx:{width:R},children:s})},[i,N,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:Je,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),qe(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:[(J||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:L,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:q,filters:g?Ze:void 0,hasSearchSubmitButton:Me,isDisabled:N,onChangeFilters:g?Ue:void 0,onChangeSearch:J?Oe:void 0,searchDelayTime:Fe})}),se&&e.jsx(I,{sx:{marginBlockEnd:2},children:e.jsx(ha,{severity:"error",text:se})}),e.jsx(Ha,{isScrollableEnd:!Le,isScrollableStart:!He,odysseyDesignTokens:O,ref:ee,children:e.jsx(fa,{table:ca})}),je&&e.jsx(ya,{currentPageLabel:m("pagination.page"),currentRowsCount:z.length,isDisabled:N,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})]})},Na=a.memo(La);Na.displayName="DataTable";export{Na as M,Se as d};
|