@okta/odyssey-react-mui 1.48.0 → 1.50.1

package/dist/assets/{DataView _labs_-AutzTAhE.js → DataView _labs_-Uk1ng26p.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as a,T as s,S as l,D as d,C as c}from"./index-DfE121Jj.js";import{D as i,a as h}from"./DataView _labs_.stories-CO0XGhOV.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-B-lxVbXh.js";import"./v4-CtRu48qb.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"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./EmptyState-FpIKkMpd.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Button-DPUOjyZy.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"./MenuItem-DoUaLmgU.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-oi_JaUho.js";import"./List-_p0jkXPM.js";import"./constants-CGUp4oSR.js";import"./DataView-CHGdxu-Z.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.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"./Callout-qkeUDNKn.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./useScrollIndication-Dq_i6CX-.js";import"./Pagination-BTycGMV-.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"./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"./List-CNCQEpRl.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 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}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import{M as a,T as s,S as l,D as d,C as c}from"./index-c74KQyVj.js";import{D as i,a as h}from"./DataView _labs_.stories-BIkujkH4.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.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-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./personData-BDz2-Bac.js";import"./Status-SY8R_HiF.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./constants-CyailK6t.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./EmptyState-DqVcjLYd.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Button-DuM2NeMY.js";import"./BaseButton-C1Nzi3yl.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./MenuItem-C0i8WJAZ.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-D69h7bYZ.js";import"./List-BSidosAy.js";import"./constants-CGUp4oSR.js";import"./DataView-CBu_vDz5.js";import"./MenuButton-C-OmKt3g.js";import"./BaseMenuButton-DPFgAU1j.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./More-DLP5TTaz.js";import"./Menu-C2dEwThV.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./Callout-DY2rv89C.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./useScrollIndication-DY-bS9Bn.js";import"./Pagination-CPZOkZUE.js";import"./ArrowRight-BCdbWzwG.js";import"./InputBase-DSyP23zj.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./DataFilters-DPi4_TMw.js";import"./Autocomplete-DVDZYzDH.js";import"./useAutocomplete-B3_vLbIK.js";import"./index.esm-C8irYXeq.js";import"./Field-QbF6sK2K.js";import"./ListItem-DB9pwEx3.js";import"./FormLabel-CjrKvhME.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-BMfy4j72.js";import"./ArrowDropDown-DddCYTEO.js";import"./ListSubheader--G940pR4.js";import"./Checkbox-CMDOP82Q.js";import"./Hint-CkN2-6Wh.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./CheckboxGroup-CwIFFbkc.js";import"./FormGroup-CYHiKrU4.js";import"./Radio-B2zw408T.js";import"./Radio-BRMnUBeG.js";import"./RadioGroup-BM3_3HU2.js";import"./RadioGroup-CZWIkl-b.js";import"./SearchField-vEVEEXjl.js";import"./InputAdornment-CVIbzdDI.js";import"./Search-BH45H3v4.js";import"./Tag-DCZngwHs.js";import"./TagList-BvQLms1L.js";import"./TextField-DUdvP48K.js";import"./Filter-sXa3iWrm.js";import"./ChevronRight-SFKDVCjo.js";import"./CircularProgress-iBaxEenq.js";import"./CircularProgress-K0vgt9-g.js";import"./Card-z7130zaB.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./CardActions-C8G3mEo5.js";import"./CardActionArea-B7i8fBJO.js";import"./ChevronUp-DyYSBYAc.js";import"./List-B7JH4gjK.js";import"./index.esm-Dv3Cs9mX.js";import"./DialogContent-CfzX3t0u.js";import"./dialogActionsClasses-p1SqDmrR.js";import"./DialogTitle-DWrKQeoP.js";import"./useMobilePicker-NPR54vgn.js";import"./Select-Dg6qtAos.js";import"./useThemeProps-k7xle20R.js";import"./Collapse-DKQFr8Jv.js";import"./Divider-bVF9wNUG.js";import"./tableSortLabelClasses-BUdDGZ1b.js";import"./DateTimePicker-Bc3ybPls.js";import"./Tabs-Yjnd4xiR.js";import"./DatePicker-DcQC9osa.js";import"./Show-D1oNDX9u.js";import"./Refresh-D3vISItP.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}),`
 `,e.jsx(s,{of:i}),`
 `,e.jsx(l,{of:i}),`
 `,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
 `,e.jsx(n.h2,{id:"customization",children:"Customization"}),`
 `,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."]}),`
 `,e.jsx(c,{of:h}),`
-`,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 Zn(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{Zn as default};
+`,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-CO0XGhOV.js → DataView _labs_.stories-BIkujkH4.js }

@@ -1,4 +1,4 @@
-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-CGH8visK.js";import{d as m,c as p,f as sa,r as ra}from"./personData-BOnk54P3.js";import{p as ia}from"./constants-CyailK6t.js";import{M as b}from"./Box-B-R2QRDU.js";import{M as q}from"./EmptyState-FpIKkMpd.js";import{M as u}from"./Button-DPUOjyZy.js";import{M as R}from"./MenuItem-DoUaLmgU.js";import{M as la}from"./Status-CdgTiE4c.js";import{d as ua,a as U}from"./constants-CGUp4oSR.js";import{M as c}from"./DataView-CHGdxu-Z.js";import{M as ca,a as da}from"./Refresh-CgZVXlSy.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:`{
+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-DmBIIOGu.js";import{d as m,c as p,f as sa,r as ra}from"./personData-BDz2-Bac.js";import{p as ia}from"./constants-CyailK6t.js";import{M as b}from"./Box-BK5oZBIO.js";import{M as q}from"./EmptyState-DqVcjLYd.js";import{M as u}from"./Button-DuM2NeMY.js";import{M as R}from"./MenuItem-C0i8WJAZ.js";import{M as la}from"./Status-SY8R_HiF.js";import{d as ua,a as U}from"./constants-CGUp4oSR.js";import{M as c}from"./DataView-CBu_vDz5.js";import{M as ca,a as da}from"./Refresh-D3vISItP.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:`{
   args: {}
 }`,...(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:`{
   args: {

package/dist/assets/{DataView-CHGdxu-Z.js → DataView-CBu_vDz5.js}

@@ -1,4 +1,4 @@
-import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as s}from"./index-NdkWRN8K.js";import{M as K}from"./Box-B-R2QRDU.js";import{M as ee}from"./MenuButton-DvVmjwMC.js";import{M as Ze}from"./Callout-qkeUDNKn.js";import{c as Le}from"./createUniqueId-ByTaVY63.js";import{u as Oe,a as en}from"./useScrollIndication-Dq_i6CX-.js";import{M as nn}from"./EmptyState-FpIKkMpd.js";import{u as sn,M as tn}from"./Pagination-BTycGMV-.js";import{M as an}from"./Typography-B7ktrxCD.js";import{M as on}from"./DataFilters-KxLw7hL5.js";import{M as we}from"./Button-DPUOjyZy.js";import{j as n}from"./jsx-runtime-CnH95YSl.js";import{M as rn}from"./CircularProgress-DxY3QwHW.js";import{M as ln}from"./Card-DL97TZJd.js";import{M as cn}from"./ChevronUp-Br-QC-XK.js";import{C as ve}from"./Checkbox-OauVZWc5.js";import{T as dn}from"./Tooltip-D_pBGtcj.js";import{I as Ae}from"./IconButton-Wwvz84xG.js";import{M as J}from"./MenuItem-DoUaLmgU.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-CNCQEpRl.js";import{d as Fe,a as fn}from"./constants-CGUp4oSR.js";import{u as pn,a as hn}from"./index.esm-XFhSJO0s.js";import{M as Me}from"./More-BgQrTkKM.js";import{M as Cn}from"./Show-DXIrBgNq.js";/*!
+import{u as oe,K as J,h as I,N as ge,a3 as Ye}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as s}from"./index-NdkWRN8K.js";import{M as K}from"./Box-BK5oZBIO.js";import{M as ee}from"./MenuButton-C-OmKt3g.js";import{M as Ze}from"./Callout-DY2rv89C.js";import{c as Le}from"./createUniqueId-ByTaVY63.js";import{u as Oe,a as en}from"./useScrollIndication-DY-bS9Bn.js";import{M as nn}from"./EmptyState-DqVcjLYd.js";import{u as sn,M as tn}from"./Pagination-CPZOkZUE.js";import{M as an}from"./Typography-C4vClHaZ.js";import{M as on}from"./DataFilters-DPi4_TMw.js";import{M as we}from"./Button-DuM2NeMY.js";import{j as n}from"./jsx-runtime-CnH95YSl.js";import{M as rn}from"./CircularProgress-iBaxEenq.js";import{M as ln}from"./Card-z7130zaB.js";import{M as cn}from"./ChevronUp-DyYSBYAc.js";import{C as ve}from"./Checkbox-BlSNHylx.js";import{T as dn}from"./Tooltip-DOwIJUHs.js";import{I as Ae}from"./IconButton-CgM2Hv_L.js";import{M as Q}from"./MenuItem-C0i8WJAZ.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-B7JH4gjK.js";import{d as Fe,a as fn}from"./constants-CGUp4oSR.js";import{u as pn,a as hn}from"./index.esm-Dv3Cs9mX.js";import{M as Me}from"./More-DLP5TTaz.js";import{M as Cn}from"./Show-D1oNDX9u.js";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJ
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */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}=Q(),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}=Q(),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";/*!
+ */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";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -18,7 +18,7 @@ import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJ
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const Tn=({isRowReorderingDisabled:e,row:l,rowActionMenuItems:r,rowIndex:a,totalRows:m,updateRowOrder:t})=>{const{t:i}=Q(),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(J,{isDisabled:a<=0||e,onClick:g,children:[n.jsx(mn,{})," ",i("table.reorder.tofront")]}),n.jsxs(J,{isDisabled:a<=0||e,onClick:h,children:[n.jsx(un,{})," ",i("table.reorder.forward")]}),n.jsxs(J,{isDisabled:(m?a>=m-1:!1)||e,onClick:x,children:[n.jsx(Be,{})," ",i("table.reorder.backward")]}),m&&n.jsxs(J,{isDisabled:a>=m-1||e,onClick:f,children:[n.jsx(gn,{})," ",i("table.reorder.toback")]})]})]})},je=s.memo(Tn);je.displayName="RowActions";/*!
+ */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";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -48,7 +48,7 @@ import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJ
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const An=({availableLayouts:e,currentLayout:l,setCurrentLayout:r})=>{const{t:a}=Q(),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(J,{isSelected:l===i,onClick:o,children:g},i))})},Pe=s.memo(An);Pe.displayName="LayoutSwitcher";/*!
+ */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";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -68,7 +68,7 @@ import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJ
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */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}=Q(),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}=Q(),{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(J,{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(J,{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";/*!
+ */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";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -88,4 +88,4 @@ import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJ
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */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}=Q(),[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]),Je=s.useMemo(()=>i??F==="loadMore",[i,F]),{lastRow:Qe}=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:Je,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:Qe,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})]})},Jn=s.memo(qn);Jn.displayName="DataView";export{Jn as M};
+ */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};

package/dist/assets/{DataView.stories-6cnSmpm3.js → DataView.stories-BZ_fLfnH.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a as Xt}from"./index-B-lxVbXh.js";import{f as ho}from"./index-BJMTVygn.js";import{r as s,e as da}from"./index-NdkWRN8K.js";import{c as de,d as xe,f as fo,r as vo}from"./personData-BOnk54P3.js";import{a as ko,S as wo}from"./OdysseyProvider-BPLFYiwr.js";import{S as X,h as $,m as sa,O as Ie,C as Oe,aL as na,aK as Ye,aN as $e,aE as yo,aO as Me,q as Nt,aA as ya,aM as Te,k as Je,o as xo,p as Co,ab as se,i as So,x as Ro,aC as xa,aX as zo,al as Xe,aY as Mo,ag as he,au as Oa,aZ as Io,a7 as xn,a8 as jo,a9 as Po,aH as Ho,aI as Ao}from"./OdysseyThemeProvider-BykOaJq8.js";import{O as Bo}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{d as Do,a as yi}from"./constants-CGUp4oSR.js";import{p as Lo}from"./constants-CyailK6t.js";import{j as _,a as ea,F as Eo}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{u as No,a as Oo}from"./index.esm-XFhSJO0s.js";import{M as Cn}from"./MenuItem-oi_JaUho.js";import{B as mt}from"./Box-B6KmU4_J.js";import{T as Sn}from"./Tooltip-D_pBGtcj.js";import{B as $o}from"./Button-BvUGu5Sm.js";import{M as Rn,P as zn}from"./Menu-CU_mHT7L.js";import{C as Qt}from"./Checkbox-OauVZWc5.js";import{T as Mn}from"./Typography-CSpPZFTF.js";import{L as Fo}from"./Link-DcsndbPK.js";import{A as Vo,a as Wo}from"./AlertTitle-BDkgiA29.js";import{V as Ko}from"./index.esm-BliC9-aw.js";import{L as Uo}from"./List-_p0jkXPM.js";import{a as _o,I as Go,F as Zo}from"./ListItem-BLYwuKOG.js";import{v as qo}from"./visuallyHidden-Dan1xhjv.js";import{F as Ct}from"./FormHelperText-Ca69g4Je.js";import{F as Yo}from"./FormLabel-EOlXQpGp.js";import{I as St}from"./InputBase-6reb9B7r.js";import{A as To}from"./Autocomplete-CknstIK_.js";import{F as In}from"./FormControlLabel-CoGABX1G.js";import{F as Jo}from"./FormGroup-D2d8E3Cw.js";import{R as Xo}from"./Radio-7iHx2pBU.js";import{R as Qo}from"./RadioGroup-C_zn6OtS.js";import{I as bt}from"./InputAdornment-Dj-8HF_1.js";import{I as Rt}from"./IconButton-Wwvz84xG.js";import{C as es}from"./Chip-B9WkuA4b.js";import{S as as}from"./Stack-t9yXrJ7r.js";import{C as ts}from"./CircularProgress-AX8KCiV6.js";import{S as Le,s as aa}from"./Skeleton-DAUyPclv.js";import{C as xi,c as is}from"./CardActions-C1bW_Jqo.js";import{C as rs,a as ns}from"./CardActionArea-BaL2GhSM.js";import{M as Ee}from"./Box-B-R2QRDU.js";import{M as ei}from"./EmptyState-FpIKkMpd.js";import{M as me}from"./Button-DPUOjyZy.js";import{M as ua}from"./MenuItem-DoUaLmgU.js";import{M as ls,a as os}from"./Refresh-CgZVXlSy.js";import{M as ss}from"./Status-CdgTiE4c.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-BdcLUgCD.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-DwBg74qy.js";import"./DialogContent-B-pM1DP1.js";import"./Fade-CHnXmzFb.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./Portal-CsPQSHsR.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./colorManipulator-C6C6_xuT.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./useThemeProps-DJ3F4KkW.js";import"./useThemeProps-BgDANuN6.js";import"./Grow-6R6cTzr4.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./createStyled-B0CJenTX.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Collapse-DtQCvyEw.js";import"./Divider-CAwVs6Y1.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./SwitchBase-CWdXZnig.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./MenuList-0OHGr5AC.js";import"./DatePicker-BGoHW8Is.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./ListSubheader-DO359rMr.js";import"./Typography-B7ktrxCD.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./MenuContext-DKMyPMNY.js";function cs(a){if(a.sheet)return a.sheet;for(var e=0;e<document.styleSheets.length;e++)if(document.styleSheets[e].ownerNode===a)return document.styleSheets[e]}function ds(a){var e=document.createElement("style");return e.setAttribute("data-emotion",a.key),a.nonce!==void 0&&e.setAttribute("nonce",a.nonce),e.appendChild(document.createTextNode("")),e.setAttribute("data-s",""),e}var ps=function(){function a(t){var i=this;this._insertTag=function(r){var n;i.tags.length===0?i.insertionPoint?n=i.insertionPoint.nextSibling:i.prepend?n=i.container.firstChild:n=i.before:n=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(r,n),i.tags.push(r)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var e=a.prototype;return e.hydrate=function(t){t.forEach(this._insertTag)},e.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(ds(this));var i=this.tags[this.tags.length-1];if(this.isSpeedy){var r=cs(i);try{r.insertRule(t,r.cssRules.length)}catch{}}else i.appendChild(document.createTextNode(t));this.ctr++},e.flush=function(){this.tags.forEach(function(t){var i;return(i=t.parentNode)==null?void 0:i.removeChild(t)}),this.tags=[],this.ctr=0},a}(),ce="-ms-",ht="-moz-",K="-webkit-",jn="comm",ai="rule",ti="decl",us="@import",Pn="@keyframes",gs="@layer",ms=Math.abs,zt=String.fromCharCode,bs=Object.assign;function hs(a,e){return le(a,0)^45?(((e<<2^le(a,0))<<2^le(a,1))<<2^le(a,2))<<2^le(a,3):0}function Hn(a){return a.trim()}function fs(a,e){return(a=e.exec(a))?a[0]:a}function U(a,e,t){return a.replace(e,t)}function _t(a,e){return a.indexOf(e)}function le(a,e){return a.charCodeAt(e)|0}function za(a,e,t){return a.slice(e,t)}function je(a){return a.length}function ii(a){return a.length}function $a(a,e){return e.push(a),a}function vs(a,e){return a.map(e).join("")}var Mt=1,ga=1,An=0,be=0,te=0,ba="";function It(a,e,t,i,r,n,l){return{value:a,root:e,parent:t,type:i,props:r,children:n,line:Mt,column:ga,length:l,return:""}}function Ca(a,e){return bs(It("",null,null,"",null,null,0),a,{length:-a.length},e)}function ks(){return te}function ws(){return te=be>0?le(ba,--be):0,ga--,te===10&&(ga=1,Mt--),te}function fe(){return te=be<An?le(ba,be++):0,ga++,te===10&&(ga=1,Mt++),te}function Ae(){return le(ba,be)}function ct(){return be}function Ba(a,e){return za(ba,a,e)}function Ma(a){switch(a){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Bn(a){return Mt=ga=1,An=je(ba=a),be=0,[]}function Dn(a){return ba="",a}function dt(a){return Hn(Ba(be-1,Gt(a===91?a+2:a===40?a+1:a)))}function ys(a){for(;(te=Ae())&&te<33;)fe();return Ma(a)>2||Ma(te)>3?"":" "}function xs(a,e){for(;--e&&fe()&&!(te<48||te>102||te>57&&te<65||te>70&&te<97););return Ba(a,ct()+(e<6&&Ae()==32&&fe()==32))}function Gt(a){for(;fe();)switch(te){case a:return be;case 34:case 39:a!==34&&a!==39&&Gt(te);break;case 40:a===41&&Gt(a);break;case 92:fe();break}return be}function Cs(a,e){for(;fe()&&a+te!==57&&!(a+te===84&&Ae()===47););return"/*"+Ba(e,be-1)+"*"+zt(a===47?a:fe())}function Ss(a){for(;!Ma(Ae());)fe();return Ba(a,be)}function Rs(a){return Dn(pt("",null,null,null,[""],a=Bn(a),0,[0],a))}function pt(a,e,t,i,r,n,l,d,c){for(var p=0,u=0,m=l,g=0,f=0,b=0,w=1,x=1,y=1,v=0,k="",C=r,h=n,z=i,R=k;x;)switch(b=v,v=fe()){case 40:if(b!=108&&le(R,m-1)==58){_t(R+=U(dt(v),"&","&\f"),"&\f")!=-1&&(y=-1);break}case 34:case 39:case 91:R+=dt(v);break;case 9:case 10:case 13:case 32:R+=ys(b);break;case 92:R+=xs(ct()-1,7);continue;case 47:switch(Ae()){case 42:case 47:$a(zs(Cs(fe(),ct()),e,t),c);break;default:R+="/"}break;case 123*w:d[p++]=je(R)*y;case 125*w:case 59:case 0:switch(v){case 0:case 125:x=0;case 59+u:y==-1&&(R=U(R,/\f/g,"")),f>0&&je(R)-m&&$a(f>32?Si(R+";",i,t,m-1):Si(U(R," ","")+";",i,t,m-2),c);break;case 59:R+=";";default:if($a(z=Ci(R,e,t,p,u,r,d,k,C=[],h=[],m),n),v===123)if(u===0)pt(R,e,z,z,C,n,m,d,h);else switch(g===99&&le(R,3)===110?100:g){case 100:case 108:case 109:case 115:pt(a,z,z,i&&$a(Ci(a,z,z,0,0,r,d,k,r,C=[],m),h),r,h,m,d,i?C:h);break;default:pt(R,z,z,z,[""],h,0,d,h)}}p=u=f=0,w=y=1,k=R="",m=l;break;case 58:m=1+je(R),f=b;default:if(w<1){if(v==123)--w;else if(v==125&&w++==0&&ws()==125)continue}switch(R+=zt(v),v*w){case 38:y=u>0?1:(R+="\f",-1);break;case 44:d[p++]=(je(R)-1)*y,y=1;break;case 64:Ae()===45&&(R+=dt(fe())),g=Ae(),u=m=je(k=R+=Ss(ct())),v++;break;case 45:b===45&&je(R)==2&&(w=0)}}return n}function Ci(a,e,t,i,r,n,l,d,c,p,u){for(var m=r-1,g=r===0?n:[""],f=ii(g),b=0,w=0,x=0;b<i;++b)for(var y=0,v=za(a,m+1,m=ms(w=l[b])),k=a;y<f;++y)(k=Hn(w>0?g[y]+" "+v:U(v,/&\f/g,g[y])))&&(c[x++]=k);return It(a,e,t,r===0?ai:d,c,p,u)}function zs(a,e,t){return It(a,e,t,jn,zt(ks()),za(a,2,-2),0)}function Si(a,e,t,i){return It(a,e,t,ti,za(a,0,i),za(a,i+1,-1),i)}function pa(a,e){for(var t="",i=ii(a),r=0;r<i;r++)t+=e(a[r],r,a,e)||"";return t}function Ms(a,e,t,i){switch(a.type){case gs:if(a.children.length)break;case us:case ti:return a.return=a.return||a.value;case jn:return"";case Pn:return a.return=a.value+"{"+pa(a.children,i)+"}";case ai:a.value=a.props.join(",")}return je(t=pa(a.children,i))?a.return=a.value+"{"+t+"}":""}function Is(a){var e=ii(a);return function(t,i,r,n){for(var l="",d=0;d<e;d++)l+=a[d](t,i,r,n)||"";return l}}function js(a){return function(e){e.root||(e=e.return)&&a(e)}}function Ps(a){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=a(t)),e[t]}}var Hs=function(a,e,t){for(var i=0,r=0;i=r,r=Ae(),i===38&&r===12&&(e[t]=1),!Ma(r);)fe();return Ba(a,be)},As=function(a,e){var t=-1,i=44;do switch(Ma(i)){case 0:i===38&&Ae()===12&&(e[t]=1),a[t]+=Hs(be-1,e,t);break;case 2:a[t]+=dt(i);break;case 4:if(i===44){a[++t]=Ae()===58?"&\f":"",e[t]=a[t].length;break}default:a[t]+=zt(i)}while(i=fe());return a},Bs=function(a,e){return Dn(As(Bn(a),e))},Ri=new WeakMap,Ds=function(a){if(!(a.type!=="rule"||!a.parent||a.length<1)){for(var e=a.value,t=a.parent,i=a.column===t.column&&a.line===t.line;t.type!=="rule";)if(t=t.parent,!t)return;if(!(a.props.length===1&&e.charCodeAt(0)!==58&&!Ri.get(t))&&!i){Ri.set(a,!0);for(var r=[],n=Bs(e,r),l=t.props,d=0,c=0;d<n.length;d++)for(var p=0;p<l.length;p++,c++)a.props[c]=r[d]?n[d].replace(/&\f/g,l[p]):l[p]+" "+n[d]}}},Ls=function(a){if(a.type==="decl"){var e=a.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(a.return="",a.value="")}};function Ln(a,e){switch(hs(a,e)){case 5103:return K+"print-"+a+a;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return K+a+a;case 5349:case 4246:case 4810:case 6968:case 2756:return K+a+ht+a+ce+a+a;case 6828:case 4268:return K+a+ce+a+a;case 6165:return K+a+ce+"flex-"+a+a;case 5187:return K+a+U(a,/(\w+).+(:[^]+)/,K+"box-$1$2"+ce+"flex-$1$2")+a;case 5443:return K+a+ce+"flex-item-"+U(a,/flex-|-self/,"")+a;case 4675:return K+a+ce+"flex-line-pack"+U(a,/align-content|flex-|-self/,"")+a;case 5548:return K+a+ce+U(a,"shrink","negative")+a;case 5292:return K+a+ce+U(a,"basis","preferred-size")+a;case 6060:return K+"box-"+U(a,"-grow","")+K+a+ce+U(a,"grow","positive")+a;case 4554:return K+U(a,/([^-])(transform)/g,"$1"+K+"$2")+a;case 6187:return U(U(U(a,/(zoom-|grab)/,K+"$1"),/(image-set)/,K+"$1"),a,"")+a;case 5495:case 3959:return U(a,/(image-set\([^]*)/,K+"$1$`$1");case 4968:return U(U(a,/(.+:)(flex-)?(.*)/,K+"box-pack:$3"+ce+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+K+a+a;case 4095:case 3583:case 4068:case 2532:return U(a,/(.+)-inline(.+)/,K+"$1$2")+a;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(je(a)-1-e>6)switch(le(a,e+1)){case 109:if(le(a,e+4)!==45)break;case 102:return U(a,/(.+:)(.+)-([^]+)/,"$1"+K+"$2-$3$1"+ht+(le(a,e+3)==108?"$3":"$2-$3"))+a;case 115:return~_t(a,"stretch")?Ln(U(a,"stretch","fill-available"),e)+a:a}break;case 4949:if(le(a,e+1)!==115)break;case 6444:switch(le(a,je(a)-3-(~_t(a,"!important")&&10))){case 107:return U(a,":",":"+K)+a;case 101:return U(a,/(.+:)([^;!]+)(;|!.+)?/,"$1"+K+(le(a,14)===45?"inline-":"")+"box$3$1"+K+"$2$3$1"+ce+"$2box$3")+a}break;case 5936:switch(le(a,e+11)){case 114:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"tb")+a;case 108:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"tb-rl")+a;case 45:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"lr")+a}return K+a+ce+a+a}return a}var Es=function(a,e,t,i){if(a.length>-1&&!a.return)switch(a.type){case ti:a.return=Ln(a.value,a.length);break;case Pn:return pa([Ca(a,{value:U(a.value,"@","@"+K)})],i);case ai:if(a.length)return vs(a.props,function(r){switch(fs(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return pa([Ca(a,{props:[U(r,/:(read-\w+)/,":"+ht+"$1")]})],i);case"::placeholder":return pa([Ca(a,{props:[U(r,/:(plac\w+)/,":"+K+"input-$1")]}),Ca(a,{props:[U(r,/:(plac\w+)/,":"+ht+"$1")]}),Ca(a,{props:[U(r,/:(plac\w+)/,ce+"input-$1")]})],i)}return""})}},Ns=[Es],Os=function(a){var e=a.key;if(e==="css"){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,function(b){var w=b.getAttribute("data-emotion");w.indexOf(" ")!==-1&&(document.head.appendChild(b),b.setAttribute("data-s",""))})}var i=a.stylisPlugins||Ns,r={},n,l=[];n=a.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(b){for(var w=b.getAttribute("data-emotion").split(" "),x=1;x<w.length;x++)r[w[x]]=!0;l.push(b)});var d,c=[Ds,Ls];{var p,u=[Ms,js(function(b){p.insert(b)})],m=Is(c.concat(i,u)),g=function(b){return pa(Rs(b),m)};d=function(b,w,x,y){p=x,g(b?b+"{"+w.styles+"}":w.styles),y&&(f.inserted[w.name]=!0)}}var f={key:e,sheet:new ps({key:e,container:n,nonce:a.nonce,speedy:a.speedy,prepend:a.prepend,insertionPoint:a.insertionPoint}),nonce:a.nonce,inserted:r,registered:{},insert:d};return f.sheet.hydrate(l),f};function $s(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var zi={exports:{}},G={};/** @license React v16.13.1
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a as Xt}from"./index-B-lxVbXh.js";import{f as ho}from"./index-BJMTVygn.js";import{r as s,e as da}from"./index-NdkWRN8K.js";import{c as de,d as xe,f as fo,r as vo}from"./personData-BDz2-Bac.js";import{a as ko,S as wo}from"./OdysseyProvider-oMWLr_-4.js";import{S as X,h as $,m as sa,P as Ie,C as Oe,aL as na,aK as Ye,aN as $e,aE as yo,aO as Me,q as Nt,aA as ya,aM as Te,k as Je,o as xo,p as Co,ac as se,i as So,x as Ro,aC as xa,aX as zo,am as Xe,aY as Mo,ah as he,au as Oa,aZ as Io,a8 as xn,a9 as jo,aa as Po,aH as Ho,aI as Ao}from"./OdysseyThemeProvider-C4N_85M9.js";import{O as Bo}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{d as Do,a as yi}from"./constants-CGUp4oSR.js";import{p as Lo}from"./constants-CyailK6t.js";import{j as _,a as ea,F as Eo}from"./emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js";import{u as No,a as Oo}from"./index.esm-Dv3Cs9mX.js";import{M as Cn}from"./MenuItem-D69h7bYZ.js";import{B as mt}from"./Box-CTjIz0-2.js";import{T as Sn}from"./Tooltip-DOwIJUHs.js";import{B as $o}from"./Button-CbJri63v.js";import{M as Rn,P as zn}from"./Menu-C2dEwThV.js";import{C as Qt}from"./Checkbox-BlSNHylx.js";import{T as Mn}from"./Typography-NdqIGwl5.js";import{L as Fo}from"./Link-D0sejjD3.js";import{A as Vo,a as Wo}from"./AlertTitle-C5NflvC5.js";import{V as Ko}from"./index.esm-C8irYXeq.js";import{L as Uo}from"./List-BSidosAy.js";import{a as _o,I as Go,F as Zo}from"./ListItem-DB9pwEx3.js";import{v as qo}from"./visuallyHidden-Dan1xhjv.js";import{F as Ct}from"./FormHelperText-DQoZ2-nD.js";import{F as Yo}from"./FormLabel-CjrKvhME.js";import{I as St}from"./InputBase-DSyP23zj.js";import{A as To}from"./Autocomplete-BMfy4j72.js";import{F as In}from"./FormControlLabel-DPa22EmK.js";import{F as Jo}from"./FormGroup-CYHiKrU4.js";import{R as Xo}from"./Radio-BRMnUBeG.js";import{R as Qo}from"./RadioGroup-CZWIkl-b.js";import{I as bt}from"./InputAdornment-CVIbzdDI.js";import{I as Rt}from"./IconButton-CgM2Hv_L.js";import{C as es}from"./Chip-M3FRYspe.js";import{S as as}from"./Stack-Dyzg8njm.js";import{C as ts}from"./CircularProgress-K0vgt9-g.js";import{S as Le,s as aa}from"./Skeleton-Bgl-rJ6W.js";import{C as xi,c as is}from"./CardActions-C8G3mEo5.js";import{C as rs,a as ns}from"./CardActionArea-B7i8fBJO.js";import{M as Ee}from"./Box-BK5oZBIO.js";import{M as ei}from"./EmptyState-DqVcjLYd.js";import{M as me}from"./Button-DuM2NeMY.js";import{M as ua}from"./MenuItem-C0i8WJAZ.js";import{M as ls,a as os}from"./Refresh-D3vISItP.js";import{M as ss}from"./Status-SY8R_HiF.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./createSvgIcon-V-Po-Ssl.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-3Wr9v8NX.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./DialogContent-CfzX3t0u.js";import"./Fade-fD56BVkE.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./Portal-DK2ELYoG.js";import"./dialogActionsClasses-p1SqDmrR.js";import"./DialogTitle-DWrKQeoP.js";import"./colorManipulator-BmBCr6qx.js";import"./useMobilePicker-NPR54vgn.js";import"./Select-Dg6qtAos.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./ArrowDropDown-DddCYTEO.js";import"./useThemeProps-k7xle20R.js";import"./useThemeProps-BX3arxP9.js";import"./Grow-D6A2VZqw.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./createStyled-CcazfAPj.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Collapse-DKQFr8Jv.js";import"./Divider-bVF9wNUG.js";import"./tableSortLabelClasses-BUdDGZ1b.js";import"./SwitchBase-n4YlIRfi.js";import"./DateTimePicker-Bc3ybPls.js";import"./Tabs-Yjnd4xiR.js";import"./MenuList-BCZDiX8u.js";import"./DatePicker-DcQC9osa.js";import"./createBox-Cu6fLdzL.js";import"./useSlot-D_uu6bU4.js";import"./Close-DJA1l50S.js";import"./ListSubheader--G940pR4.js";import"./Typography-C4vClHaZ.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./MenuContext-DKMyPMNY.js";function cs(a){if(a.sheet)return a.sheet;for(var e=0;e<document.styleSheets.length;e++)if(document.styleSheets[e].ownerNode===a)return document.styleSheets[e]}function ds(a){var e=document.createElement("style");return e.setAttribute("data-emotion",a.key),a.nonce!==void 0&&e.setAttribute("nonce",a.nonce),e.appendChild(document.createTextNode("")),e.setAttribute("data-s",""),e}var ps=function(){function a(t){var i=this;this._insertTag=function(r){var n;i.tags.length===0?i.insertionPoint?n=i.insertionPoint.nextSibling:i.prepend?n=i.container.firstChild:n=i.before:n=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(r,n),i.tags.push(r)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var e=a.prototype;return e.hydrate=function(t){t.forEach(this._insertTag)},e.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(ds(this));var i=this.tags[this.tags.length-1];if(this.isSpeedy){var r=cs(i);try{r.insertRule(t,r.cssRules.length)}catch{}}else i.appendChild(document.createTextNode(t));this.ctr++},e.flush=function(){this.tags.forEach(function(t){var i;return(i=t.parentNode)==null?void 0:i.removeChild(t)}),this.tags=[],this.ctr=0},a}(),ce="-ms-",ht="-moz-",K="-webkit-",jn="comm",ai="rule",ti="decl",us="@import",Pn="@keyframes",gs="@layer",ms=Math.abs,zt=String.fromCharCode,bs=Object.assign;function hs(a,e){return le(a,0)^45?(((e<<2^le(a,0))<<2^le(a,1))<<2^le(a,2))<<2^le(a,3):0}function Hn(a){return a.trim()}function fs(a,e){return(a=e.exec(a))?a[0]:a}function U(a,e,t){return a.replace(e,t)}function _t(a,e){return a.indexOf(e)}function le(a,e){return a.charCodeAt(e)|0}function za(a,e,t){return a.slice(e,t)}function je(a){return a.length}function ii(a){return a.length}function $a(a,e){return e.push(a),a}function vs(a,e){return a.map(e).join("")}var Mt=1,ga=1,An=0,be=0,te=0,ba="";function It(a,e,t,i,r,n,l){return{value:a,root:e,parent:t,type:i,props:r,children:n,line:Mt,column:ga,length:l,return:""}}function Ca(a,e){return bs(It("",null,null,"",null,null,0),a,{length:-a.length},e)}function ks(){return te}function ws(){return te=be>0?le(ba,--be):0,ga--,te===10&&(ga=1,Mt--),te}function fe(){return te=be<An?le(ba,be++):0,ga++,te===10&&(ga=1,Mt++),te}function Ae(){return le(ba,be)}function ct(){return be}function Ba(a,e){return za(ba,a,e)}function Ma(a){switch(a){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Bn(a){return Mt=ga=1,An=je(ba=a),be=0,[]}function Dn(a){return ba="",a}function dt(a){return Hn(Ba(be-1,Gt(a===91?a+2:a===40?a+1:a)))}function ys(a){for(;(te=Ae())&&te<33;)fe();return Ma(a)>2||Ma(te)>3?"":" "}function xs(a,e){for(;--e&&fe()&&!(te<48||te>102||te>57&&te<65||te>70&&te<97););return Ba(a,ct()+(e<6&&Ae()==32&&fe()==32))}function Gt(a){for(;fe();)switch(te){case a:return be;case 34:case 39:a!==34&&a!==39&&Gt(te);break;case 40:a===41&&Gt(a);break;case 92:fe();break}return be}function Cs(a,e){for(;fe()&&a+te!==57&&!(a+te===84&&Ae()===47););return"/*"+Ba(e,be-1)+"*"+zt(a===47?a:fe())}function Ss(a){for(;!Ma(Ae());)fe();return Ba(a,be)}function Rs(a){return Dn(pt("",null,null,null,[""],a=Bn(a),0,[0],a))}function pt(a,e,t,i,r,n,l,d,c){for(var p=0,u=0,m=l,g=0,f=0,b=0,w=1,x=1,y=1,v=0,k="",C=r,h=n,z=i,R=k;x;)switch(b=v,v=fe()){case 40:if(b!=108&&le(R,m-1)==58){_t(R+=U(dt(v),"&","&\f"),"&\f")!=-1&&(y=-1);break}case 34:case 39:case 91:R+=dt(v);break;case 9:case 10:case 13:case 32:R+=ys(b);break;case 92:R+=xs(ct()-1,7);continue;case 47:switch(Ae()){case 42:case 47:$a(zs(Cs(fe(),ct()),e,t),c);break;default:R+="/"}break;case 123*w:d[p++]=je(R)*y;case 125*w:case 59:case 0:switch(v){case 0:case 125:x=0;case 59+u:y==-1&&(R=U(R,/\f/g,"")),f>0&&je(R)-m&&$a(f>32?Si(R+";",i,t,m-1):Si(U(R," ","")+";",i,t,m-2),c);break;case 59:R+=";";default:if($a(z=Ci(R,e,t,p,u,r,d,k,C=[],h=[],m),n),v===123)if(u===0)pt(R,e,z,z,C,n,m,d,h);else switch(g===99&&le(R,3)===110?100:g){case 100:case 108:case 109:case 115:pt(a,z,z,i&&$a(Ci(a,z,z,0,0,r,d,k,r,C=[],m),h),r,h,m,d,i?C:h);break;default:pt(R,z,z,z,[""],h,0,d,h)}}p=u=f=0,w=y=1,k=R="",m=l;break;case 58:m=1+je(R),f=b;default:if(w<1){if(v==123)--w;else if(v==125&&w++==0&&ws()==125)continue}switch(R+=zt(v),v*w){case 38:y=u>0?1:(R+="\f",-1);break;case 44:d[p++]=(je(R)-1)*y,y=1;break;case 64:Ae()===45&&(R+=dt(fe())),g=Ae(),u=m=je(k=R+=Ss(ct())),v++;break;case 45:b===45&&je(R)==2&&(w=0)}}return n}function Ci(a,e,t,i,r,n,l,d,c,p,u){for(var m=r-1,g=r===0?n:[""],f=ii(g),b=0,w=0,x=0;b<i;++b)for(var y=0,v=za(a,m+1,m=ms(w=l[b])),k=a;y<f;++y)(k=Hn(w>0?g[y]+" "+v:U(v,/&\f/g,g[y])))&&(c[x++]=k);return It(a,e,t,r===0?ai:d,c,p,u)}function zs(a,e,t){return It(a,e,t,jn,zt(ks()),za(a,2,-2),0)}function Si(a,e,t,i){return It(a,e,t,ti,za(a,0,i),za(a,i+1,-1),i)}function pa(a,e){for(var t="",i=ii(a),r=0;r<i;r++)t+=e(a[r],r,a,e)||"";return t}function Ms(a,e,t,i){switch(a.type){case gs:if(a.children.length)break;case us:case ti:return a.return=a.return||a.value;case jn:return"";case Pn:return a.return=a.value+"{"+pa(a.children,i)+"}";case ai:a.value=a.props.join(",")}return je(t=pa(a.children,i))?a.return=a.value+"{"+t+"}":""}function Is(a){var e=ii(a);return function(t,i,r,n){for(var l="",d=0;d<e;d++)l+=a[d](t,i,r,n)||"";return l}}function js(a){return function(e){e.root||(e=e.return)&&a(e)}}function Ps(a){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=a(t)),e[t]}}var Hs=function(a,e,t){for(var i=0,r=0;i=r,r=Ae(),i===38&&r===12&&(e[t]=1),!Ma(r);)fe();return Ba(a,be)},As=function(a,e){var t=-1,i=44;do switch(Ma(i)){case 0:i===38&&Ae()===12&&(e[t]=1),a[t]+=Hs(be-1,e,t);break;case 2:a[t]+=dt(i);break;case 4:if(i===44){a[++t]=Ae()===58?"&\f":"",e[t]=a[t].length;break}default:a[t]+=zt(i)}while(i=fe());return a},Bs=function(a,e){return Dn(As(Bn(a),e))},Ri=new WeakMap,Ds=function(a){if(!(a.type!=="rule"||!a.parent||a.length<1)){for(var e=a.value,t=a.parent,i=a.column===t.column&&a.line===t.line;t.type!=="rule";)if(t=t.parent,!t)return;if(!(a.props.length===1&&e.charCodeAt(0)!==58&&!Ri.get(t))&&!i){Ri.set(a,!0);for(var r=[],n=Bs(e,r),l=t.props,d=0,c=0;d<n.length;d++)for(var p=0;p<l.length;p++,c++)a.props[c]=r[d]?n[d].replace(/&\f/g,l[p]):l[p]+" "+n[d]}}},Ls=function(a){if(a.type==="decl"){var e=a.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(a.return="",a.value="")}};function Ln(a,e){switch(hs(a,e)){case 5103:return K+"print-"+a+a;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return K+a+a;case 5349:case 4246:case 4810:case 6968:case 2756:return K+a+ht+a+ce+a+a;case 6828:case 4268:return K+a+ce+a+a;case 6165:return K+a+ce+"flex-"+a+a;case 5187:return K+a+U(a,/(\w+).+(:[^]+)/,K+"box-$1$2"+ce+"flex-$1$2")+a;case 5443:return K+a+ce+"flex-item-"+U(a,/flex-|-self/,"")+a;case 4675:return K+a+ce+"flex-line-pack"+U(a,/align-content|flex-|-self/,"")+a;case 5548:return K+a+ce+U(a,"shrink","negative")+a;case 5292:return K+a+ce+U(a,"basis","preferred-size")+a;case 6060:return K+"box-"+U(a,"-grow","")+K+a+ce+U(a,"grow","positive")+a;case 4554:return K+U(a,/([^-])(transform)/g,"$1"+K+"$2")+a;case 6187:return U(U(U(a,/(zoom-|grab)/,K+"$1"),/(image-set)/,K+"$1"),a,"")+a;case 5495:case 3959:return U(a,/(image-set\([^]*)/,K+"$1$`$1");case 4968:return U(U(a,/(.+:)(flex-)?(.*)/,K+"box-pack:$3"+ce+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+K+a+a;case 4095:case 3583:case 4068:case 2532:return U(a,/(.+)-inline(.+)/,K+"$1$2")+a;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(je(a)-1-e>6)switch(le(a,e+1)){case 109:if(le(a,e+4)!==45)break;case 102:return U(a,/(.+:)(.+)-([^]+)/,"$1"+K+"$2-$3$1"+ht+(le(a,e+3)==108?"$3":"$2-$3"))+a;case 115:return~_t(a,"stretch")?Ln(U(a,"stretch","fill-available"),e)+a:a}break;case 4949:if(le(a,e+1)!==115)break;case 6444:switch(le(a,je(a)-3-(~_t(a,"!important")&&10))){case 107:return U(a,":",":"+K)+a;case 101:return U(a,/(.+:)([^;!]+)(;|!.+)?/,"$1"+K+(le(a,14)===45?"inline-":"")+"box$3$1"+K+"$2$3$1"+ce+"$2box$3")+a}break;case 5936:switch(le(a,e+11)){case 114:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"tb")+a;case 108:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"tb-rl")+a;case 45:return K+a+ce+U(a,/[svh]\w+-[tblr]{2}/,"lr")+a}return K+a+ce+a+a}return a}var Es=function(a,e,t,i){if(a.length>-1&&!a.return)switch(a.type){case ti:a.return=Ln(a.value,a.length);break;case Pn:return pa([Ca(a,{value:U(a.value,"@","@"+K)})],i);case ai:if(a.length)return vs(a.props,function(r){switch(fs(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return pa([Ca(a,{props:[U(r,/:(read-\w+)/,":"+ht+"$1")]})],i);case"::placeholder":return pa([Ca(a,{props:[U(r,/:(plac\w+)/,":"+K+"input-$1")]}),Ca(a,{props:[U(r,/:(plac\w+)/,":"+ht+"$1")]}),Ca(a,{props:[U(r,/:(plac\w+)/,ce+"input-$1")]})],i)}return""})}},Ns=[Es],Os=function(a){var e=a.key;if(e==="css"){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,function(b){var w=b.getAttribute("data-emotion");w.indexOf(" ")!==-1&&(document.head.appendChild(b),b.setAttribute("data-s",""))})}var i=a.stylisPlugins||Ns,r={},n,l=[];n=a.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(b){for(var w=b.getAttribute("data-emotion").split(" "),x=1;x<w.length;x++)r[w[x]]=!0;l.push(b)});var d,c=[Ds,Ls];{var p,u=[Ms,js(function(b){p.insert(b)})],m=Is(c.concat(i,u)),g=function(b){return pa(Rs(b),m)};d=function(b,w,x,y){p=x,g(b?b+"{"+w.styles+"}":w.styles),y&&(f.inserted[w.name]=!0)}}var f={key:e,sheet:new ps({key:e,container:n,nonce:a.nonce,speedy:a.speedy,prepend:a.prepend,insertionPoint:a.insertionPoint}),nonce:a.nonce,inserted:r,registered:{},insert:d};return f.sheet.hydrate(l),f};function $s(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var zi={exports:{}},G={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -476,7 +476,7 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a as Xt}from"./index-B-lxVb
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const Hv=({tableOuterContainer:a,tableInnerContainer:e,setIsTableContainerScrolledToStart:t,setIsTableContainerScrolledToEnd:i,setTableInnerContainerWidth:r})=>{const n=s.useRef(null),l=s.useRef(null),d=ie(),c=s.useCallback(()=>{if(!a||!e)return;const p=a.clientWidth,u=e.scrollWidth,m=e.scrollLeft,g=m+p;t(m<=16),i(g>=u-16)},[e,a,i,t]);return s.useEffect(()=>{if(typeof ResizeObserver>"u"||l.current)return;let p;return l.current=new ResizeObserver(()=>{clearTimeout(p),p=setTimeout(()=>{n.current||(n.current=requestAnimationFrame(()=>{c(),n.current=null})),r(e!=null&&e.clientWidth?`${e.clientWidth-Number(d.BorderWidthMain)*2}px`:"100%")},100)}),a&&a.parentElement&&l.current.observe(a.parentElement),()=>{l.current&&(l.current.disconnect(),l.current=null),clearTimeout(p),n.current&&(cancelAnimationFrame(n.current),n.current=null)}},[c,r,a,e,t,i,d.BorderWidthMain]),s.useEffect(()=>(e==null||e.addEventListener("scroll",c),()=>e==null?void 0:e.removeEventListener("scroll",c)),[e,c]),s.useEffect(()=>{c()},[]),((e==null?void 0:e.scrollWidth)??0)-((e==null?void 0:e.clientWidth)??0)>0},Av=$("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Bv=$("div")({display:"flex"}),Dv=({columns:a,data:e,draggingRow:t,emptyState:i,enableVirtualization:r,getRowId:n,hasRowReordering:l,hasRowSelection:d,isEmpty:c,isLoading:p,isNoResults:u,isRowReorderingDisabled:m,onReorderRows:g,pagination:f,rowReorderingUtilities:b,rowSelection:w,setRowSelection:x,setTableState:y,tableLayoutOptions:v,tableState:k,totalRows:C})=>{const[h,z]=s.useState(!0),[R,j]=s.useState(!0),[P,S]=s.useState("100%"),M=s.useRef(!1),V=s.useRef(null),D=s.useRef(null),O=s.useRef(null),B=Hv({setIsTableContainerScrolledToEnd:j,setIsTableContainerScrolledToStart:z,setTableInnerContainerWidth:S,tableInnerContainer:D.current,tableOuterContainer:V.current}),H=s.useMemo(()=>v.hasColumnPinning,[v]),E=s.useMemo(()=>v.selectPinnedColumns,[v]);s.useEffect(()=>{y(H?L=>{const{left:T,right:J}=(E==null?void 0:E(a,B))??L.columnPinning,Ge=new Set(T),ze=(J==null?void 0:J.filter(Ze=>Ge.has(Ze)))??[],Ne=document.documentElement.getAttribute("dir")==="rtl";ze.length>0&&console.warn(`Column pinning conflict: Columns [${ze.join(", ")}] found in both left and right arrays. Keeping in ${Ne?"right":"left"}, removing from ${Ne?"left":"right"}.`);const wa=new Set(J);return{...L,columnPinning:Ne?{left:T,right:J==null?void 0:J.filter(Ze=>!Ge.has(Ze))}:{left:T==null?void 0:T.filter(Ze=>!wa.has(Ze)),right:J}}}:L=>({...L,columnPinning:{left:[],right:[]}}))},[a,H,B,E,y]);const W=ie(),{t:F}=mi(),ae=s.useMemo(()=>a.map(L=>L.accessorKey)??[],[a]),Se=s.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(ae==null?void 0:ae.filter(L=>typeof L=="string"))||[],"mrt-row-actions"],[ae]),_e=s.useMemo(()=>k.rowDensity==="spacious"?"MuiTableBody-spacious":k.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[k]),Re=s.useCallback(({cell:L})=>{const T=L.getValue();return L.column.columnDef.hasTextWrapping||L.column.columnDef.enableWrapping?T:_(Av,{children:T})},[]),{draggableTableBodyRowClassName:I,dragHandleStyles:A,dragHandleText:q,handleDragHandleKeyDown:Q,handleDragHandleOnDragCapture:re,handleDragHandleOnDragEnd:Be,resetDraggingAndHoveredRow:Y,updateRowOrder:ee}=b,ye=s.useCallback(({row:L})=>{var J;const T=L.index+(f.pageIndex-1)*f.pageSize;return ea(Bv,{children:[(J=v.rowActionButtons)==null?void 0:J.call(v,L.original),(v.rowActionMenuItems||l)&&_(Ue,{ariaLabel:F("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:_(ma,{}),menuAlignment:"right",size:"small",children:_(gi,{isRowReorderingDisabled:m,row:L,rowActionMenuItems:v.rowActionMenuItems,rowIndex:T,totalRows:C,updateRowOrder:l&&g?ee:void 0})})]})},[l,m,g,f.pageIndex,f.pageSize,F,v,C,ee]),va=s.useMemo(()=>({width:P}),[P]),ia=s.useCallback(()=>_(Z,{sx:va,children:i}),[va,i]);s.useEffect(()=>{r&&(M.current=!0)},[r,f]),s.useEffect(()=>{var L,T;M.current&&O.current&&typeof((L=D.current)==null?void 0:L.scrollTo)<"u"&&((T=D.current)==null||T.scrollTo(0,O.current.clientHeight),M.current=!1)},[e]);const At=s.useMemo(()=>!!(l===!0&&g||v.rowActionButtons||v.rowActionMenuItems),[l,g,v.rowActionButtons,v.rowActionMenuItems]),ka=a.some(L=>L.grow===!0),Bt=No({data:!c&&!u?e:[],columns:a,getRowId:n,state:{sorting:k.columnSorting,columnPinning:k.columnPinning,columnVisibility:k.columnVisibility,isLoading:p,rowSelection:w,columnOrder:Se},icons:{ArrowDownwardIcon:oi,DragHandleIcon:si,SyncAltIcon:al,ExpandMoreIcon:We},...Zf,displayColumnDefOptions:{...qf,"mrt-row-actions":{header:"",grow:!ka,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:ea(Z,{sx:{display:"flex",visibility:"hidden"},children:[v.rowActionButtons&&v.rowActionButtons(),(l===!0&&g||v.rowActionMenuItems)&&_(Z,{children:_(ve,{ariaLabel:F("table.moreactions.arialabel"),endIcon:_(ma,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}}},muiTableProps:{ref:O,className:!At&&v.hasColumnResizing?ka?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:D},muiTableBodyProps:()=>({className:_e,tabIndex:0,sx:c||u?{height:"unset"}:void 0}),enableColumnActions:H,enableColumnPinning:H,onColumnPinningChange:L=>{const T=typeof L=="function"?L(k.columnPinning):L;y(J=>({...J,columnPinning:T}))},enableColumnResizing:v.hasColumnResizing,defaultColumn:{Cell:Re},enableRowActions:!!(l===!0&&g||v.rowActionButtons||v.rowActionMenuItems),renderRowActions:({row:L})=>ye({row:L}),enableRowOrdering:l&&!!g,enableRowDragging:l&&!!g,muiDetailPanelProps:({row:L})=>({sx:{paddingBlock:L.getIsExpanded()?`${W.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:L,row:T,isDetailPanel:J})=>{var ze,Ne;const Ge=((ze=v==null?void 0:v.getCustomRowStyles)==null?void 0:ze.call(v,T))??{};return{className:I({currentRowId:T.id,draggingRowId:t==null?void 0:t.id,hoveredRowId:(Ne=L.getState().hoveredRow)==null?void 0:Ne.id}),sx:J?{...Ge,paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:`${W.HueNeutralWhite} !important`}}:Ge}},muiRowDragHandleProps:({table:L,row:T})=>({onKeyDown:J=>Q({table:L,row:T,event:J}),onBlur:()=>Y(L),onDragEnd:()=>Be(L),onDragCapture:()=>re(L),disabled:m,sx:A,...q}),renderDetailPanel:v.renderDetailPanel,enableRowVirtualization:r,muiTableHeadCellProps:({column:L})=>({className:k.columnSorting.find(T=>T.id===L.id)?"isSorted":"isUnsorted",sx:{".Mui-TableHeadCell-Content":H?{gap:W.Spacing2}:{}}}),muiTableBodyCellProps:({column:L})=>({className:L.getIsResizing()?"isResizing":""}),enableSorting:v.hasSorting===!0,onSortingChange:L=>{const T=typeof L=="function"?L(k.columnSorting):k.columnSorting;y(J=>({...J,columnSorting:T}))},enableRowSelection:d,onRowSelectionChange:x,renderEmptyRowsFallback:ia,localization:{collapse:F("table.rowexpansion.collapse"),collapseAll:F("table.rowexpansion.collapseall"),expand:F("table.rowexpansion.expand"),expandAll:F("table.rowexpansion.expandall")}});return _(Yf,{isScrollableEnd:!R,isScrollableStart:!h,odysseyDesignTokens:W,ref:V,children:_(Oo,{table:Bt})})},so=s.memo(Dv);so.displayName="TableLayoutContent";const Lv=({setTableState:a,tableLayoutOptions:e,tableState:t})=>{const{t:i}=mi(),{hasChangeableDensity:r,hasColumnVisibility:n,columns:l}=e,{rowDensity:d,columnVisibility:c}=t,p=s.useCallback(b=>{a(w=>({...w,rowDensity:b}))},[a]),u=s.useCallback(b=>{a(w=>({...w,columnVisibility:{...w.columnVisibility,[b]:w.columnVisibility?w.columnVisibility[b]===!1:!1}}))},[a]),m=s.useMemo(()=>new Set(l.filter(b=>c?c[b.accessorKey]!==!1:!0).map(b=>b.accessorKey)),[l,c]),g=s.useMemo(()=>r&&_(Ue,{ariaLabel:i("table.density.arialabel"),endIcon:_(pl,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:lo.map(b=>_(Fe,{isSelected:d===b,onClick:()=>p(b),children:i(`table.density.${b}`)},b))}),[r,i,d,p]),f=s.useMemo(()=>n&&_(Ue,{ariaLabel:i("table.columnvisibility.arialabel"),endIcon:_(gl,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:l.filter(b=>b.enableHiding!==!1).map(b=>ea(Fe,{onClick:()=>u(b.id),children:[_(Qt,{checked:m.has(b.id)}),b.header]},b.accessorKey))}),[n,i,l,u,m]);return ea(Eo,{children:[g,f]})},co=s.memo(Lv);co.displayName="TableSettings";const Ev=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",flexDirection:"column",gap:a.Spacing4})),Nv=$("div")(()=>({display:"flex",justifyContent:"space-between"})),Ov=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",justifyContent:"flex-end",gap:a.Spacing2})),$v=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",alignItems:"center",gap:a.Spacing2})),Fv=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({marginInlineEnd:a.Spacing2})),Vv=({additionalActionButton:a,additionalActionMenuItems:e,availableLayouts:t=Uf,bulkActionMenuItems:i,currentPage:r=1,emptyPlaceholder:n,enableVirtualization:l,errorMessage:d,filters:c,getData:p,getRowId:u,hasFilters:m,hasPagination:g,hasPageInput:f,hasRowCountInput:b,hasRowCountLabel:w,hasSearch:x,hasSearchSubmitButton:y,hasRowReordering:v,hasRowSelection:k,initialLayout:C,isEmpty:h,isLoading:z,isNoResults:R,isPaginationMoreDisabled:j,isRowReorderingDisabled:P,metaText:S,noResultsPlaceholder:M,onChangeRowSelection:V,onReorderRows:D,onRowSelectionChange:O,paginationType:B="paged",resultsPerPage:H=20,searchDelayTime:E,cardLayoutOptions:W,tableLayoutOptions:F,totalRows:ae,maxPages:Se,maxResultsPerPage:_e,onPaginationChange:Re})=>{const I=ie(),{t:A}=mi(),[q,Q]=s.useState(C??t[0]),[re,Be]=s.useState([]),[Y,ee]=s.useState(z??!0),[ye,va]=s.useState(h??!0),[ia,At]=s.useState(R??!1),[ka,Bt]=s.useState(d),[L,T]=s.useState(""),[J,Ge]=s.useState(c),[ze,Ne]=s.useState(c),[wa,Ze]=s.useState(),[qe,Dt]=s.useState({});s.useEffect(()=>{V==null||V(qe)},[qe,V]),s.useEffect(()=>{O==null||O(qe)},[qe,O]);const[ne,Lt]=s.useState({pageIndex:r,pageSize:H}),[De,hi]=s.useState({columnPinning:{left:[],right:[]},columnSorting:[],columnVisibility:{},rowDensity:(F==null?void 0:F.initialDensity)??lo[0]}),Et=x||m||a||e,ra=Tf({filters:ze,columns:F==null?void 0:F.columns});s.useEffect(()=>{!J&&ra&&Ge(ra)},[ra,J]);const fi=s.useMemo(()=>({page:ne.pageIndex,resultsPerPage:ne.pageSize,search:L,filters:ra,sort:De==null?void 0:De.columnSorting}),[ne.pageIndex,ne.pageSize,L,ra,De==null?void 0:De.columnSorting]),vi=s.useCallback((ge,mo,bo)=>u?u(ge,mo,bo):ge.id?ge.id:fl(),[u]);s.useEffect(()=>{Lt({pageIndex:r,pageSize:H})},[r,H]),s.useEffect(()=>{Lt(ge=>({pageIndex:1,pageSize:B=="loadMore"?H:ge.pageSize}))},[ze,B,H,L]),s.useEffect(()=>{Re==null||Re(ne)},[Re,ne]),s.useEffect(()=>{_f({dataQueryParams:fi,errorMessageProp:d,getData:p,setData:Be,setErrorMessage:Bt,setIsLoading:z?void 0:ee})},[fi,d,p,z]),s.useEffect(()=>{va(ne.pageIndex===r&&ne.pageSize===H&&L===""&&(!m||ze===J)&&re.length===0)},[r,re,ze,m,J,ne,H,L]),s.useEffect(()=>{ee(ge=>z??ge)},[z]),s.useEffect(()=>{va(ge=>h??ge)},[h]),s.useEffect(()=>{At(ge=>R??ge)},[R]);const ki=s.useMemo(()=>{const ge=M||_(El,{description:A("table.noresults.text"),heading:A("table.noresults.heading")});if(ye)return n||ge;if(ia)return ge},[M,A,ye,ia,n]),Na=s.useMemo(()=>(S||q==="table"&&F||t.length>1||a||e)&&ea($v,{odysseyDesignTokens:I,children:[S&&_(Fv,{odysseyDesignTokens:I,children:_(Ke,{color:"textSecondary",children:S})}),q==="table"&&F&&_(co,{setTableState:hi,tableLayoutOptions:F,tableState:De}),t.length>1&&_(oo,{availableLayouts:t,currentLayout:q,setCurrentLayout:Q}),a,e&&_(Ue,{ariaLabel:A("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:_(ma,{}),menuAlignment:"right",children:e})]}),[a,e,t,q,S,I,F,De,A]),uo=s.useMemo(()=>l??B==="loadMore",[l,B]),{lastRow:go}=Jl({currentRowsCount:re.length,pageIndex:ne.pageIndex,pageSize:ne.pageSize,totalRows:ae}),wi=vf({totalRows:ae,onReorderRows:D,data:re,setData:Be,draggingRow:wa,setDraggingRow:Ze,resultsPerPage:ne.pageSize,page:ne.pageIndex});return ea(Ev,{odysseyDesignTokens:I,children:[ka&&_(Z,{children:_(Hl,{severity:"error",text:ka})}),Et&&_(Tl,{additionalActions:Na,filters:m?ra:void 0,hasSearchSubmitButton:y,isDisabled:ye,onChangeFilters:m?Ne:void 0,onChangeSearch:x?T:void 0,searchDelayTime:E}),(i||k)&&ea(Nv,{children:[_(to,{data:re,menuItems:i,rowSelection:qe,setRowSelection:Dt}),!Et&&Na]}),!Et&&!i&&!k&&Na&&_(Ov,{odysseyDesignTokens:I,children:Na}),q==="table"&&F&&_(so,{columns:F.columns,data:re,draggingRow:wa,emptyState:ki,enableVirtualization:uo,getRowId:u||vi,hasRowReordering:v,hasRowSelection:k,isEmpty:ye,isLoading:Y,isNoResults:ia,isRowReorderingDisabled:P,onReorderRows:D,pagination:ne,rowReorderingUtilities:wi,rowSelection:qe,setRowSelection:Dt,setTableState:hi,tableLayoutOptions:F,tableState:De,totalRows:ae}),(q==="list"||q==="grid")&&W&&_(no,{cardLayoutOptions:W,currentLayout:q,data:re,draggingRow:wa,emptyState:ki,getRowId:u||vi,hasRowReordering:v,hasRowSelection:k,isEmpty:ye,isLoading:Y,isNoResults:ia,isRowReorderingDisabled:P,onReorderRows:D,pagination:ne,rowReorderingUtilities:wi,rowSelection:qe,setRowSelection:Dt,totalRows:ae}),g&&_(Xl,{currentPageLabel:A("pagination.page"),currentRowsCount:re.length,hasPageInput:f,hasRowCountInput:b,hasRowCountLabel:w,isDisabled:ye,isMoreDisabled:j,lastRow:go,loadMoreLabel:A("pagination.loadmore"),maxPageIndex:Se,maxPageSize:_e,nextLabel:A("pagination.next"),onPaginationChange:Lt,pageIndex:ne.pageIndex,pageSize:ne.pageSize,previousLabel:A("pagination.previous"),rowsPerPageLabel:A("pagination.rowsperpage"),totalRows:ae,variant:B})]})},pe=s.memo(Vv);pe.displayName="DataView";const Wv=(a,e)=>o.jsx(ao,{languageCode:e.globals.locale,children:o.jsx(a,{})}),Zw={component:pe,decorators:[Bo,Wv],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasColumnPinning:{control:"boolean",name:"tableLayoutOptions.hasColumnPinning",table:{defaultValue:{summary:"false"}}},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:Lo},pinnedLeftColumns:{control:"check",options:de.map(a=>a.id),name:"Pinned Left Columns",table:{category:"Column Pinning",defaultValue:{summary:"[]"}}},pinnedRightColumns:{control:"check",options:de.map(a=>a.id),name:"Pinned Right Columns",table:{category:"Column Pinning",defaultValue:{summary:"[]"}}},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:yi},availableLayouts:{control:"check",options:yi},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:Do,name:"tableLayoutOptions.columns"},getCustomRowStyles:{control:!1,name:"tableLayoutOptions.getCustomRowStyles",table:{defaultValue:{summary:"undefined"}}},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,hasColumnPinning:!1,hasCustomEmptyPlaceholder:!1,hasCustomNoResultsPlaceholder:!1,maxGridColumns:3,onChangeRowSelection:ho(),paginationType:"paged",resultsPerPage:20},render:function(e){var c,p;const[t,i]=s.useState(xe),{getData:r,onReorderRows:n,onChangeRowSelection:l}=Ce(t,i),d=(c=e.pinnedLeftColumns)!=null&&c.length||(p=e.pinnedRightColumns)!=null&&p.length?()=>({left:e.pinnedLeftColumns||[],right:e.pinnedRightColumns||[]}):void 0;return o.jsx(pe,{additionalActionButton:e.hasAdditionalActionButton?_v:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?Gv:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?gt:void 0,cardLayoutOptions:{itemProps:po,rowActionMenuItems:e.hasActionMenuItems?gt:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?qv: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?Yv:void 0,onChangeRowSelection:l,onReorderRows:n,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:de,getCustomRowStyles:e.getCustomRowStyles,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?gt:void 0,rowActionButtons:e.hasActionButtons?Zv:void 0,selectPinnedColumns:d,renderDetailPanel:void 0,hasColumnPinning:e.hasColumnPinning,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},ta=Xt("onClick"),fa=["table"],bi=["list"],Kv=["grid"],Uv=["table","grid"],Ce=(a,e)=>{const t=s.useCallback(({...n})=>fo({data:a,...n}),[a]),i=s.useCallback(({...n})=>{const l=vo({data:a,...n});e(l)},[a,e]),r=s.useCallback(n=>{Object.keys(n).length>0&&Xt("onChangeRowSelection")(`${Object.keys(n).length} selected`)},[]);return{getData:t,onReorderRows:i,onChangeRowSelection:r}},_v=o.jsx(me,{label:"Add widget",variant:"primary"}),Gv=o.jsxs(o.Fragment,{children:[o.jsx(ua,{onClick:ta,children:"Additional action 1"}),o.jsx(ua,{onClick:ta,children:"Additional action 2"})]}),gt=()=>o.jsxs(o.Fragment,{children:[o.jsx(ua,{onClick:ta,children:"Action 1"}),o.jsx(ua,{onClick:ta,children:"Action 2"})]}),Zv=()=>o.jsxs(Ee,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[o.jsx(me,{ariaLabel:"Pause",endIcon:o.jsx(ls,{}),onClick:ta,size:"small",variant:"floating"}),o.jsx(me,{ariaLabel:"Refresh",endIcon:o.jsx(os,{}),onClick:ta,size:"small",variant:"floating"})]}),qv=o.jsx(ei,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:o.jsx(me,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(me,{label:"Secondary",variant:"secondary"})}),Yv=o.jsx(ei,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),po=a=>({overline:`${a.city}, ${a.state}`,title:a.name,description:`${a.name} is ${a.age} years old.`,children:o.jsx(ss,{label:a.risk.charAt(0).toUpperCase()+a.risk.slice(1),severity:a.risk==="low"?"success":a.risk==="medium"?"warning":"error"})}),Va={args:{}},Wa={args:{availableLayouts:fa}},Ka={args:{availableLayouts:["list","grid"]}},Ua={args:{availableLayouts:bi}},_a={args:{availableLayouts:Kv}},Ga={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"}},Za={render:function(e){const[t,i]=s.useState(xe),{getData:r,onReorderRows:n,onChangeRowSelection:l}=Ce(t,i),d=s.useCallback(({row:p})=>o.jsxs(Ee,{children:["This is additional content for row ",p.id]}),[]),c=s.useMemo(()=>({columns:de,hasColumnPinning:!1,renderDetailPanel:d}),[d]);return o.jsx(pe,{availableLayouts:Uv,cardLayoutOptions:{itemProps:po,renderDetailPanel:d},getData:r,hasRowSelection:e.hasRowSelection,onChangeRowSelection:l,onReorderRows:n,tableLayoutOptions:c})}},qa={render:function(){const e=s.useCallback(()=>{const i=[];return Array(10).fill(null).forEach(()=>{i.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."})}),i},[]),t=s.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return o.jsx(pe,{getData:e,tableLayoutOptions:t})}},Ya={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{onReorderRows:c,onChangeRowSelection:p}=Ce(l,d),u=s.useMemo(()=>o.jsx(ei,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:o.jsx(me,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(me,{label:"Secondary",variant:"secondary"})}),[]),m=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,emptyPlaceholder:u,getData:()=>[],onChangeRowSelection:p,onReorderRows:c,tableLayoutOptions:m})}},Ta={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c,onReorderRows:p}=Ce(l,d),u=s.useMemo(()=>[...de,{id:"startLetter",label:"Name starting with...",render:g=>o.jsxs(Ee,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Vowel",onClick:()=>g({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Consonant",onClick:()=>g({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Any",onClick:()=>g({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),m=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:u,getData:c,onReorderRows:p,tableLayoutOptions:m})}},Ja={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c,onReorderRows:p,onChangeRowSelection:u}=Ce(l,d),m=s.useMemo(()=>[...de.filter(b=>b.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:b=>o.jsxs(Ee,{children:[o.jsx(me,{label:"🛰️ Vowel",onClick:()=>b({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),o.jsx(me,{label:"🛸 Consonant",onClick:()=>b({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),o.jsx(me,{label:"🤷‍♂️ Any",onClick:()=>b({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),g=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:m,getData:c,onChangeRowSelection:u,onReorderRows:p,tableLayoutOptions:g})}},Xa={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c}=Ce(l,d),p=s.useMemo(()=>[...de,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),u=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:p,getData:c,tableLayoutOptions:u})}},Qa={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},et={render:function(){const e=s.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}],[]),t=s.useMemo(()=>({hasColumnPinning:!1,hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:gt}),[]);return o.jsx(pe,{getData:e,hasSearch:!0,tableLayoutOptions:t})}},at={args:{availableLayouts:fa,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},tt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(l=>{Xt("onPaginationChange")(l)},[]),n=s.useMemo(()=>({columns:de,hasColumnPinning:!1}),[]);return o.jsx(pe,{getData:i,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:n})}},Tv=a=>({overline:"Overline",title:a.name,description:`${a.name} is ${a.age} years old.`,variant:"stack",image:o.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),it={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useMemo(()=>({itemProps:Tv,renderDetailPanel:()=>o.jsx(Ee,{children:"Details"}),rowActionMenuItems:()=>o.jsx(ua,{children:"Test"})}),[]);return o.jsx(pe,{availableLayouts:bi,cardLayoutOptions:r,getData:i})}},Jv=a=>({title:a.name,variant:"compact",image:o.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),rt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(({row:d})=>d.age%2?o.jsx(Ee,{children:"Detail content"}):!1,[]),n=s.useCallback(()=>o.jsx(ua,{children:"Test"}),[]),l=s.useMemo(()=>({itemProps:Jv,renderDetailPanel:r,rowActionMenuItems:n}),[r,n]);return o.jsx(pe,{availableLayouts:bi,cardLayoutOptions:l,getData:i})}},nt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return o.jsx(pe,{availableLayouts:fa,getData:i,tableLayoutOptions:r})}},lt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(()=>o.jsx(me,{label:"Action",onClick:ta,size:"small",variant:"secondary"}),[]),n=s.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnPinning:!1,hasColumnResizing:!0,rowActionButtons:r}),[r]);return o.jsx(pe,{availableLayouts:fa,getData:i,tableLayoutOptions:n})}},ot={args:{availableLayouts:fa,getCustomRowStyles:a=>a.original.age<30?{backgroundColor:"rgba(63, 181, 179, 1)"}:void 0},parameters:{docs:{description:{story:"This story updates the background color of rows where the person's age is less than 30 by applying a `light blue` background color using the `getCustomRowStyles` function."}}}},st={args:{availableLayouts:fa,hasColumnPinning:!0,pinnedLeftColumns:[de[0].accessorKey],pinnedRightColumns:[de[de.length-1].accessorKey]},parameters:{docs:{description:{story:"This story shows the DataView with column pinning enabled."}}}};var cr,dr,pr;Va.parameters={...Va.parameters,docs:{...(cr=Va.parameters)==null?void 0:cr.docs,source:{originalSource:`{
+ */const Hv=({tableOuterContainer:a,tableInnerContainer:e,setIsTableContainerScrolledToStart:t,setIsTableContainerScrolledToEnd:i,setTableInnerContainerWidth:r})=>{const n=s.useRef(null),l=s.useRef(null),d=ie(),c=s.useCallback(()=>{if(!a||!e)return;const p=a.clientWidth,u=e.scrollWidth,m=e.scrollLeft,g=m+p;t(m<=16),i(g>=u-16)},[e,a,i,t]);return s.useEffect(()=>{if(typeof ResizeObserver>"u"||l.current)return;let p;return l.current=new ResizeObserver(()=>{clearTimeout(p),p=setTimeout(()=>{n.current||(n.current=requestAnimationFrame(()=>{c(),n.current=null})),r(e!=null&&e.clientWidth?`${e.clientWidth-Number(d.BorderWidthMain)*2}px`:"100%")},100)}),a&&a.parentElement&&l.current.observe(a.parentElement),()=>{l.current&&(l.current.disconnect(),l.current=null),clearTimeout(p),n.current&&(cancelAnimationFrame(n.current),n.current=null)}},[c,r,a,e,t,i,d.BorderWidthMain]),s.useEffect(()=>(e==null||e.addEventListener("scroll",c),()=>e==null?void 0:e.removeEventListener("scroll",c)),[e,c]),s.useEffect(()=>{c()},[]),((e==null?void 0:e.scrollWidth)??0)-((e==null?void 0:e.clientWidth)??0)>0},Av=$("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Bv=$("div")({display:"flex"}),Dv=({columns:a,data:e,draggingRow:t,emptyState:i,enableVirtualization:r,getRowId:n,hasRowReordering:l,hasRowSelection:d,isEmpty:c,isLoading:p,isNoResults:u,isRowReorderingDisabled:m,onReorderRows:g,pagination:f,rowReorderingUtilities:b,rowSelection:w,setRowSelection:x,setTableState:y,tableLayoutOptions:v,tableState:k,totalRows:C})=>{const[h,z]=s.useState(!0),[R,j]=s.useState(!0),[P,S]=s.useState("100%"),M=s.useRef(!1),V=s.useRef(null),D=s.useRef(null),O=s.useRef(null),B=Hv({setIsTableContainerScrolledToEnd:j,setIsTableContainerScrolledToStart:z,setTableInnerContainerWidth:S,tableInnerContainer:D.current,tableOuterContainer:V.current}),H=s.useMemo(()=>v.hasColumnPinning,[v]),E=s.useMemo(()=>v.selectPinnedColumns,[v]);s.useEffect(()=>{y(H?L=>{const{left:T,right:J}=(E==null?void 0:E(a,B))??L.columnPinning,Ge=new Set(T),ze=(J==null?void 0:J.filter(Ze=>Ge.has(Ze)))??[],Ne=document.documentElement.getAttribute("dir")==="rtl";ze.length>0&&console.warn(`Column pinning conflict: Columns [${ze.join(", ")}] found in both left and right arrays. Keeping in ${Ne?"right":"left"}, removing from ${Ne?"left":"right"}.`);const wa=new Set(J);return{...L,columnPinning:Ne?{left:T,right:J==null?void 0:J.filter(Ze=>!Ge.has(Ze))}:{left:T==null?void 0:T.filter(Ze=>!wa.has(Ze)),right:J}}}:L=>({...L,columnPinning:{left:[],right:[]}}))},[a,H,B,E,y]);const W=ie(),{t:F}=mi(),ae=s.useMemo(()=>a.map(L=>L.accessorKey)??[],[a]),Se=s.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(ae==null?void 0:ae.filter(L=>typeof L=="string"))||[],"mrt-row-actions"],[ae]),_e=s.useMemo(()=>k.rowDensity==="spacious"?"MuiTableBody-spacious":k.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[k]),Re=s.useCallback(({cell:L})=>{const T=L.getValue();return L.column.columnDef.hasTextWrapping||L.column.columnDef.enableWrapping?T:_(Av,{children:T})},[]),{draggableTableBodyRowClassName:I,dragHandleStyles:A,dragHandleText:q,handleDragHandleKeyDown:Q,handleDragHandleOnDragCapture:re,handleDragHandleOnDragEnd:Be,resetDraggingAndHoveredRow:Y,updateRowOrder:ee}=b,ye=s.useCallback(({row:L})=>{var J;const T=L.index+(f.pageIndex-1)*f.pageSize;return ea(Bv,{children:[(J=v.rowActionButtons)==null?void 0:J.call(v,L.original),(v.rowActionMenuItems||l)&&_(Ue,{ariaLabel:F("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:_(ma,{}),menuAlignment:"right",size:"small",children:_(gi,{isRowReorderingDisabled:m,row:L,rowActionMenuItems:v.rowActionMenuItems,rowIndex:T,totalRows:C,updateRowOrder:l&&g?ee:void 0})})]})},[l,m,g,f.pageIndex,f.pageSize,F,v,C,ee]),va=s.useMemo(()=>({width:P}),[P]),ia=s.useCallback(()=>_(Z,{sx:va,children:i}),[va,i]);s.useEffect(()=>{r&&(M.current=!0)},[r,f]),s.useEffect(()=>{var L,T;M.current&&O.current&&typeof((L=D.current)==null?void 0:L.scrollTo)<"u"&&((T=D.current)==null||T.scrollTo(0,O.current.clientHeight),M.current=!1)},[e]);const At=s.useMemo(()=>!!(l===!0&&g||v.rowActionButtons||v.rowActionMenuItems),[l,g,v.rowActionButtons,v.rowActionMenuItems]),ka=a.some(L=>L.grow===!0),Bt=No({data:!c&&!u?e:[],columns:a,getRowId:n,state:{sorting:k.columnSorting,columnPinning:k.columnPinning,columnVisibility:k.columnVisibility,isLoading:p,rowSelection:w,columnOrder:Se},icons:{ArrowDownwardIcon:oi,DragHandleIcon:si,SyncAltIcon:al,ExpandMoreIcon:We},...Zf,displayColumnDefOptions:{...qf,"mrt-row-actions":{header:"",grow:!ka,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:ea(Z,{sx:{display:"flex",visibility:"hidden"},children:[v.rowActionButtons&&v.rowActionButtons(),(l===!0&&g||v.rowActionMenuItems)&&_(Z,{children:_(ve,{ariaLabel:F("table.moreactions.arialabel"),endIcon:_(ma,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}}},muiTableProps:{ref:O,className:!At&&v.hasColumnResizing?ka?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:D},muiTableBodyProps:()=>({className:_e,tabIndex:0,sx:c||u?{height:"unset"}:void 0}),enableColumnActions:H,enableColumnPinning:H,onColumnPinningChange:L=>{const T=typeof L=="function"?L(k.columnPinning):L;y(J=>({...J,columnPinning:T}))},enableColumnResizing:v.hasColumnResizing,defaultColumn:{Cell:Re},enableRowActions:!!(l===!0&&g||v.rowActionButtons||v.rowActionMenuItems),renderRowActions:({row:L})=>ye({row:L}),enableRowOrdering:l&&!!g,enableRowDragging:l&&!!g,muiDetailPanelProps:({row:L})=>({sx:{paddingBlock:L.getIsExpanded()?`${W.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:L,row:T,isDetailPanel:J})=>{var ze,Ne;const Ge=((ze=v==null?void 0:v.getCustomRowStyles)==null?void 0:ze.call(v,T))??{};return{className:I({currentRowId:T.id,draggingRowId:t==null?void 0:t.id,hoveredRowId:(Ne=L.getState().hoveredRow)==null?void 0:Ne.id}),sx:J?{...Ge,paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:`${W.HueNeutralWhite} !important`}}:Ge}},muiRowDragHandleProps:({table:L,row:T})=>({onKeyDown:J=>Q({table:L,row:T,event:J}),onBlur:()=>Y(L),onDragEnd:()=>Be(L),onDragCapture:()=>re(L),disabled:m,sx:A,...q}),renderDetailPanel:v.renderDetailPanel,enableRowVirtualization:r,muiTableHeadCellProps:({column:L})=>({className:k.columnSorting.find(T=>T.id===L.id)?"isSorted":"isUnsorted",sx:{".Mui-TableHeadCell-Content":H?{gap:W.Spacing2}:{}}}),muiTableBodyCellProps:({column:L})=>({className:L.getIsResizing()?"isResizing":""}),enableSorting:v.hasSorting===!0,onSortingChange:L=>{const T=typeof L=="function"?L(k.columnSorting):k.columnSorting;y(J=>({...J,columnSorting:T}))},enableRowSelection:d,onRowSelectionChange:x,renderEmptyRowsFallback:ia,localization:{collapse:F("table.rowexpansion.collapse"),collapseAll:F("table.rowexpansion.collapseall"),expand:F("table.rowexpansion.expand"),expandAll:F("table.rowexpansion.expandall")}});return _(Yf,{isScrollableEnd:!R,isScrollableStart:!h,odysseyDesignTokens:W,ref:V,children:_(Oo,{table:Bt})})},so=s.memo(Dv);so.displayName="TableLayoutContent";const Lv=({setTableState:a,tableLayoutOptions:e,tableState:t})=>{const{t:i}=mi(),{hasChangeableDensity:r,hasColumnVisibility:n,columns:l}=e,{rowDensity:d,columnVisibility:c}=t,p=s.useCallback(b=>{a(w=>({...w,rowDensity:b}))},[a]),u=s.useCallback(b=>{a(w=>({...w,columnVisibility:{...w.columnVisibility,[b]:w.columnVisibility?w.columnVisibility[b]===!1:!1}}))},[a]),m=s.useMemo(()=>new Set(l.filter(b=>c?c[b.accessorKey]!==!1:!0).map(b=>b.accessorKey)),[l,c]),g=s.useMemo(()=>r&&_(Ue,{ariaLabel:i("table.density.arialabel"),endIcon:_(pl,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:lo.map(b=>_(Fe,{isSelected:d===b,onClick:()=>p(b),children:i(`table.density.${b}`)},b))}),[r,i,d,p]),f=s.useMemo(()=>n&&_(Ue,{ariaLabel:i("table.columnvisibility.arialabel"),endIcon:_(gl,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:l.filter(b=>b.enableHiding!==!1).map(b=>ea(Fe,{onClick:()=>u(b.id),children:[_(Qt,{checked:m.has(b.id)}),b.header]},b.accessorKey))}),[n,i,l,u,m]);return ea(Eo,{children:[g,f]})},co=s.memo(Lv);co.displayName="TableSettings";const Ev=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",flexDirection:"column",gap:a.Spacing4})),Nv=$("div")(()=>({display:"flex",justifyContent:"space-between"})),Ov=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",justifyContent:"flex-end",gap:a.Spacing2})),$v=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",alignItems:"center",gap:a.Spacing2})),Fv=$("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({marginInlineEnd:a.Spacing2})),Vv=({additionalActionButton:a,additionalActionMenuItems:e,availableLayouts:t=Uf,bulkActionMenuItems:i,currentPage:r=1,emptyPlaceholder:n,enableVirtualization:l,errorMessage:d,filters:c,getData:p,getRowId:u,hasFilters:m,hasPagination:g,hasPageInput:f,hasRowCountInput:b,hasRowCountLabel:w,hasSearch:x,hasSearchSubmitButton:y,hasRowReordering:v,hasRowSelection:k,initialLayout:C,isEmpty:h,isLoading:z,isNoResults:R,isPaginationMoreDisabled:j,isRowReorderingDisabled:P,metaText:S,noResultsPlaceholder:M,onChangeRowSelection:V,onReorderRows:D,onRowSelectionChange:O,paginationType:B="paged",resultsPerPage:H=20,searchDelayTime:E,cardLayoutOptions:W,tableLayoutOptions:F,totalRows:ae,maxPages:Se,maxResultsPerPage:_e,onPaginationChange:Re})=>{const I=ie(),{t:A}=mi(),[q,Q]=s.useState(C??t[0]),[re,Be]=s.useState([]),[Y,ee]=s.useState(z??!0),[ye,va]=s.useState(h??!0),[ia,At]=s.useState(R??!1),[ka,Bt]=s.useState(d),[L,T]=s.useState(""),[J,Ge]=s.useState(c),[ze,Ne]=s.useState(c),[wa,Ze]=s.useState(),[qe,Dt]=s.useState({});s.useEffect(()=>{V==null||V(qe)},[qe,V]),s.useEffect(()=>{O==null||O(qe)},[qe,O]);const[ne,Lt]=s.useState({pageIndex:r,pageSize:H}),[De,hi]=s.useState({columnPinning:{left:[],right:[]},columnSorting:[],columnVisibility:{},rowDensity:(F==null?void 0:F.initialDensity)??lo[0]}),Et=x||m||a||e,ra=Tf({filters:ze,columns:F==null?void 0:F.columns});s.useEffect(()=>{!J&&ra&&Ge(ra)},[ra,J]);const fi=s.useMemo(()=>({page:ne.pageIndex,resultsPerPage:ne.pageSize,search:L,filters:ra,sort:De==null?void 0:De.columnSorting}),[ne.pageIndex,ne.pageSize,L,ra,De==null?void 0:De.columnSorting]),vi=s.useCallback((ge,mo,bo)=>u?u(ge,mo,bo):ge.id?ge.id:fl(),[u]);s.useEffect(()=>{Lt({pageIndex:r,pageSize:H})},[r,H]),s.useEffect(()=>{Lt(ge=>({pageIndex:1,pageSize:B=="loadMore"?H:ge.pageSize}))},[ze,B,H,L]),s.useEffect(()=>{Re==null||Re(ne)},[Re,ne]),s.useEffect(()=>{_f({dataQueryParams:fi,errorMessageProp:d,getData:p,setData:Be,setErrorMessage:Bt,setIsLoading:z?void 0:ee})},[fi,d,p,z]),s.useEffect(()=>{va(ne.pageIndex===r&&ne.pageSize===H&&L===""&&(!m||ze===J)&&re.length===0)},[r,re,ze,m,J,ne,H,L]),s.useEffect(()=>{ee(ge=>z??ge)},[z]),s.useEffect(()=>{va(ge=>h??ge)},[h]),s.useEffect(()=>{At(ge=>R??ge)},[R]);const ki=s.useMemo(()=>{const ge=M||_(El,{description:A("table.noresults.text"),heading:A("table.noresults.heading")});if(ye)return n||ge;if(ia)return ge},[M,A,ye,ia,n]),Na=s.useMemo(()=>(S||q==="table"&&F||t.length>1||a||e)&&ea($v,{odysseyDesignTokens:I,children:[S&&_(Fv,{odysseyDesignTokens:I,children:_(Ke,{color:"textSecondary",children:S})}),q==="table"&&F&&_(co,{setTableState:hi,tableLayoutOptions:F,tableState:De}),t.length>1&&_(oo,{availableLayouts:t,currentLayout:q,setCurrentLayout:Q}),a,e&&_(Ue,{ariaLabel:A("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:_(ma,{}),menuAlignment:"right",children:e})]}),[a,e,t,q,S,I,F,De,A]),uo=s.useMemo(()=>l??B==="loadMore",[l,B]),{lastRow:go}=Jl({currentRowsCount:re.length,pageIndex:ne.pageIndex,pageSize:ne.pageSize,totalRows:ae}),wi=vf({totalRows:ae,onReorderRows:D,data:re,setData:Be,draggingRow:wa,setDraggingRow:Ze,resultsPerPage:ne.pageSize,page:ne.pageIndex});return ea(Ev,{odysseyDesignTokens:I,children:[ka&&_(Z,{children:_(Hl,{severity:"error",text:ka})}),Et&&_(Tl,{additionalActions:Na,filters:m?ra:void 0,hasSearchSubmitButton:y,isDisabled:ye,onChangeFilters:m?Ne:void 0,onChangeSearch:x?T:void 0,searchDelayTime:E}),(i||k)&&ea(Nv,{children:[_(to,{data:re,menuItems:i,rowSelection:qe,setRowSelection:Dt}),!Et&&Na]}),!Et&&!i&&!k&&Na&&_(Ov,{odysseyDesignTokens:I,children:Na}),q==="table"&&F&&_(so,{columns:F.columns,data:re,draggingRow:wa,emptyState:ki,enableVirtualization:uo,getRowId:u||vi,hasRowReordering:v,hasRowSelection:k,isEmpty:ye,isLoading:Y,isNoResults:ia,isRowReorderingDisabled:P,onReorderRows:D,pagination:ne,rowReorderingUtilities:wi,rowSelection:qe,setRowSelection:Dt,setTableState:hi,tableLayoutOptions:F,tableState:De,totalRows:ae}),(q==="list"||q==="grid")&&W&&_(no,{cardLayoutOptions:W,currentLayout:q,data:re,draggingRow:wa,emptyState:ki,getRowId:u||vi,hasRowReordering:v,hasRowSelection:k,isEmpty:ye,isLoading:Y,isNoResults:ia,isRowReorderingDisabled:P,onReorderRows:D,pagination:ne,rowReorderingUtilities:wi,rowSelection:qe,setRowSelection:Dt,totalRows:ae}),g&&_(Xl,{currentPageLabel:A("pagination.page"),currentRowsCount:re.length,hasPageInput:f,hasRowCountInput:b,hasRowCountLabel:w,isDisabled:ye,isMoreDisabled:j,lastRow:go,loadMoreLabel:A("pagination.loadmore"),maxPageIndex:Se,maxPageSize:_e,nextLabel:A("pagination.next"),onPaginationChange:Lt,pageIndex:ne.pageIndex,pageSize:ne.pageSize,previousLabel:A("pagination.previous"),rowsPerPageLabel:A("pagination.rowsperpage"),totalRows:ae,variant:B})]})},pe=s.memo(Vv);pe.displayName="DataView";const Wv=(a,e)=>o.jsx(ao,{languageCode:e.globals.locale,children:o.jsx(a,{})}),qw={component:pe,decorators:[Bo,Wv],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasColumnPinning:{control:"boolean",name:"tableLayoutOptions.hasColumnPinning",table:{defaultValue:{summary:"false"}}},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:Lo},pinnedLeftColumns:{control:"check",options:de.map(a=>a.id),name:"Pinned Left Columns",table:{category:"Column Pinning",defaultValue:{summary:"[]"}}},pinnedRightColumns:{control:"check",options:de.map(a=>a.id),name:"Pinned Right Columns",table:{category:"Column Pinning",defaultValue:{summary:"[]"}}},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:yi},availableLayouts:{control:"check",options:yi},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:Do,name:"tableLayoutOptions.columns"},getCustomRowStyles:{control:!1,name:"tableLayoutOptions.getCustomRowStyles",table:{defaultValue:{summary:"undefined"}}},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,hasColumnPinning:!1,hasCustomEmptyPlaceholder:!1,hasCustomNoResultsPlaceholder:!1,maxGridColumns:3,onChangeRowSelection:ho(),paginationType:"paged",resultsPerPage:20},render:function(e){var c,p;const[t,i]=s.useState(xe),{getData:r,onReorderRows:n,onChangeRowSelection:l}=Ce(t,i),d=(c=e.pinnedLeftColumns)!=null&&c.length||(p=e.pinnedRightColumns)!=null&&p.length?()=>({left:e.pinnedLeftColumns||[],right:e.pinnedRightColumns||[]}):void 0;return o.jsx(pe,{additionalActionButton:e.hasAdditionalActionButton?_v:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?Gv:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?gt:void 0,cardLayoutOptions:{itemProps:po,rowActionMenuItems:e.hasActionMenuItems?gt:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?qv: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?Yv:void 0,onChangeRowSelection:l,onReorderRows:n,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:de,getCustomRowStyles:e.getCustomRowStyles,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?gt:void 0,rowActionButtons:e.hasActionButtons?Zv:void 0,selectPinnedColumns:d,renderDetailPanel:void 0,hasColumnPinning:e.hasColumnPinning,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},ta=Xt("onClick"),fa=["table"],bi=["list"],Kv=["grid"],Uv=["table","grid"],Ce=(a,e)=>{const t=s.useCallback(({...n})=>fo({data:a,...n}),[a]),i=s.useCallback(({...n})=>{const l=vo({data:a,...n});e(l)},[a,e]),r=s.useCallback(n=>{Object.keys(n).length>0&&Xt("onChangeRowSelection")(`${Object.keys(n).length} selected`)},[]);return{getData:t,onReorderRows:i,onChangeRowSelection:r}},_v=o.jsx(me,{label:"Add widget",variant:"primary"}),Gv=o.jsxs(o.Fragment,{children:[o.jsx(ua,{onClick:ta,children:"Additional action 1"}),o.jsx(ua,{onClick:ta,children:"Additional action 2"})]}),gt=()=>o.jsxs(o.Fragment,{children:[o.jsx(ua,{onClick:ta,children:"Action 1"}),o.jsx(ua,{onClick:ta,children:"Action 2"})]}),Zv=()=>o.jsxs(Ee,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[o.jsx(me,{ariaLabel:"Pause",endIcon:o.jsx(ls,{}),onClick:ta,size:"small",variant:"floating"}),o.jsx(me,{ariaLabel:"Refresh",endIcon:o.jsx(os,{}),onClick:ta,size:"small",variant:"floating"})]}),qv=o.jsx(ei,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:o.jsx(me,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(me,{label:"Secondary",variant:"secondary"})}),Yv=o.jsx(ei,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),po=a=>({overline:`${a.city}, ${a.state}`,title:a.name,description:`${a.name} is ${a.age} years old.`,children:o.jsx(ss,{label:a.risk.charAt(0).toUpperCase()+a.risk.slice(1),severity:a.risk==="low"?"success":a.risk==="medium"?"warning":"error"})}),Va={args:{}},Wa={args:{availableLayouts:fa}},Ka={args:{availableLayouts:["list","grid"]}},Ua={args:{availableLayouts:bi}},_a={args:{availableLayouts:Kv}},Ga={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"}},Za={render:function(e){const[t,i]=s.useState(xe),{getData:r,onReorderRows:n,onChangeRowSelection:l}=Ce(t,i),d=s.useCallback(({row:p})=>o.jsxs(Ee,{children:["This is additional content for row ",p.id]}),[]),c=s.useMemo(()=>({columns:de,hasColumnPinning:!1,renderDetailPanel:d}),[d]);return o.jsx(pe,{availableLayouts:Uv,cardLayoutOptions:{itemProps:po,renderDetailPanel:d},getData:r,hasRowSelection:e.hasRowSelection,onChangeRowSelection:l,onReorderRows:n,tableLayoutOptions:c})}},qa={render:function(){const e=s.useCallback(()=>{const i=[];return Array(10).fill(null).forEach(()=>{i.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."})}),i},[]),t=s.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return o.jsx(pe,{getData:e,tableLayoutOptions:t})}},Ya={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{onReorderRows:c,onChangeRowSelection:p}=Ce(l,d),u=s.useMemo(()=>o.jsx(ei,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:o.jsx(me,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:o.jsx(me,{label:"Secondary",variant:"secondary"})}),[]),m=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,emptyPlaceholder:u,getData:()=>[],onChangeRowSelection:p,onReorderRows:c,tableLayoutOptions:m})}},Ta={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c,onReorderRows:p}=Ce(l,d),u=s.useMemo(()=>[...de,{id:"startLetter",label:"Name starting with...",render:g=>o.jsxs(Ee,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Vowel",onClick:()=>g({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Consonant",onClick:()=>g({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),o.jsx(Ee,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:o.jsx(me,{isFullWidth:!0,label:"Any",onClick:()=>g({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),m=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:u,getData:c,onReorderRows:p,tableLayoutOptions:m})}},Ja={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c,onReorderRows:p,onChangeRowSelection:u}=Ce(l,d),m=s.useMemo(()=>[...de.filter(b=>b.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:b=>o.jsxs(Ee,{children:[o.jsx(me,{label:"🛰️ Vowel",onClick:()=>b({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),o.jsx(me,{label:"🛸 Consonant",onClick:()=>b({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),o.jsx(me,{label:"🤷‍♂️ Any",onClick:()=>b({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),g=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:m,getData:c,onChangeRowSelection:u,onReorderRows:p,tableLayoutOptions:g})}},Xa={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r,...n}){const[l,d]=s.useState(xe),{getData:c}=Ce(l,d),p=s.useMemo(()=>[...de,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),u=s.useMemo(()=>({columns:de,hasChangeableDensity:e,hasColumnPinning:!1,hasColumnResizing:t,hasColumnVisibility:i,hasSorting:r}),[e,t,i,r]);return o.jsx(pe,{...n,filters:p,getData:c,tableLayoutOptions:u})}},Qa={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},et={render:function(){const e=s.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}],[]),t=s.useMemo(()=>({hasColumnPinning:!1,hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:gt}),[]);return o.jsx(pe,{getData:e,hasSearch:!0,tableLayoutOptions:t})}},at={args:{availableLayouts:fa,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},tt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(l=>{Xt("onPaginationChange")(l)},[]),n=s.useMemo(()=>({columns:de,hasColumnPinning:!1}),[]);return o.jsx(pe,{getData:i,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:n})}},Tv=a=>({overline:"Overline",title:a.name,description:`${a.name} is ${a.age} years old.`,variant:"stack",image:o.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),it={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useMemo(()=>({itemProps:Tv,renderDetailPanel:()=>o.jsx(Ee,{children:"Details"}),rowActionMenuItems:()=>o.jsx(ua,{children:"Test"})}),[]);return o.jsx(pe,{availableLayouts:bi,cardLayoutOptions:r,getData:i})}},Jv=a=>({title:a.name,variant:"compact",image:o.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),rt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(({row:d})=>d.age%2?o.jsx(Ee,{children:"Detail content"}):!1,[]),n=s.useCallback(()=>o.jsx(ua,{children:"Test"}),[]),l=s.useMemo(()=>({itemProps:Jv,renderDetailPanel:r,rowActionMenuItems:n}),[r,n]);return o.jsx(pe,{availableLayouts:bi,cardLayoutOptions:l,getData:i})}},nt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return o.jsx(pe,{availableLayouts:fa,getData:i,tableLayoutOptions:r})}},lt={render:function(){const[e,t]=s.useState(xe),{getData:i}=Ce(e,t),r=s.useCallback(()=>o.jsx(me,{label:"Action",onClick:ta,size:"small",variant:"secondary"}),[]),n=s.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnPinning:!1,hasColumnResizing:!0,rowActionButtons:r}),[r]);return o.jsx(pe,{availableLayouts:fa,getData:i,tableLayoutOptions:n})}},ot={args:{availableLayouts:fa,getCustomRowStyles:a=>a.original.age<30?{backgroundColor:"rgba(63, 181, 179, 1)"}:void 0},parameters:{docs:{description:{story:"This story updates the background color of rows where the person's age is less than 30 by applying a `light blue` background color using the `getCustomRowStyles` function."}}}},st={args:{availableLayouts:fa,hasColumnPinning:!0,pinnedLeftColumns:[de[0].accessorKey],pinnedRightColumns:[de[de.length-1].accessorKey]},parameters:{docs:{description:{story:"This story shows the DataView with column pinning enabled."}}}};var cr,dr,pr;Va.parameters={...Va.parameters,docs:{...(cr=Va.parameters)==null?void 0:cr.docs,source:{originalSource:`{
   args: {}
 }`,...(pr=(dr=Va.parameters)==null?void 0:dr.docs)==null?void 0:pr.source}}};var ur,gr,mr;Wa.parameters={...Wa.parameters,docs:{...(ur=Wa.parameters)==null?void 0:ur.docs,source:{originalSource:`{
   args: {
@@ -951,4 +951,4 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a as Xt}from"./index-B-lxVb
       }
     }
   }
-}`,...(yn=(wn=st.parameters)==null?void 0:wn.docs)==null?void 0:yn.source}}};const qw=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions","GetCustomRowStyles","ColumnPinning"];export{Qa as AdditionalActions,et as ColumnGrowDemo,st as ColumnPinning,rt as CompactCards,Xa as CustomFilterWithDefaultVariant,Ta as CustomFilters,Va as Default,Ya as Empty,Ga as Everything,Za as ExpandableRowsAndCards,Ja as FilterWithCustomRender,ot as GetCustomRowStyles,_a as GridOnly,lt as GrowColumnWithActions,nt as GrowColumnWithoutActions,Ka as ListAndGrid,Ua as ListOnly,at as LoadMore,tt as PaginationHook,it as StackCards,Wa as TableOnly,qa as Truncation,qw as __namedExportsOrder,Zw as default};
+}`,...(yn=(wn=st.parameters)==null?void 0:wn.docs)==null?void 0:yn.source}}};const Yw=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions","GetCustomRowStyles","ColumnPinning"];export{Qa as AdditionalActions,et as ColumnGrowDemo,st as ColumnPinning,rt as CompactCards,Xa as CustomFilterWithDefaultVariant,Ta as CustomFilters,Va as Default,Ya as Empty,Ga as Everything,Za as ExpandableRowsAndCards,Ja as FilterWithCustomRender,ot as GetCustomRowStyles,_a as GridOnly,lt as GrowColumnWithActions,nt as GrowColumnWithoutActions,Ka as ListAndGrid,Ua as ListOnly,at as LoadMore,tt as PaginationHook,it as StackCards,Wa as TableOnly,qa as Truncation,Yw as __namedExportsOrder,qw as default};

package/dist/assets/{DatePicker-BGoHW8Is.js → DatePicker-DcQC9osa.js}

@@ -1 +1 @@
-import{U as E,V as L,_ as k,s as F,b as a,d as U,f as W}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as m}from"./index-NdkWRN8K.js";import{u as T,a as x,r as O,P as z,b as Y,c as Q,d as M,e as q,s as $,f as H,v as w,g as B,h as v,i as K,T as G,j as J,k as X,l as D,m as R,C as Z,n as ee,o as e,p as j,q as oe,D as te,t as ae}from"./useMobilePicker-CRiGjvfW.js";import{j as P}from"./jsx-runtime-CnH95YSl.js";import{u as h}from"./useThemeProps-DJ3F4KkW.js";import{T as se}from"./Typography-CSpPZFTF.js";import{r as C}from"./resolveComponentProps-TTQVZ4OZ.js";import{u as re}from"./getReactElementRef-Bs64nbeG.js";function ne(l){return E("MuiDatePickerToolbar",l)}L("MuiDatePickerToolbar",["root","title"]);const le=["value","isLandscape","onChange","toolbarFormat","toolbarPlaceholder","views","className","onViewChange","view"],ie=l=>{const{classes:s}=l;return W({root:["root"],title:["title"]},ne,s)},ce=F(z,{name:"MuiDatePickerToolbar",slot:"Root",overridesResolver:(l,s)=>s.root})({}),ue=F(se,{name:"MuiDatePickerToolbar",slot:"Title",overridesResolver:(l,s)=>s.title})({variants:[{props:{isLandscape:!0},style:{margin:"auto 16px auto auto"}}]}),de=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDatePickerToolbar"}),{value:t,isLandscape:o,toolbarFormat:c,toolbarPlaceholder:u="––",views:b,className:p}=r,d=k(r,le),i=T(),f=x(),y=ie(r),g=m.useMemo(()=>{if(!t)return u;const N=O(i,{format:c,views:b},!0);return i.formatByString(t,N)},[t,c,u,i,b]),I=r;return P.jsx(ce,a({ref:n,toolbarTitle:f.datePickerToolbarTitle,isLandscape:o,className:U(y.root,p)},d,{children:P.jsx(ue,{variant:"h4",align:o?"left":"center",ownerState:I,className:y.title,children:g})}))});function S(l,s){const n=T(),r=Y(),t=h({props:l,name:s}),o=m.useMemo(()=>{var c;return((c=t.localeText)==null?void 0:c.toolbarTitle)==null?t.localeText:a({},t.localeText,{datePickerToolbarTitle:t.localeText.toolbarTitle})},[t.localeText]);return a({},t,{localeText:o},Q({views:t.views,openTo:t.openTo,defaultViews:["year","day"],defaultOpenTo:"day"}),{disableFuture:t.disableFuture??!1,disablePast:t.disablePast??!1,minDate:M(n,t.minDate,r.minDate),maxDate:M(n,t.maxDate,r.maxDate),slots:a({toolbar:de},t.slots)})}const pe=l=>{const s=q(l),{forwardedProps:n,internalProps:r}=$(s,"date");return H({forwardedProps:n,internalProps:r,valueManager:v,fieldValueManager:B,validator:w,valueType:"date"})},fe=["slots","slotProps","InputProps","inputProps"],V=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDateField"}),{slots:t,slotProps:o,InputProps:c,inputProps:u}=r,b=k(r,fe),p=r,d=(t==null?void 0:t.textField)??(s.enableAccessibleFieldDOMStructure?K:G),i=re({elementType:d,externalSlotProps:o==null?void 0:o.textField,externalForwardedProps:b,additionalProps:{ref:n},ownerState:p});i.inputProps=a({},u,i.inputProps),i.InputProps=a({},c,i.InputProps);const f=pe(i),y=J(f),g=X(a({},y,{slots:t,slotProps:o}));return P.jsx(d,a({},g))}),A=m.forwardRef(function(s,n){var p,d;const r=x(),t=T(),o=S(s,"MuiDesktopDatePicker"),c=a({day:D,month:D,year:D},o.viewRenderers),u=a({},o,{viewRenderers:c,format:O(t,o,!1),yearsPerRow:o.yearsPerRow??4,slots:a({openPickerIcon:Z,field:V},o.slots),slotProps:a({},o.slotProps,{field:i=>{var f;return a({},C((f=o.slotProps)==null?void 0:f.field,i),R(o),{ref:n})},toolbar:a({hidden:!0},(p=o.slotProps)==null?void 0:p.toolbar)})}),{renderPicker:b}=ee({props:u,valueManager:v,valueType:"date",getOpenDialogAriaText:((d=u.localeText)==null?void 0:d.openDatePickerDialogue)??r.openDatePickerDialogue,validator:w});return b()});A.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:j,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsPerRow:e.oneOf([3,4])};const _=m.forwardRef(function(s,n){var p,d;const r=x(),t=T(),o=S(s,"MuiMobileDatePicker"),c=a({day:D,month:D,year:D},o.viewRenderers),u=a({},o,{viewRenderers:c,format:O(t,o,!1),slots:a({field:V},o.slots),slotProps:a({},o.slotProps,{field:i=>{var f;return a({},C((f=o.slotProps)==null?void 0:f.field,i),R(o),{ref:n})},toolbar:a({hidden:!1},(p=o.slotProps)==null?void 0:p.toolbar)})}),{renderPicker:b}=oe({props:u,valueManager:v,valueType:"date",getOpenDialogAriaText:((d=u.localeText)==null?void 0:d.openDatePickerDialogue)??r.openDatePickerDialogue,validator:w});return b()});_.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:j,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsPerRow:e.oneOf([3,4])};const be=["desktopModeMediaQuery"],xe=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDatePicker"}),{desktopModeMediaQuery:t=te}=r,o=k(r,be);return ae(t,{defaultMatches:!0})?P.jsx(A,a({ref:n},o)):P.jsx(_,a({ref:n},o))});export{V as D,xe as a};
+import{V as E,W as L,_ as k,s as F,b as a,d as W,f as U}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as m}from"./index-NdkWRN8K.js";import{u as T,a as x,r as O,P as z,b as Y,c as Q,d as M,e as q,s as $,f as H,v as w,g as B,h as v,i as K,T as G,j as J,k as X,l as D,m as R,C as Z,n as ee,o as e,p as j,q as oe,D as te,t as ae}from"./useMobilePicker-NPR54vgn.js";import{j as P}from"./jsx-runtime-CnH95YSl.js";import{u as h}from"./useThemeProps-k7xle20R.js";import{T as se}from"./Typography-NdqIGwl5.js";import{r as C}from"./resolveComponentProps-D1ztx9lS.js";import{u as re}from"./getReactElementRef-SdO7zWnC.js";function ne(l){return E("MuiDatePickerToolbar",l)}L("MuiDatePickerToolbar",["root","title"]);const le=["value","isLandscape","onChange","toolbarFormat","toolbarPlaceholder","views","className","onViewChange","view"],ie=l=>{const{classes:s}=l;return U({root:["root"],title:["title"]},ne,s)},ce=F(z,{name:"MuiDatePickerToolbar",slot:"Root",overridesResolver:(l,s)=>s.root})({}),ue=F(se,{name:"MuiDatePickerToolbar",slot:"Title",overridesResolver:(l,s)=>s.title})({variants:[{props:{isLandscape:!0},style:{margin:"auto 16px auto auto"}}]}),de=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDatePickerToolbar"}),{value:t,isLandscape:o,toolbarFormat:c,toolbarPlaceholder:u="––",views:b,className:p}=r,d=k(r,le),i=T(),f=x(),y=ie(r),g=m.useMemo(()=>{if(!t)return u;const N=O(i,{format:c,views:b},!0);return i.formatByString(t,N)},[t,c,u,i,b]),I=r;return P.jsx(ce,a({ref:n,toolbarTitle:f.datePickerToolbarTitle,isLandscape:o,className:W(y.root,p)},d,{children:P.jsx(ue,{variant:"h4",align:o?"left":"center",ownerState:I,className:y.title,children:g})}))});function S(l,s){const n=T(),r=Y(),t=h({props:l,name:s}),o=m.useMemo(()=>{var c;return((c=t.localeText)==null?void 0:c.toolbarTitle)==null?t.localeText:a({},t.localeText,{datePickerToolbarTitle:t.localeText.toolbarTitle})},[t.localeText]);return a({},t,{localeText:o},Q({views:t.views,openTo:t.openTo,defaultViews:["year","day"],defaultOpenTo:"day"}),{disableFuture:t.disableFuture??!1,disablePast:t.disablePast??!1,minDate:M(n,t.minDate,r.minDate),maxDate:M(n,t.maxDate,r.maxDate),slots:a({toolbar:de},t.slots)})}const pe=l=>{const s=q(l),{forwardedProps:n,internalProps:r}=$(s,"date");return H({forwardedProps:n,internalProps:r,valueManager:v,fieldValueManager:B,validator:w,valueType:"date"})},fe=["slots","slotProps","InputProps","inputProps"],V=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDateField"}),{slots:t,slotProps:o,InputProps:c,inputProps:u}=r,b=k(r,fe),p=r,d=(t==null?void 0:t.textField)??(s.enableAccessibleFieldDOMStructure?K:G),i=re({elementType:d,externalSlotProps:o==null?void 0:o.textField,externalForwardedProps:b,additionalProps:{ref:n},ownerState:p});i.inputProps=a({},u,i.inputProps),i.InputProps=a({},c,i.InputProps);const f=pe(i),y=J(f),g=X(a({},y,{slots:t,slotProps:o}));return P.jsx(d,a({},g))}),A=m.forwardRef(function(s,n){var p,d;const r=x(),t=T(),o=S(s,"MuiDesktopDatePicker"),c=a({day:D,month:D,year:D},o.viewRenderers),u=a({},o,{viewRenderers:c,format:O(t,o,!1),yearsPerRow:o.yearsPerRow??4,slots:a({openPickerIcon:Z,field:V},o.slots),slotProps:a({},o.slotProps,{field:i=>{var f;return a({},C((f=o.slotProps)==null?void 0:f.field,i),R(o),{ref:n})},toolbar:a({hidden:!0},(p=o.slotProps)==null?void 0:p.toolbar)})}),{renderPicker:b}=ee({props:u,valueManager:v,valueType:"date",getOpenDialogAriaText:((d=u.localeText)==null?void 0:d.openDatePickerDialogue)??r.openDatePickerDialogue,validator:w});return b()});A.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:j,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsPerRow:e.oneOf([3,4])};const _=m.forwardRef(function(s,n){var p,d;const r=x(),t=T(),o=S(s,"MuiMobileDatePicker"),c=a({day:D,month:D,year:D},o.viewRenderers),u=a({},o,{viewRenderers:c,format:O(t,o,!1),slots:a({field:V},o.slots),slotProps:a({},o.slotProps,{field:i=>{var f;return a({},C((f=o.slotProps)==null?void 0:f.field,i),R(o),{ref:n})},toolbar:a({hidden:!1},(p=o.slotProps)==null?void 0:p.toolbar)})}),{renderPicker:b}=oe({props:u,valueManager:v,valueType:"date",getOpenDialogAriaText:((d=u.localeText)==null?void 0:d.openDatePickerDialogue)??r.openDatePickerDialogue,validator:w});return b()});_.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:j,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsPerRow:e.oneOf([3,4])};const be=["desktopModeMediaQuery"],xe=m.forwardRef(function(s,n){const r=h({props:s,name:"MuiDatePicker"}),{desktopModeMediaQuery:t=te}=r,o=k(r,be);return ae(t,{defaultMatches:!0})?P.jsx(A,a({ref:n},o)):P.jsx(_,a({ref:n},o))});export{V as D,xe as a};