@okta/odyssey-contribution-tooling 1.47.0 → 1.48.0

package/dist/assets/DataView.stories-D2C5DdSv.js

@@ -1,448 +0,0 @@
-import{j as n}from"./jsx-runtime-CnH95YSl.js";import{a as Ve}from"./index-B-lxVbXh.js";import{f as St}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{I as Dt}from"./IgaComponentsLegacyOdysseyDecorator-BCVuvxtJ.js";import{O as Mt}from"./OdysseyStorybookThemeDecorator-16bNnvxj.js";import{M as it}from"./Status-DtAKE7T9.js";import{p as vt}from"./constants-CyailK6t.js";import{a as h,j as Ne}from"./emotion-react-jsx-runtime.browser.esm-CHuDzvzP.js";import{aS as xt,u as Rt,s as q}from"./OdysseyThemeProvider-DTipOKrx.js";import{a as Oe,d as ot,u as Lt,f as Pt,M as At,b as It,c as zt,e as Nt,g as Ot}from"./useFilterConversion-DvHidYFS.js";import{c as Vt}from"./createUniqueId-ByTaVY63.js";import{M as xe}from"./EmptyState-CKWfO14i.js";import{u as Tt,M as Ft}from"./Pagination-BPBGGXft.js";import{u as Bt}from"./useScrollIndication-2wkhaKcb.js";import{M as Kt}from"./Callout-xeMgREbo.js";import{M as R}from"./Box-C_AofFH6.js";import{M as jt}from"./DataFilters-hemWNdD8.js";import{M as Et}from"./Typography-C8wRtMzJ.js";import{M as Wt}from"./More-BYvX4unW.js";import{M as Ht}from"./MenuButton-B_ZC6_Cm.js";import{M as Gt,a as $t}from"./Refresh-krNY0Ca2.js";import{M as C}from"./Button-BZunw6q7.js";import{M as W}from"./MenuItem-C2dGz1TD.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./tableSortLabelClasses-CF1dMCAL.js";import"./dialogActionsClasses-CywlZTIk.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BUFYBjAn.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-C--u5dhu.js";import"./createSvgIcon-Dj8yxKs-.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BiamqhwG.js";import"./TransitionGroupContext-DZCHdcG0.js";import"./CircularProgress-Dw0SDJyB.js";import"./CircularProgress-FY7P5MBA.js";import"./Card-BRpTO-xg.js";import"./BaseButton-D5VRl9AE.js";import"./Tooltip-DVp6jBOX.js";import"./Tooltip-BlsY_RKz.js";import"./Grow-Z9DEawRE.js";import"./utils-CZyHmlOa.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Portal-BzAq_2pV.js";import"./resolveComponentProps-DGqZmzue.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-ku7ZJ8Yn.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-DHHAM_ol.js";import"./Skeleton-CY0mpJ3g.js";import"./colorManipulator-D4DqmIEX.js";import"./CardActions-B-hU8hiL.js";import"./CardActionArea-B00DyXxs.js";import"./Paper-C-KyYh7j.js";import"./ChevronUp-DHI0i-0H.js";import"./Checkbox-CserG86L.js";import"./SwitchBase-BdJ9BIyt.js";import"./useFormControl-BMISTZuX.js";import"./IconButton-B0rXD4A-.js";import"./index.esm-B_excoTH.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-CbzUVSFz.js";import"./utils-iop7lDec.js";import"./FormLabel-CoIg0wxJ.js";import"./List-CiQoh51m.js";import"./ownerWindow-HkKU3E4x.js";import"./Stack-BBv1isGO.js";import"./createStyled-Cp5j92b0.js";import"./useThemeProps-Bw1TgyrO.js";import"./Box-Dj0TcHPk.js";import"./DialogContent-Z9JTW8xE.js";import"./Fade-DYTAq5JI.js";import"./Modal-DQuS56t8.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./DialogTitle-CvaB6Kf4.js";import"./Typography-CLBOoAbV.js";import"./Menu-D2iTt7Fq.js";import"./MenuList-Btvjwmi6.js";import"./Radio-Bh1OVU_m.js";import"./useMobilePicker-BsplIpk8.js";import"./Select-CLEBwKEx.js";import"./ArrowDropDown-C93640p3.js";import"./InputBase-CF-3j1kS.js";import"./FormHelperText-BTAsIBEJ.js";import"./useThemeProps-BPp5zu1N.js";import"./InputAdornment-Bw47ho0e.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-h4VRgH-e.js";import"./Collapse-DLkMPw8a.js";import"./AlertTitle-DahEY4eC.js";import"./useSlot-MEjKYHOu.js";import"./Close-CW_go1N5.js";import"./Divider-DWyORJ3p.js";import"./Autocomplete-BmDMnvax.js";import"./ListSubheader-Bo19W-Av.js";import"./FormControlLabel-CuZFs3vK.js";import"./DateTimePicker-DJjm1ssT.js";import"./Tabs-BO3bStap.js";import"./DatePicker-DARYJRXr.js";import"./List-u4c_Evip.js";import"./Show-B4gf2Oeu.js";import"./ArrowRight-i-_xbxKs.js";import"./Link-DARU1eh_.js";import"./Link-roS5FD0_.js";import"./ExternalLink-ChdW10Dq.js";import"./useUniqueId-Bsgqe1tm.js";import"./Autocomplete-C848AE6u.js";import"./useAutocomplete-BWM5_QUM.js";import"./index.esm-80A8n6eE.js";import"./Field-D74eqg4O.js";import"./ScreenReaderText-Bi7otE7o.js";import"./FieldHint-CSau3k-Y.js";import"./inputUtils-Dbi8XkA6.js";import"./Checkbox-CrN5K4S9.js";import"./CheckboxGroup-DlgyfRLW.js";import"./FormGroup-CB1iaC_b.js";import"./Radio-C4CkYI8w.js";import"./RadioGroup-0Qsk19ei.js";import"./RadioGroup-BdWhFk7h.js";import"./SearchField-otO3Z-Zy.js";import"./Search-CcTCSD9b.js";import"./Tag-C-KiRKs2.js";import"./TagList-ChIYPc8c.js";import"./TextField-DWJWyFD_.js";import"./Filter-Cq-rk7m-.js";import"./ChevronRight-BmxenJh6.js";import"./BaseMenuButton-CAE_K4uL.js";import"./MenuContext-DKMyPMNY.js";const Jt={"pagination.loadmore":"Zobrazit více","pagination.next":"Další stránka","pagination.page":"Stránka","pagination.previous":"Předchozí stránka","pagination.rowsperpage":"Počet řádků na stránku","table.moreactions.arialabel":"Další akce","table.noresults.heading":"Nejsou k dispozici žádné výsledky.","table.noresults.text":"Zkuste zadat jiný dotaz."},Yt={"pagination.loadmore":"Vis mere","pagination.next":"Næste side","pagination.page":"Side","pagination.previous":"Forrige side","pagination.rowsperpage":"Rækker pr. side","table.moreactions.arialabel":"Flere handlinger","table.noresults.heading":"Der er ingen resultater.","table.noresults.text":"Prøv en anden forespørgsel."},qt={"pagination.loadmore":"Mehr anzeigen","pagination.next":"Nächste Seite","pagination.page":"Seite","pagination.previous":"Vorherige Seite","pagination.rowsperpage":"Zeilen pro Seite","table.moreactions.arialabel":"Weitere Aktionen","table.noresults.heading":"Es liegen keine Ergebnisse vor.","table.noresults.text":"Versuchen Sie es mit einer anderen Abfrage."},Ut={"pagination.loadmore":"Εμφάνιση περισσοτέρων","pagination.next":"Επόμενη σελίδα","pagination.page":"Σελίδα","pagination.previous":"Προηγούμενη σελίδα","pagination.rowsperpage":"Σειρές ανά σελίδα","table.moreactions.arialabel":"Περισσότερες ενέργειες","table.noresults.heading":"Δεν υπάρχουν αποτελέσματα.","table.noresults.text":"Δοκιμάστε ένα διαφορετικό ερώτημα."},_t={"pagination.loadmore":"Mostrar más","pagination.next":"Página siguiente","pagination.page":"Página","pagination.previous":"Página anterior","pagination.rowsperpage":"Filas por página","table.moreactions.arialabel":"Más acciones","table.noresults.heading":"No hay resultados.","table.noresults.text":"Pruebe con otra consulta."},Zt={"pagination.loadmore":"Erakutsi gehiago","pagination.next":"Hurrengo orria","pagination.page":"Orria","pagination.previous":"Aurreko orria","pagination.rowsperpage":"Errenkadak orriko","table.moreactions.arialabel":"Ekintza gehiago","table.noresults.heading":"Ez dago emaitzarik.","table.noresults.text":"Saiatu beste kontsulta bat egiten."},Qt={"pagination.loadmore":"Näytä lisää","pagination.next":"Seuraava sivu","pagination.page":"Sivu","pagination.previous":"Edellinen sivu","pagination.rowsperpage":"Rivejä sivulla","table.moreactions.arialabel":"Lisää toimintoja","table.noresults.heading":"Tuloksia ei löytynyt.","table.noresults.text":"Kokeile toista kyselyä."},Xt={"pagination.loadmore":"Afficher plus","pagination.next":"Page suivante","pagination.page":"Page","pagination.previous":"Page précédente","pagination.rowsperpage":"Lignes par page","table.moreactions.arialabel":"Plus d’actions","table.noresults.heading":"Aucun résultat.","table.noresults.text":"Essayez de formuler une requête différente."},en={"pagination.loadmore":"Afiche plis","pagination.next":"Pwochen paj","pagination.page":"Paj","pagination.previous":"Paj anvan","pagination.rowsperpage":"Ranje pa paj","table.moreactions.arialabel":"Plis aksyon","table.noresults.heading":"Pa gen rezilta","table.noresults.text":"Eseye yon rechèch diferan."},an={"pagination.loadmore":"Több megjelenítése","pagination.next":"Következő oldal","pagination.page":"Oldal","pagination.previous":"Előző oldal","pagination.rowsperpage":"Sorok száma oldalanként","table.moreactions.arialabel":"További műveletek","table.noresults.heading":"Nincsenek eredmények.","table.noresults.text":"Próbálkozzon másik lekérdezéssel."},tn={"pagination.loadmore":"Tampilkan lebih banyak","pagination.next":"Halaman selanjutnya","pagination.page":"Halaman","pagination.previous":"Halaman sebelumnya","pagination.rowsperpage":"Baris per halaman","table.moreactions.arialabel":"Tindakan lainnya","table.noresults.heading":"Tidak ada hasil.","table.noresults.text":"Coba dengan kueri lain."},nn={"pagination.loadmore":"Mostra di più","pagination.next":"Pagina successiva","pagination.page":"Pagina","pagination.previous":"Pagina precedente","pagination.rowsperpage":"Righe per pagina","table.moreactions.arialabel":"Altre azioni","table.noresults.heading":"Nessun risultato.","table.noresults.text":"Prova una query diversa."},on={"pagination.loadmore":"さらに表示","pagination.next":"次のページ","pagination.page":"ページ","pagination.previous":"前のページ","pagination.rowsperpage":"1ページの行数","table.moreactions.arialabel":"その他のアクション","table.noresults.heading":"結果がありません。","table.noresults.text":"別のクエリを試してください。"},rn={"pagination.loadmore":"자세히 보기","pagination.next":"다음 페이지","pagination.page":"페이지","pagination.previous":"이전 페이지","pagination.rowsperpage":"페이지당 행 수","table.moreactions.arialabel":"더 많은 작업","table.noresults.heading":"결과가 없습니다.","table.noresults.text":"다른 쿼리를 시도해봅니다."},sn={"pagination.loadmore":"Tunjukkan lagi","pagination.next":"Halaman seterusnya","pagination.page":"Halaman","pagination.previous":"Halaman sebelumnya","pagination.rowsperpage":"Baris setiap halaman","table.moreactions.arialabel":"Lebih banyak tindakan","table.noresults.heading":"Tiada hasil ditemukan.","table.noresults.text":"Cuba pertanyaan yang lain."},ln={"pagination.loadmore":"Vis mer","pagination.next":"Neste side","pagination.page":"Side","pagination.previous":"Forrige side","pagination.rowsperpage":"Rader per side","table.moreactions.arialabel":"Flere handlinger","table.noresults.heading":"Det er ingen resultater.","table.noresults.text":"Prøv en annen forespørsel."},dn={"pagination.loadmore":"Meer weergeven","pagination.next":"Volgende pagina","pagination.page":"Pagina","pagination.previous":"Vorige pagina","pagination.rowsperpage":"Rijen per pagina","table.moreactions.arialabel":"Meer acties","table.noresults.heading":"Er zijn geen resultaten.","table.noresults.text":"Probeer een andere query."},cn={"pagination.loadmore":"》Šĥöŵ ɱöŕé ئ䀕ヸ€홝한Ӝฐโ《","pagination.next":"》Ñéẋţ þåĝé ئ䀕ヸ€홝한Ӝฐโ《","pagination.page":"》Þåĝé 한Ӝฐโ《","pagination.previous":"》Þŕéṽîöûš þåĝé ⾼ئ䀕ヸ€홝한Ӝฐโ《","pagination.rowsperpage":"》Ŕöŵš þéŕ þåĝé ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.moreactions.arialabel":"》Ṁöŕé åçţîöñš ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.noresults.heading":"》Ţĥéŕé åŕé ñö ŕéšûļţš· Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.noresults.text":"》Ţŕý å ðéŕéñţ ǫûéŕý· Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《"},un={"pagination.loadmore":"[[odyssey-design-system:odyssey-contributions-iga-components: pagination.loadmore]]","pagination.next":"[[odyssey-design-system:odyssey-contributions-iga-components: pagination.next]]","pagination.page":"[[odyssey-design-system:odyssey-contributions-iga-components: pagination.page]]","pagination.previous":"[[odyssey-design-system:odyssey-contributions-iga-components: pagination.previous]]","pagination.rowsperpage":"[[odyssey-design-system:odyssey-contributions-iga-components: pagination.rowsperpage]]","table.moreactions.arialabel":"[[odyssey-design-system:odyssey-contributions-iga-components: table.moreactions.arialabel]]","table.noresults.heading":"[[odyssey-design-system:odyssey-contributions-iga-components: table.noresults.heading]]","table.noresults.text":"[[odyssey-design-system:odyssey-contributions-iga-components: table.noresults.text]]"},mn={"pagination.loadmore":"Pokaż więcej","pagination.next":"Następna strona","pagination.page":"Strona","pagination.previous":"Poprzednia strona","pagination.rowsperpage":"Wierszy na stronę","table.moreactions.arialabel":"Więcej akcji","table.noresults.heading":"Brak wyników.","table.noresults.text":"Wypróbuj inne zapytanie."},gn={"pagination.loadmore":"Mostrar mais","pagination.next":"Próxima página","pagination.page":"Página","pagination.previous":"Página anterior","pagination.rowsperpage":"Linhas por página","table.moreactions.arialabel":"Mais ações","table.noresults.heading":"Não há resultados.","table.noresults.text":"Tente uma consulta diferente."},bn={"pagination.loadmore":"Afișați mai multe","pagination.next":"Pagina următoare","pagination.page":"Pagina","pagination.previous":"Pagina anterioară","pagination.rowsperpage":"Rânduri pe pagină","table.moreactions.arialabel":"Mai multe acțiuni","table.noresults.heading":"Nu există rezultate.","table.noresults.text":"Încercați o altă interogare."},pn={"pagination.loadmore":"Показать подробности","pagination.next":"Следующая страница","pagination.page":"Страница","pagination.previous":"Предыдущая страница","pagination.rowsperpage":"Количество строк на страницу","table.moreactions.arialabel":"Другие действия","table.noresults.heading":"Нет результатов.","table.noresults.text":"Попробуйте другой поисковый запрос."},hn={"pagination.loadmore":"Visa mer","pagination.next":"Nästa sida","pagination.page":"Sida","pagination.previous":"Föregående sida","pagination.rowsperpage":"Rader per sida","table.moreactions.arialabel":"Fler åtgärder","table.noresults.heading":"Det finns inga resultat.","table.noresults.text":"Prova en annan sökfråga."},yn={"pagination.loadmore":"แสดงเพิ่มเติม","pagination.next":"หน้าถัดไป","pagination.page":"หน้า","pagination.previous":"หน้าก่อนหน้า","pagination.rowsperpage":"แถวต่อหน้า","table.moreactions.arialabel":"การดำเนินการเพิ่มเติม","table.noresults.heading":"ไม่มีผลลัพธ์","table.noresults.text":"ลองใช้คิวรีอื่น"},fn={"pagination.loadmore":"Daha fazla göster","pagination.next":"Sonraki sayfa","pagination.page":"Sayfa","pagination.previous":"Önceki sayfa","pagination.rowsperpage":"Sayfa başına satır","table.moreactions.arialabel":"Daha fazla eylem","table.noresults.heading":"Hiç sonuç yok.","table.noresults.text":"Farklı bir sorgu deneyin."},kn={"pagination.loadmore":"Показати більше","pagination.next":"Наступна сторінка","pagination.page":"Сторінка","pagination.previous":"Попередня сторінка","pagination.rowsperpage":"Рядків на сторінці","table.moreactions.arialabel":"Інші дії","table.noresults.heading":"Немає результатів.","table.noresults.text":"Спробуйте інший запит."},Cn={"pagination.loadmore":"Hiển thị thêm","pagination.next":"Trang sau","pagination.page":"Trang","pagination.previous":"Trang trước","pagination.rowsperpage":"Số hàng mỗi trang","table.moreactions.arialabel":"Thao tác khác","table.noresults.heading":"Không có kết quả.","table.noresults.text":"Thử truy vấn khác."},wn={"pagination.loadmore":"显示更多","pagination.next":"下一页","pagination.page":"页面","pagination.previous":"上一页","pagination.rowsperpage":"每页行数","table.moreactions.arialabel":"更多操作","table.noresults.heading":"没有结果。","table.noresults.text":"尝试不同的查询。"},Sn={"pagination.loadmore":"顯示更多","pagination.next":"下一頁","pagination.page":"頁面","pagination.previous":"上一頁","pagination.rowsperpage":"每頁列數","table.moreactions.arialabel":"更多動作","table.noresults.heading":"沒有結果。","table.noresults.text":"請嘗試不同的查詢。"},Dn={"pagination.loadmore":"Show more","pagination.next":"Next page","pagination.page":"Page","pagination.previous":"Previous page","pagination.rowsperpage":"Rows per page","table.moreactions.arialabel":"More actions","table.noresults.heading":"There are no results.","table.noresults.text":"Try a different query."},Mn={cs:Jt,da:Yt,de:qt,el:Ut,en:Dn,es:_t,eu:Zt,fi:Qt,fr:Xt,ht:en,hu:an,id:tn,it:nn,ja:on,ko:rn,ms:sn,nb:ln,nl_NL:dn,ok_PL:cn,ok_SK:un,pl:mn,pt_BR:gn,ro:bn,ru:pn,sv:hn,th:yn,tr:fn,uk:kn,vi:Cn,zh_CN:wn,zh_TW:Sn},vn="en",xn="odyssey-contributions-iga-components",{i18n:_e,useTranslation:Rn}=xt({defaultLanguageCode:vn,namespace:xn,resources:Mn});_e.t.bind(_e);const Ln=q("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",flexDirection:"column",gap:a.Spacing4})),Pn=q("div")(()=>({display:"flex",justifyContent:"space-between"})),An=q("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",justifyContent:"flex-end",gap:a.Spacing2})),In=q("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({display:"flex",alignItems:"center",gap:a.Spacing2})),zn=q("div",{shouldForwardProp:a=>a!=="odysseyDesignTokens"})(({odysseyDesignTokens:a})=>({marginInlineEnd:a.Spacing2})),Nn=({additionalActionButton:a,additionalActionMenuItems:e,availableLayouts:i=Oe,bulkActionMenuItems:r,currentPage:o=1,emptyPlaceholder:s,enableVirtualization:d,errorMessage:c,filters:f,getData:b,getRowId:p,hasFilters:w,hasPagination:P,hasPageInput:H,hasRowCountInput:A,hasRowCountLabel:U,hasSearch:_,hasSearchSubmitButton:u,hasRowReordering:m,hasRowSelection:l,initialLayout:v,isEmpty:I,isLoading:z,isNoResults:O,isPaginationMoreDisabled:st,isRowReorderingDisabled:Fe,metaText:Z,noResultsPlaceholder:Be,onChangeRowSelection:Q,onReorderRows:Le,onRowSelectionChange:X,paginationType:G="paged",resultsPerPage:F=20,searchDelayTime:lt,cardLayoutOptions:Ke,tableLayoutOptions:S,totalRows:$,maxPages:dt,maxResultsPerPage:ct,onPaginationChange:ee})=>{const J=Rt(),{t:x}=Rn(),[V,ut]=t.useState(v??i[0]),[T,je]=t.useState([]),[Ee,We]=t.useState(z??!0),[j,He]=t.useState(I??!0),[ae,mt]=t.useState(O??!1),[Ge,gt]=t.useState(c),[Y,bt]=t.useState(""),[te,pt]=t.useState(f),[ne,ht]=t.useState(f),[Pe,yt]=t.useState(),[B,Ae]=t.useState({});t.useEffect(()=>{Q==null||Q(B)},[B,Q]),t.useEffect(()=>{X==null||X(B)},[B,X]);const[g,Ie]=t.useState({pageIndex:o,pageSize:F}),[N,$e]=t.useState({columnSorting:[],columnVisibility:{},rowDensity:(S==null?void 0:S.initialDensity)??ot[0]}),ze=_||w||a||e,E=Lt({filters:ne,columns:S==null?void 0:S.columns});t.useEffect(()=>{!te&&E&&pt(E)},[E,te]);const Je=t.useMemo(()=>({page:g.pageIndex,resultsPerPage:g.pageSize,search:Y,filters:E,sort:N==null?void 0:N.columnSorting}),[g.pageIndex,g.pageSize,Y,E,N==null?void 0:N.columnSorting]),Ye=t.useCallback((k,Ct,wt)=>p?p(k,Ct,wt):k.id?k.id:Vt(),[p]);t.useEffect(()=>{Ie({pageIndex:o,pageSize:F})},[o,F]),t.useEffect(()=>{Ie(k=>({pageIndex:1,pageSize:G=="loadMore"?F:k.pageSize}))},[ne,G,F,Y]),t.useEffect(()=>{ee==null||ee(g)},[ee,g]),t.useEffect(()=>{Pt({dataQueryParams:Je,errorMessageProp:c,getData:b,setData:je,setErrorMessage:gt,setIsLoading:z?void 0:We})},[Je,c,b,z]),t.useEffect(()=>{He(g.pageIndex===o&&g.pageSize===F&&Y===""&&(!w||ne===te)&&T.length===0)},[o,T,ne,w,te,g,F,Y]),t.useEffect(()=>{We(k=>z??k)},[z]),t.useEffect(()=>{He(k=>I??k)},[I]),t.useEffect(()=>{mt(k=>O??k)},[O]);const qe=t.useMemo(()=>{const k=Be||h(xe,{description:x("table.noresults.text"),heading:x("table.noresults.heading")});if(j)return s||k;if(ae)return k},[Be,x,j,ae,s]),ie=t.useMemo(()=>(Z||V==="table"&&S||i.length>1||a||e)&&Ne(In,{odysseyDesignTokens:J,children:[Z&&h(zn,{odysseyDesignTokens:J,children:h(Et,{color:"textSecondary",children:Z})}),V==="table"&&S&&h(At,{setTableState:$e,tableLayoutOptions:S,tableState:N}),i.length>1&&h(It,{availableLayouts:i,currentLayout:V,setCurrentLayout:ut}),a,e&&h(Ht,{ariaLabel:x("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:h(Wt,{}),menuAlignment:"right",children:e})]}),[a,e,i,V,Z,J,S,N,x]),ft=t.useMemo(()=>d??G==="loadMore",[d,G]),{lastRow:kt}=Tt({currentRowsCount:T.length,pageIndex:g.pageIndex,pageSize:g.pageSize,totalRows:$}),Ue=Bt({totalRows:$,onReorderRows:Le,data:T,setData:je,draggingRow:Pe,setDraggingRow:yt,resultsPerPage:g.pageSize,page:g.pageIndex});return Ne(Ln,{odysseyDesignTokens:J,children:[Ge&&h(R,{children:h(Kt,{severity:"error",text:Ge})}),ze&&h(jt,{additionalActions:ie,filters:w?E:void 0,hasSearchSubmitButton:u,isDisabled:j,onChangeFilters:w?ht:void 0,onChangeSearch:_?bt:void 0,searchDelayTime:lt}),(r||l)&&Ne(Pn,{children:[h(zt,{data:T,menuItems:r,rowSelection:B,setRowSelection:Ae}),!ze&&ie]}),!ze&&!r&&!l&&ie&&h(An,{odysseyDesignTokens:J,children:ie}),V==="table"&&S&&h(Nt,{columns:S.columns,data:T,draggingRow:Pe,emptyState:qe,enableVirtualization:ft,getRowId:p||Ye,hasRowReordering:m,hasRowSelection:l,isEmpty:j,isLoading:Ee,isNoResults:ae,isRowReorderingDisabled:Fe,onReorderRows:Le,pagination:g,rowReorderingUtilities:Ue,rowSelection:B,setRowSelection:Ae,setTableState:$e,tableLayoutOptions:S,tableState:N,totalRows:$}),(V==="list"||V==="grid")&&Ke&&h(Ot,{cardLayoutOptions:Ke,currentLayout:V,data:T,draggingRow:Pe,emptyState:qe,getRowId:p||Ye,hasRowReordering:m,hasRowSelection:l,isEmpty:j,isLoading:Ee,isNoResults:ae,isRowReorderingDisabled:Fe,onReorderRows:Le,pagination:g,rowReorderingUtilities:Ue,rowSelection:B,setRowSelection:Ae,totalRows:$}),P&&h(Ft,{currentPageLabel:x("pagination.page"),currentRowsCount:T.length,hasPageInput:H,hasRowCountInput:A,hasRowCountLabel:U,isDisabled:j,isMoreDisabled:st,lastRow:kt,loadMoreLabel:x("pagination.loadmore"),maxPageIndex:dt,maxPageSize:ct,nextLabel:x("pagination.next"),onPaginationChange:Ie,pageIndex:g.pageIndex,pageSize:g.pageSize,previousLabel:x("pagination.previous"),rowsPerPageLabel:x("pagination.rowsperpage"),totalRows:$,variant:G})]})},y=t.memo(Nn);y.displayName="DataView";/*!
- * 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.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * 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 On=({data:a,...e})=>{const{search:i,filters:r,sort:o,page:s=1,resultsPerPage:d=20}=e,c=i?a.filter(u=>Object.values(u).some(m=>m.toString().toLowerCase().includes(i.toLowerCase()))):a,f=["order","id","name","city","state","age","risk"],b=u=>f.includes(u),p=(u,m)=>{var v;if(typeof u.name!="string")return!0;const l=(v=u.name[0])==null?void 0:v.toLowerCase();return m==="vowel"?"aeiou".includes(l):m==="consonant"?!"aeiou".includes(l):!0},w=(u,m,l)=>{const v=String(u[m]).toLowerCase();return l==null?!0:typeof l=="string"||typeof l=="number"?v.includes(String(l).toLowerCase()):Array.isArray(l)?l.some(I=>{var O;const z=typeof I=="object"?I.value:I;return(O=u[m])==null?void 0:O.toString().toLowerCase().includes(z.toString().toLowerCase())}):!1},P=(u,m,l)=>u<m?l?1:-1:u>m?l?-1:1:0,H=r?c.filter(u=>r.every(({id:m,value:l})=>l==null?!0:m==="startLetter"?p(u,l):b(m)?w(u,m,l):!0)):c,A=o&&o.length>0?[...H].sort((u,m)=>o.reduce((l,{id:v,desc:I})=>{if(l!==0)return l;if(b(v)){const z=u[v],O=m[v];return P(z,O,I)}return 0},0)):H,U=(s-1)*d,_=U+d;return A.slice(U,_)},Vn=({data:a,rowId:e,newRowIndex:i})=>{const r=a.findIndex(d=>d.id===e);if(r===-1)return a;const[o]=a.splice(r,1);return[...a.slice(0,i),o,...a.slice(i)]},L=[{accessorKey:"order",header:"ID",enableColumnFilter:!1,size:120},{accessorKey:"name",header:"Name",enableHiding:!1},{accessorKey:"city",header:"City"},{accessorKey:"state",header:"State"},{accessorKey:"age",header:"Age",size:80,filterVariant:"range"},{accessorKey:"risk",header:"Risk level",Cell:({cell:a})=>{const e=a.getValue(),i=e==="low"?"success":e==="medium"?"warning":"error";return n.jsx(it,{label:e.charAt(0).toUpperCase()+e.slice(1),severity:i})},filterVariant:"multi-select",filterSelectOptions:[{label:"Low",value:"low"},{label:"Medium",value:"medium"},{label:"High",value:"high"}]}],D=[{order:0,id:"9d3cd264-0212-4827-b421-3d77bc22c0a9",name:"John Doe",city:"New Paltz",state:"New York",age:34,risk:"high"},{order:1,id:"bf663960-2df9-42c4-8cab-ac95f8c9b04e",name:"Cecil Steuber",city:"New Arlo",state:"Florida",age:95,risk:"low"},{order:2,id:"f8046c00-fe48-421e-bd7b-5a5afc63aa61",name:"Lionel Lynch",city:"Kirlinboro",state:"Kansas",age:97,risk:"high"},{order:3,id:"8051ea50-285e-45b3-8172-6ea1e2dd0da4",name:"Lamar Bayer",city:"West Kayleetown",state:"New Jersey",age:90,risk:"medium"},{order:4,id:"d93f395b-8958-4ef7-af34-0f4ccbdfa042",name:"Mr. Dwayne Howe II",city:"Fort Alvisstead",state:"Pennsylvania",age:23,risk:"low"},{order:5,id:"b86cd0e4-dca1-4957-b844-ff976a6394f8",name:"Valerie Klein",city:"West Orenview",state:"Idaho",age:91,risk:"medium"},{order:6,id:"086fa172-6d44-49ef-8406-6b34cccad694",name:"Randal Howe",city:"New Loganton",state:"Arizona",age:26,risk:"medium"},{order:7,id:"ad806feb-44c9-4e21-bd41-5c3c76090657",name:"Herbert Stanton",city:"Katrinefurt",state:"Indiana",age:20,risk:"high"},{order:8,id:"9cc74183-214d-4cca-b948-82e5fe27bb74",name:"Kyle Hoeger",city:"North Kodyborough",state:"Virginia",age:86,risk:"high"},{order:9,id:"273e72d4-25d8-4c53-9a51-36e43fc75524",name:"Nina Carroll",city:"West Caleigh",state:"Missouri",age:88,risk:"high"},{order:10,id:"62b86ff6-003e-4dd0-aedf-c012b1de1eb0",name:"Moses Glover",city:"Berkeley",state:"South Dakota",age:79,risk:"low"},{order:11,id:"08fac7bf-ac9c-4b8b-8ede-f64c946a1fb6",name:"Mr. Cesar Cole",city:"Lake Kailey",state:"Montana",age:32,risk:"low"},{order:12,id:"bc082c2c-2953-40b6-aeb1-110daeef81bf",name:"Dixie Kuphal IV",city:"East Esmeralda",state:"Missouri",age:92,risk:"low"},{order:13,id:"ec955b41-a9c1-4092-bdae-c8daecc67392",name:"Sylvester Gislason V",city:"East Johnnybury",state:"Missouri",age:35,risk:"high"},{order:14,id:"0cd8c723-078b-45c3-8a49-824a74ddba46",name:"Margaret Toy DDS",city:"Rubenstead",state:"Minnesota",age:36,risk:"medium"},{order:15,id:"a4e4b630-76cb-4797-a97d-8c7c93b30f03",name:"Elena Haag",city:"East Ernie",state:"Texas",age:75,risk:"high"},{order:16,id:"4c3884f5-a447-46a3-89a9-2b0ab2373aa2",name:"Pamela Effertz",city:"West Jamarcusboro",state:"Arkansas",age:43,risk:"low"},{order:17,id:"309fb05e-583d-4201-b334-e6d9f4ae74e6",name:"Mrs. Gloria Douglas",city:"Cummingshaven",state:"Ohio",age:32,risk:"medium"},{order:18,id:"b952cf04-8182-4da0-8671-9fe8a0c42e16",name:"Tommie Schneider",city:"Lake Lolitaview",state:"Michigan",age:47,risk:"medium"},{order:19,id:"6de5bb9c-7abb-4995-ace5-0ac9eeed13a7",name:"Edna Kling",city:"Port Jimmyborough",state:"Georgia",age:23,risk:"medium"},{order:20,id:"2c129486-6dda-4391-976b-b41021473308",name:"Gordon Jast",city:"Prosaccoborough",state:"New Mexico",age:99,risk:"low"},{order:21,id:"ffd2953d-a49a-48d0-89ef-903fd05774ad",name:"Salvador Armstrong",city:"Alysaton",state:"Nevada",age:65,risk:"medium"},{order:22,id:"e5ab25bc-60c3-4888-9f3e-ec66fbe9f2aa",name:"Sheila Harris",city:"South Allenton",state:"Tennessee",age:46,risk:"low"},{order:23,id:"48069214-aaf6-4bb1-8a74-314ba899c245",name:"Rochelle Rohan",city:"New Coryside",state:"Oklahoma",age:98,risk:"medium"},{order:24,id:"95adb05b-dd7b-4f38-8434-1fc65fadc096",name:"Rodney White",city:"North Jonathonshire",state:"Texas",age:47,risk:"high"},{order:25,id:"bd58c1d4-dc60-4d03-8fd1-96cd42f56272",name:"Faith Kub",city:"Morissetteboro",state:"New Hampshire",age:87,risk:"low"},{order:26,id:"1feebd5f-16de-456b-8196-d1b2bd54b633",name:"Mrs. Vera Brown",city:"East Watson",state:"Utah",age:27,risk:"high"},{order:27,id:"25a8afd9-e34a-4ef4-8a14-714c6d72e449",name:"Gregory Dare",city:"East Ramona",state:"Indiana",age:65,risk:"medium"},{order:28,id:"e43c16e7-9830-4e68-b492-27abe3e30966",name:"Charlie Steuber-Weber",city:"Toniview",state:"Idaho",age:77,risk:"medium"},{order:29,id:"0cd47890-0cd5-4db2-b74d-1e450c49a985",name:"Jimmie Dicki-Stiedemann",city:"Purdyfort",state:"Wyoming",age:29,risk:"low"},{order:30,id:"82bb23af-5378-4d20-b266-a1f2ed557d7b",name:"Ralph Hane DDS",city:"Antonettehaven",state:"Pennsylvania",age:93,risk:"low"},{order:31,id:"da195eac-8e19-4b22-8185-afffe9e8d308",name:"Doreen Breitenberg",city:"North Margretton",state:"Michigan",age:83,risk:"medium"},{order:32,id:"f0b17830-686d-4d32-98ca-f37c4de0eb39",name:"Mr. Guy Jacobson",city:"East Kaelyn",state:"Hawaii",age:28,risk:"low"},{order:33,id:"7db48194-3a13-4453-971d-9eecb5c29909",name:"Nathaniel Conroy",city:"Beckerton",state:"California",age:94,risk:"low"},{order:34,id:"7f38910b-e4c6-4d16-96d6-ce2c3f7875fa",name:"Hope Klocko III",city:"Lincolnstead",state:"Colorado",age:52,risk:"low"},{order:35,id:"08dc854c-def6-4a02-a6ec-e2afdd455f8c",name:"Mrs. Valerie Raynor",city:"Kevenview",state:"Indiana",age:81,risk:"high"},{order:36,id:"e1ba2b2d-1468-4e65-877c-ae59bc7aea44",name:"Tracey Hammes",city:"New Harveyburgh",state:"North Carolina",age:22,risk:"low"},{order:37,id:"f5b7d6f4-9dcd-4f28-b163-7cbaa99b7723",name:"Nina Paucek",city:"Port Reta",state:"New Hampshire",age:53,risk:"low"},{order:38,id:"ed9ebc5a-f104-42ca-b9a6-dbcbd6bbf27d",name:"Derrick Hodkiewicz",city:"Port Bettiebury",state:"Maine",age:82,risk:"low"},{order:39,id:"2562adc7-a956-452c-8a51-6997442d0dca",name:"Maggie Orn",city:"Stromanbury",state:"Vermont",age:36,risk:"low"},{order:40,id:"19606ba5-2a05-4a84-98fd-bdfeac306110",name:"Jeanne Borer",city:"Fort Coltenfurt",state:"Pennsylvania",age:26,risk:"medium"},{order:41,id:"d8ba8b5f-7a4d-4f77-8ce8-c00255038226",name:"Suzanne Daniel",city:"Morissetteworth",state:"Michigan",age:58,risk:"medium"},{order:42,id:"49345933-6a7e-47b2-a280-0517fdb0ca17",name:"Lola Kautzer",city:"New Destinystad",state:"Colorado",age:22,risk:"medium"},{order:43,id:"1f397994-d931-4cf4-a9e1-d2378c67c4cd",name:"Mabel Bernhard DVM",city:"Howestad",state:"Washington",age:46,risk:"high"},{order:44,id:"1406f3b1-b93f-491e-a41c-c4b17b7ead97",name:"Tyler Dare",city:"Boulder",state:"Minnesota",age:81,risk:"medium"},{order:45,id:"a4ffca1f-cc28-441c-b25a-da24df4f3651",name:"Noah Jacobi",city:"New Marianefield",state:"Delaware",age:67,risk:"low"},{order:46,id:"ac9a2226-13c7-429b-b941-0297b3730a7a",name:"Danny Cormier",city:"Florissant",state:"Massachusetts",age:88,risk:"high"},{order:47,id:"ef9e1979-657c-46ad-81d2-b94f4dff3d4f",name:"Alex Kautzer",city:"West Bettyfield",state:"Illinois",age:47,risk:"high"},{order:48,id:"d7feab4a-6055-48aa-a0f1-cedc3c002067",name:"Jared Hermann",city:"Fort Audraborough",state:"Washington",age:63,risk:"high"},{order:49,id:"e0580323-fb6e-4350-84ff-6d6bec51b4e2",name:"Irene Luettgen Jr.",city:"Louisville/Jefferson County",state:"Arkansas",age:26,risk:"low"},{order:50,id:"e51fef7f-b8c1-41b4-875d-a65e30b85ea7",name:"Gerald VonRueden",city:"New Jaimeton",state:"Vermont",age:50,risk:"low"},{order:51,id:"38babdf7-20c3-45fe-8b84-45a8a382c722",name:"Raquel D'Amore",city:"South Astridmouth",state:"New York",age:49,risk:"high"},{order:52,id:"3f3c4e94-7155-4b1e-a351-8d6e1d18a187",name:"Ms. Amy Collins",city:"West Sanford",state:"Maine",age:54,risk:"low"},{order:53,id:"a969f0d4-9847-4ccc-a03c-d1b316405b41",name:"Marilyn Vandervort IV",city:"Samsonborough",state:"Montana",age:58,risk:"medium"},{order:54,id:"db056e8b-ca7c-4cef-8ae0-c05a0930a9e2",name:"Ms. Kristin Okuneva",city:"New Wilma",state:"South Carolina",age:95,risk:"medium"},{order:55,id:"37cca6e0-d853-4ce5-a6d5-0591dceb0f31",name:"Nicole Hane",city:"Boehmfort",state:"Iowa",age:23,risk:"medium"},{order:56,id:"1222feac-64df-4335-a462-817721366a16",name:"Marian Kutch",city:"Kimfort",state:"Vermont",age:69,risk:"high"},{order:57,id:"de7d9cf8-3b4c-4268-9922-f644e4fcbbac",name:"Mr. Cary Larson",city:"Noahbury",state:"Washington",age:46,risk:"high"},{order:58,id:"084b433d-84e4-4929-8fd6-ac1c47a235d3",name:"Felicia Jones-Fritsch",city:"Mandyport",state:"Washington",age:89,risk:"high"},{order:59,id:"8d4acef0-67b5-4862-8d41-65dea98f8bd5",name:"Ruth Koepp",city:"Cedar Hill",state:"North Carolina",age:97,risk:"high"},{order:60,id:"5dee93b7-b9b6-4f30-befa-b3c124ac884c",name:"Lori Windler",city:"North Denafield",state:"Maryland",age:72,risk:"high"},{order:61,id:"62655293-0b67-4574-b63d-bcff4d8ca919",name:"Marion Terry",city:"Isadorestad",state:"Kentucky",age:32,risk:"medium"},{order:62,id:"23b04edb-ea32-4586-acec-03d345ee0b06",name:"Roosevelt Walsh",city:"North Fausto",state:"Illinois",age:95,risk:"low"},{order:63,id:"c450a75d-8ef2-4770-89ac-f36b686b7894",name:"Mrs. Vivian Bernhard",city:"New Emily",state:"Oregon",age:27,risk:"high"},{order:64,id:"a0f79b46-58ce-4faa-af4d-d5052170f1ab",name:"Benjamin Ryan",city:"Bartellville",state:"Mississippi",age:30,risk:"medium"},{order:65,id:"418fe2a4-3574-4749-967c-58b9d073111d",name:"Alison Mohr",city:"San Angelo",state:"Idaho",age:40,risk:"high"},{order:66,id:"3d702da1-0c09-4dae-b70a-3ce92a2069e9",name:"Gustavo Champlin",city:"Quitzonboro",state:"Utah",age:40,risk:"low"},{order:67,id:"70097612-2c8a-4ea0-9768-456dd6b0aa26",name:"Roxanne Bechtelar",city:"Yeseniaville",state:"Washington",age:32,risk:"low"},{order:68,id:"e1ae0aa8-e4b4-434b-9bf9-ca935590021a",name:"Ora Kutch",city:"South Rethafort",state:"Colorado",age:61,risk:"high"},{order:69,id:"43f9156d-0124-4d98-bed9-ff9d635e5154",name:"Toni Fritsch",city:"Fort Lawson",state:"West Virginia",age:22,risk:"low"},{order:70,id:"107a4c47-1b0c-4203-bf9c-7e610d62e9f3",name:"Kerry Hansen",city:"Kuphalmouth",state:"Massachusetts",age:64,risk:"high"},{order:71,id:"1c55f297-aeea-490a-ab47-f4b9d5956ae2",name:"Brandi Ledner",city:"West Jedediahville",state:"Maryland",age:54,risk:"low"},{order:72,id:"da759266-6398-48fc-a89c-e43584f39dce",name:"Natalie Wisozk",city:"Maxinestead",state:"Virginia",age:35,risk:"low"},{order:73,id:"1c7e2ce5-3de6-4e49-8fe4-5c0b5bcbd9cc",name:"Dorothy Botsford",city:"Frederikcester",state:"Maine",age:97,risk:"medium"},{order:74,id:"6f29d2b9-3a68-4879-83fd-e29c643f0f9d",name:"Angela Conn",city:"South Norafort",state:"Hawaii",age:52,risk:"high"},{order:75,id:"250652ad-e8c4-45f6-944e-e52e367bdc38",name:"Roy Walker Jr.",city:"Wilkinsoncester",state:"Louisiana",age:26,risk:"low"},{order:76,id:"e78c8b9e-5167-43ab-97fc-8f6d817acb7a",name:"Kristy Nicolas",city:"Stoltenbergshire",state:"North Dakota",age:57,risk:"high"},{order:77,id:"feb37af6-c57f-4d20-9521-e0265798f238",name:"Gordon Cremin",city:"Cummerataville",state:"Kentucky",age:70,risk:"high"},{order:78,id:"36c3e293-ebb2-4826-ab8c-f244ed7283b3",name:"Wilma Orn",city:"Pacochabury",state:"South Carolina",age:46,risk:"medium"},{order:79,id:"03e2b3f2-56ca-463e-ae7b-cd0f7a535957",name:"Nicolas Trantow",city:"North Onie",state:"Oklahoma",age:47,risk:"medium"},{order:80,id:"f6864b9c-fadc-40db-9144-be5a6ed5f50b",name:"Jesse Rippin",city:"Killeen",state:"Kansas",age:82,risk:"medium"},{order:81,id:"d5555bee-247a-4b15-a747-33c4f4ffe157",name:"Nina Cruickshank V",city:"East Tristian",state:"Connecticut",age:83,risk:"low"},{order:82,id:"05d30dbd-267d-439a-a831-d247fbf6fde1",name:"Sherman Schmidt",city:"Port Lucas",state:"Maryland",age:88,risk:"low"},{order:83,id:"c2f6d838-8c65-4670-abb8-9594ad03faa6",name:"Dr. Gregory Walsh",city:"South Devonte",state:"Idaho",age:77,risk:"low"},{order:84,id:"c2041318-610d-47bc-86f9-09610f786612",name:"Doreen Schimmel",city:"Fort Collins",state:"Iowa",age:48,risk:"medium"},{order:85,id:"09e4079c-5b8b-4522-a159-35768563f35e",name:"Wayne Morar",city:"Fort Rosemarie",state:"Montana",age:19,risk:"low"},{order:86,id:"b1b9f5e9-ec96-43be-92e3-17bfb4bb4d56",name:"Mr. Jordan Schroeder",city:"North Jessicaboro",state:"New Mexico",age:25,risk:"medium"},{order:87,id:"b34de79f-d906-4da2-ba32-8b4a38596301",name:"Dr. Benny Schuppe",city:"Gordonburgh",state:"Florida",age:91,risk:"high"},{order:88,id:"ffe99215-3a55-4b65-ab4d-9e1bc893dc7d",name:"Madeline Hahn",city:"West Elise",state:"West Virginia",age:73,risk:"high"},{order:89,id:"d6ca49a9-fd28-4edb-97ad-06b3a39f9196",name:"Hugo Cole",city:"Fairfield",state:"Kentucky",age:38,risk:"high"},{order:90,id:"21a31b30-e125-4d68-81b9-deb83f147866",name:"Jackie Prosacco",city:"North Madie",state:"New York",age:26,risk:"medium"},{order:91,id:"d5d75640-68d5-48c3-8fa5-48c326dab373",name:"Dr. Ada Moen",city:"Rowlett",state:"Maine",age:18,risk:"high"},{order:92,id:"12228239-8d2f-4284-a84a-57fab4712f34",name:"Shelley Schowalter DVM",city:"South Mauricio",state:"Maryland",age:55,risk:"high"},{order:93,id:"4fff095f-12a5-4831-8d31-67a92d29bb26",name:"David Little",city:"Strackechester",state:"Mississippi",age:46,risk:"high"},{order:94,id:"d789882d-1879-422b-951f-5fc8179de402",name:"Tanya Koepp IV",city:"East Rae",state:"Kentucky",age:97,risk:"low"},{order:95,id:"fc6e179f-6d74-4517-9816-76d8b42b1ea9",name:"Ethel Hauck",city:"Kertzmannboro",state:"Wisconsin",age:25,risk:"high"},{order:96,id:"b75376c7-f69c-4b47-a822-0746ee3f3cb9",name:"Donnie Frami",city:"Alameda",state:"Louisiana",age:55,risk:"medium"},{order:97,id:"2b99b54b-8f74-4c4a-abe3-8c94043d95d7",name:"Alberto Hyatt",city:"Port Junior",state:"Wisconsin",age:90,risk:"low"},{order:98,id:"d9c0ab78-e7aa-41b1-ab40-d5b2f8a046b0",name:"James Grimes",city:"Freddyshire",state:"Wyoming",age:49,risk:"high"},{order:99,id:"2d9a8a19-5416-4913-bcc2-409868a50024",name:"Carlos Bode",city:"Trompfort",state:"Connecticut",age:42,risk:"medium"},{order:100,id:"021b7bab-6093-456a-bdb9-e4d1cf8214ce",name:"Krista Hoeger",city:"Emelyland",state:"Nebraska",age:98,risk:"medium"},{order:101,id:"120b3eaf-0ec7-44d7-a8fc-8a061c46dbc1",name:"Dr. Leona Grant Sr.",city:"Jamalborough",state:"Nevada",age:27,risk:"medium"},{order:102,id:"bfad1a5a-d3be-4c36-8369-336b948e7bbd",name:"Mandy Boehm",city:"Orenboro",state:"Virginia",age:92,risk:"high"},{order:103,id:"38aace7d-8996-45b4-8ee6-6b504ffb6c55",name:"Samantha Strosin",city:"MacGyverton",state:"South Carolina",age:23,risk:"low"},{order:104,id:"7544c3ad-cb0f-4fee-ab76-d6563f6e5ce9",name:"Veronica Daniel PhD",city:"La Crosse",state:"Kansas",age:44,risk:"high"},{order:105,id:"b790953f-3a82-4497-8952-9f98acd16b8f",name:"Frederick Goyette",city:"Port Emiechester",state:"Rhode Island",age:98,risk:"high"},{order:106,id:"f16fc323-9d9c-4fec-b64e-98c527f85d59",name:"Simon Bode",city:"The Woodlands",state:"Colorado",age:63,risk:"low"},{order:107,id:"7c3ad30f-19d1-4cac-8d59-eee121520030",name:"Lula Nitzsche",city:"Wellington",state:"South Carolina",age:57,risk:"medium"},{order:108,id:"2f69ca95-2062-4d0f-9069-01858beca5ba",name:"Ora Kirlin",city:"Virgiefort",state:"Tennessee",age:72,risk:"low"},{order:109,id:"508200c4-020d-4060-9a78-2b1886cca75f",name:"Cornelius Schaefer",city:"Dominicchester",state:"Tennessee",age:38,risk:"low"},{order:110,id:"5b24a664-8a08-4bad-b52a-0e0f68f66ffe",name:"Dr. Marcus Kling-Yost",city:"Crooksside",state:"North Dakota",age:18,risk:"high"},{order:111,id:"134f237b-bf40-4bfe-9e60-0d65b1fc1ec1",name:"Sabrina Krajcik Sr.",city:"Glovercester",state:"New York",age:72,risk:"high"},{order:112,id:"a63fc694-108f-4fe3-a2aa-da09300e4e81",name:"Harvey Raynor",city:"Bettyland",state:"Missouri",age:87,risk:"medium"},{order:113,id:"0376536e-5df7-4271-b9b7-fdad30359752",name:"Doug Greenholt",city:"North Celestinofort",state:"Oklahoma",age:60,risk:"medium"},{order:114,id:"d4dce7c2-657d-486a-82e8-f6fc23f972c6",name:"Tasha VonRueden",city:"West Alfordberg",state:"New Hampshire",age:20,risk:"medium"},{order:115,id:"e61960cd-bc35-41c7-b4d1-5e1485935f00",name:"Mabel Wiza",city:"Torphyburgh",state:"Indiana",age:30,risk:"low"},{order:116,id:"d3f94cb1-3425-48fd-a714-fbf4c8bfa112",name:"Glenn Murazik",city:"Fort Jaimeside",state:"Rhode Island",age:36,risk:"medium"},{order:117,id:"63556c18-c65a-4aaa-ba75-357702fc90a5",name:"Nicole Schultz",city:"Peabody",state:"Missouri",age:25,risk:"medium"},{order:118,id:"a3a30238-64f7-4bf5-aa11-73956e2c4ccf",name:"Tyler Moen V",city:"South Cora",state:"West Virginia",age:81,risk:"low"},{order:119,id:"f9641224-0dcf-45d3-b614-88ef5a33779d",name:"Julius Haag",city:"South Casimirboro",state:"Alaska",age:28,risk:"high"},{order:120,id:"895a6558-dfd3-4b82-8ddf-63c55ca00500",name:"Eunice Dach",city:"Swaniawskiburgh",state:"Montana",age:60,risk:"high"},{order:121,id:"1b9fd626-73ba-466a-b358-22a5237b7be5",name:"Kristi Bernier",city:"West Kenyattastead",state:"Missouri",age:27,risk:"high"},{order:122,id:"3bf93192-0092-4969-8025-fe85e74a878b",name:"Mrs. Meredith Schaefer",city:"Port Norris",state:"Pennsylvania",age:71,risk:"high"},{order:123,id:"ecf8e122-71e0-4d17-9cb7-26b15029c287",name:"Sean Satterfield",city:"Abernathyborough",state:"Massachusetts",age:48,risk:"low"},{order:124,id:"79392c54-a933-4073-ad83-e9a20eb80cc3",name:"Leona Effertz MD",city:"Fort Crawfordchester",state:"Hawaii",age:87,risk:"medium"},{order:125,id:"21af25ea-4fa9-46dd-8d0d-dd4c0ef82b9e",name:"Andrew Schinner V",city:"East Glennafort",state:"California",age:84,risk:"low"},{order:126,id:"4b68f2eb-2952-4392-b96a-cc84b7cd798d",name:"Silvia McCullough",city:"West Seneca",state:"Vermont",age:66,risk:"high"},{order:127,id:"b5acfe2f-fb43-4c35-9b6b-b7118eee61bf",name:"Mrs. June Robel",city:"Trantowbury",state:"Iowa",age:75,risk:"medium"},{order:128,id:"4c6872ce-ae6b-40c7-bd81-396b26ddd35e",name:"Katherine Kuphal",city:"New Arnaldoside",state:"Indiana",age:33,risk:"medium"},{order:129,id:"42244329-c344-4333-8ca7-980784df1099",name:"Guadalupe Hayes",city:"Collierside",state:"Arizona",age:28,risk:"low"},{order:130,id:"37997d64-b87c-494e-9197-51c3851a961b",name:"Brandi Beier",city:"Rosenbaumshire",state:"Montana",age:35,risk:"high"},{order:131,id:"20617263-4256-4053-bd33-80a9d108bde5",name:"Ira Schiller",city:"East Geraldine",state:"Arkansas",age:87,risk:"low"},{order:132,id:"f4344a84-8a0e-48d4-8a4c-0fe24dd54249",name:"Rene Torp",city:"North Shaniacester",state:"South Carolina",age:53,risk:"medium"},{order:133,id:"329c823b-dc98-4ad5-b866-8249b223c739",name:"Beulah Prohaska",city:"North Henri",state:"Idaho",age:33,risk:"medium"},{order:134,id:"5a633cb6-77e0-495a-b9cb-2bd9e3c921fc",name:"Raquel Glover",city:"Rutherfordcester",state:"Delaware",age:81,risk:"low"},{order:135,id:"f33377a1-ec5c-4b17-acd5-ff01f9ef549a",name:"Lillie Bergnaum",city:"Camden",state:"Florida",age:23,risk:"medium"},{order:136,id:"2a0abf60-8c95-4334-8e65-41b9f9aea934",name:"Blanche Rath",city:"Cuyahoga Falls",state:"Alaska",age:62,risk:"low"},{order:137,id:"ff8a2b6b-c0ac-4854-9d8e-468aa0c9c7df",name:"Andres Sanford DVM",city:"Hermanshire",state:"Alabama",age:85,risk:"high"},{order:138,id:"78507d20-f4d2-4dc6-aeb8-688c5375c1eb",name:"Jenny Cassin I",city:"St. Louis",state:"Florida",age:82,risk:"low"},{order:139,id:"8e5cc328-e048-4d24-9562-50834002c99a",name:"Darla Corkery III",city:"North Sigmund",state:"Alaska",age:52,risk:"low"},{order:140,id:"6e74d62a-08a7-4060-ac78-723fef554369",name:"Mr. Andres Fritsch",city:"Mullershire",state:"New Hampshire",age:74,risk:"low"},{order:141,id:"8d06d9ed-ee13-4c2d-9952-7d919ddba8f9",name:"Cesar Effertz",city:"South Kirstin",state:"Oklahoma",age:63,risk:"low"},{order:142,id:"e8ed5718-2b8a-428f-92f5-98bd2aecefa2",name:"Norman Von",city:"Fort Dovieview",state:"Oklahoma",age:93,risk:"high"},{order:143,id:"28323a88-867e-4989-a975-b2c15ae117d6",name:"Gilbert Cremin",city:"Dayanaborough",state:"California",age:42,risk:"medium"},{order:144,id:"6def70a2-6d40-43cd-bb31-b936bdcb51e4",name:"Nicolas Christiansen",city:"Westborough",state:"Indiana",age:29,risk:"high"},{order:145,id:"d84c1d33-c416-4cd9-a8e9-81e8a5f54c43",name:"Cecelia Durgan-Stamm I",city:"Visalia",state:"New York",age:22,risk:"medium"},{order:146,id:"cc536114-3323-45bf-b980-aa952e441355",name:"Chad Huels",city:"Fountainebleau",state:"Maryland",age:80,risk:"high"},{order:147,id:"a183e00e-e983-4ec4-a0d7-28fa3d839d98",name:"Noel Bayer-Raynor",city:"Naperville",state:"Michigan",age:71,risk:"low"},{order:148,id:"2d02375d-ac1f-4d78-a90f-e9a99be143d9",name:"Mr. Leo Feil",city:"Lake Marshallboro",state:"New Jersey",age:46,risk:"low"},{order:149,id:"46e39993-14d9-45f9-a58a-51ed44d1f2cf",name:"Marco Rath",city:"Lake Damarisview",state:"Alabama",age:25,risk:"medium"},{order:150,id:"eaac5ba1-50b6-46d7-86bd-78a5e4e93891",name:"Terence Vandervort",city:"Philadelphia",state:"Idaho",age:30,risk:"low"},{order:151,id:"82c596f1-6f8d-464b-8746-37cab5b3a955",name:"Steven Gibson III",city:"Port Lessieburgh",state:"Michigan",age:61,risk:"medium"},{order:152,id:"6ee0e5d9-d82c-4e29-8e49-c879c422b572",name:"Jenny Kutch",city:"Irwinboro",state:"Louisiana",age:78,risk:"high"},{order:153,id:"e799e19f-e704-4e08-929f-4d35a1e3c347",name:"Albert Kihn",city:"South Marquis",state:"New Hampshire",age:33,risk:"medium"},{order:154,id:"608d06fc-6952-44bd-809b-db8b9398cedc",name:"Christine Satterfield",city:"Angelicatown",state:"Oregon",age:25,risk:"high"},{order:155,id:"ad1f7bb5-894e-4fa5-b1ff-d66c14960ef1",name:"Colleen Bartoletti",city:"North Alverta",state:"Indiana",age:55,risk:"low"},{order:156,id:"2999d3dc-22a9-4830-9c3f-5ace33b3a299",name:"Dr. Jody Fisher",city:"Harveyside",state:"Arkansas",age:32,risk:"high"},{order:157,id:"58cf6f57-e4c6-4d1f-a172-abddbfeacef1",name:"Miss Marta D'Amore",city:"Catharineview",state:"Alaska",age:21,risk:"high"},{order:158,id:"1f81b31a-bba7-400a-ba92-71f489c93fd5",name:"Darrell West",city:"Marianoshire",state:"New Hampshire",age:30,risk:"low"},{order:159,id:"850f112e-aa45-486b-bb74-c5d7fb4fe258",name:"Myron Schmitt",city:"Kalebbury",state:"Connecticut",age:46,risk:"low"},{order:160,id:"0ed4118c-223e-4330-b0b2-950884c52962",name:"Kay Ferry III",city:"Shayleeport",state:"Kentucky",age:53,risk:"medium"},{order:161,id:"62ab7162-c488-47e8-a8e9-549f343e70c5",name:"Geoffrey Mayert",city:"Noblesville",state:"South Carolina",age:46,risk:"high"},{order:162,id:"d35452b3-43ca-48e6-bcdd-61e8066ea2ac",name:"Daisy Blanda",city:"Paulton",state:"Kentucky",age:87,risk:"high"},{order:163,id:"f66a3afe-92c3-43c7-84db-9430ae703822",name:"Lindsay Stracke",city:"Schulistside",state:"New York",age:42,risk:"medium"},{order:164,id:"14d84b7e-c61d-4fe9-a88a-758d19b065b4",name:"Derrick Schulist",city:"Rosinatown",state:"Nevada",age:47,risk:"low"},{order:165,id:"19970a29-2075-42c0-a3ad-ed018cac00d5",name:"Latoya Kub",city:"South Rollinport",state:"South Dakota",age:47,risk:"low"},{order:166,id:"17a195ad-cfc5-4801-97dc-8d0deceba057",name:"Mr. Mike Bechtelar",city:"East Jeremiemouth",state:"New Mexico",age:59,risk:"low"},{order:167,id:"2390b432-c739-4fcd-98a7-de3d18581c17",name:"Orville Rowe",city:"Hendersonville",state:"Connecticut",age:57,risk:"high"},{order:168,id:"eaa0b563-6bb6-436a-94a6-352c292fd24a",name:"Camille Kerluke",city:"Port Lyda",state:"Florida",age:38,risk:"high"},{order:169,id:"f6e1cbfa-5b39-4506-b03a-ce5275dff60d",name:"Miss Antonia Rodriguez",city:"Amarillo",state:"Wyoming",age:72,risk:"high"},{order:170,id:"9f76ac34-5d6d-402c-b572-fec675d23c74",name:"Willard Turner",city:"New Thelma",state:"New Jersey",age:53,risk:"low"},{order:171,id:"1e6b930a-a69e-40eb-90c6-37578bdb66a8",name:"Annette Berge",city:"Carson",state:"Wisconsin",age:57,risk:"low"},{order:172,id:"3fa71029-8ae2-4db4-b0c2-ebb51c22d368",name:"Katrina Roberts I",city:"Fort Odie",state:"Arkansas",age:76,risk:"high"},{order:173,id:"12d7fa49-bae2-4cc8-b126-9d653be473ef",name:"Sylvia Rau",city:"Oxnard",state:"Hawaii",age:25,risk:"high"},{order:174,id:"2dbb95ed-c460-4594-a1a9-1c06932e2e6f",name:"Gene Schulist",city:"Fort Libbieboro",state:"Oklahoma",age:51,risk:"low"},{order:175,id:"800e2b2b-cd4f-4007-99ce-a14c325b6bd0",name:"Richard Kassulke",city:"Riverton",state:"Oklahoma",age:84,risk:"high"},{order:176,id:"26e61243-d236-4a14-a1ba-a03d7ce5a530",name:"Yvette Orn",city:"Royal Oak",state:"Iowa",age:20,risk:"high"},{order:177,id:"7897807e-04ff-469a-a7ff-a5ff40ccdf7c",name:"Sherri Hand",city:"New Zoila",state:"Nevada",age:34,risk:"medium"},{order:178,id:"785eb865-78bf-4676-b087-9d2c5622d8f4",name:"Tonya Simonis",city:"Jeremiefort",state:"Texas",age:58,risk:"low"},{order:179,id:"c0f0ce78-d187-43cf-9406-782843972ef7",name:"Sandy Schulist-Rowe",city:"Heaneyville",state:"Florida",age:78,risk:"high"},{order:180,id:"b8111699-6d4d-402b-867b-e4ed9ee4a0d1",name:"Michele Crona",city:"South Nelle",state:"South Carolina",age:46,risk:"low"},{order:181,id:"422977f9-3c22-4ef8-8a6a-a4f09245bc31",name:"Lucy Welch",city:"West Shannon",state:"Tennessee",age:47,risk:"medium"},{order:182,id:"5de4ada2-f04f-4487-9443-b1c015db5508",name:"Thelma Toy",city:"Boca Raton",state:"Connecticut",age:31,risk:"high"},{order:183,id:"afc75679-ae2d-4ef3-a7a1-9f2fc6228c78",name:"Amelia Vandervort-Howe",city:"Miami Beach",state:"Massachusetts",age:58,risk:"high"},{order:184,id:"23e37a07-0a7b-476a-a476-829a1eaff962",name:"Loretta Ernser V",city:"Euless",state:"New York",age:35,risk:"low"},{order:185,id:"7086ae68-6d7d-45c0-aa4f-7d10d946283a",name:"Phyllis Grimes",city:"New Bretcester",state:"California",age:43,risk:"low"},{order:186,id:"582429f2-dfdf-40b3-a164-ee5f665391e8",name:"Eloise Von",city:"Violacester",state:"Alabama",age:31,risk:"medium"},{order:187,id:"969de9bc-47ef-47cb-b716-a74c0abbf05c",name:"Lula Schuster",city:"Hazleside",state:"Arkansas",age:73,risk:"high"},{order:188,id:"55b28840-d93c-43b4-b552-f4256dfdf389",name:"Dr. Bertha Volkman",city:"New Bethelhaven",state:"Alabama",age:38,risk:"medium"},{order:189,id:"cb1d5f44-0d3e-4bdd-8ad4-ce43e459870b",name:"Marco Collier",city:"New Marlon",state:"Iowa",age:24,risk:"high"},{order:190,id:"a0a3596e-a259-4c9e-bce0-b163a1156363",name:"Alex Cormier III",city:"Kirstenfort",state:"Pennsylvania",age:98,risk:"low"},{order:191,id:"9f0c5912-be82-48e0-9361-434b4d2afdfd",name:"Kay Thompson",city:"Visalia",state:"Kentucky",age:91,risk:"medium"},{order:192,id:"370c711c-ff45-41d3-a911-a176c5e6ec57",name:"Mae Daugherty",city:"Fort Wanda",state:"Kansas",age:68,risk:"high"},{order:193,id:"6e274204-ee56-4c42-b058-d90c2ca4d2f9",name:"Nancy Adams",city:"Edgarport",state:"Louisiana",age:90,risk:"medium"},{order:194,id:"94c130c1-2926-42ff-bae0-65f5daf0e04e",name:"Tara Douglas",city:"South Reina",state:"Mississippi",age:78,risk:"low"},{order:195,id:"7d817f75-dea8-4fe4-b255-b09dc7adeea0",name:"Miss Patricia Bradtke MD",city:"Port Eusebiofort",state:"Montana",age:20,risk:"low"},{order:196,id:"61e3358f-55bc-4aa6-80f9-fd418a428539",name:"Robert Schowalter",city:"Lake Filiberto",state:"North Dakota",age:44,risk:"high"},{order:197,id:"4115db11-7c19-43cd-870b-143fc26cd3d8",name:"Tyler Cole",city:"West Dana",state:"Connecticut",age:86,risk:"low"},{order:198,id:"946dfdaa-6fc9-4cf9-b1fe-b9d4ef32dd4f",name:"Dora Muller",city:"Irvine",state:"Kansas",age:25,risk:"high"},{order:199,id:"34fc92c9-ac5a-4a8d-965d-412d47f640b8",name:"Paulette Reichert",city:"Dublin",state:"Hawaii",age:45,risk:"medium"}];let Ze=[];for(let a=0;a<50;a++)Ze=Ze.concat(D);const yr={component:y,decorators:[Mt,Dt],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:vt},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:Oe},availableLayouts:{control:"check",options:Oe},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:ot,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:St(),paginationType:"paged",resultsPerPage:20},render:function(e){const[i,r]=t.useState(D),{getData:o,onReorderRows:s,onChangeRowSelection:d}=M(i,r);return n.jsx(y,{additionalActionButton:e.hasAdditionalActionButton?Bn:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?Kn:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?ve:void 0,cardLayoutOptions:{itemProps:rt,rowActionMenuItems:e.hasActionMenuItems?ve:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?En:void 0,enableVirtualization:e.enableVirtualization,errorMessage:e.errorMessage,getData:o,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?Wn:void 0,onChangeRowSelection:d,onReorderRows:s,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:L,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?ve:void 0,rowActionButtons:e.hasActionButtons?jn:void 0,renderDetailPanel:void 0,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},K=Ve("onClick"),Re=["table"],Te=["list"],Tn=["grid"],Fn=["table","grid"],M=(a,e)=>{const i=t.useCallback(({...s})=>On({data:a,...s}),[a]),r=t.useCallback(({...s})=>{const d=Vn({data:a,...s});e(d)},[a,e]),o=t.useCallback(s=>{Object.keys(s).length>0&&Ve("onChangeRowSelection")(`${Object.keys(s).length} selected`)},[]);return{getData:i,onReorderRows:r,onChangeRowSelection:o}},Bn=n.jsx(C,{label:"Add widget",variant:"primary"}),Kn=n.jsxs(n.Fragment,{children:[n.jsx(W,{onClick:K,children:"Additional action 1"}),n.jsx(W,{onClick:K,children:"Additional action 2"})]}),ve=()=>n.jsxs(n.Fragment,{children:[n.jsx(W,{onClick:K,children:"Action 1"}),n.jsx(W,{onClick:K,children:"Action 2"})]}),jn=()=>n.jsxs(R,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[n.jsx(C,{ariaLabel:"Pause",endIcon:n.jsx(Gt,{}),onClick:K,size:"small",variant:"floating"}),n.jsx(C,{ariaLabel:"Refresh",endIcon:n.jsx($t,{}),onClick:K,size:"small",variant:"floating"})]}),En=n.jsx(xe,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:n.jsx(C,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:n.jsx(C,{label:"Secondary",variant:"secondary"})}),Wn=n.jsx(xe,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),rt=a=>({overline:`${a.city}, ${a.state}`,title:a.name,description:`${a.name} is ${a.age} years old.`,children:n.jsx(it,{label:a.risk.charAt(0).toUpperCase()+a.risk.slice(1),severity:a.risk==="low"?"success":a.risk==="medium"?"warning":"error"})}),oe={args:{}},re={args:{availableLayouts:Re}},se={args:{availableLayouts:["list","grid"]}},le={args:{availableLayouts:Te}},de={args:{availableLayouts:Tn}},ce={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"}},ue={render:function(e){const[i,r]=t.useState(D),{getData:o,onReorderRows:s,onChangeRowSelection:d}=M(i,r),c=t.useCallback(({row:b})=>n.jsxs(R,{children:["This is additional content for row ",b.id]}),[]),f=t.useMemo(()=>({columns:L,renderDetailPanel:c}),[c]);return n.jsx(y,{availableLayouts:Fn,cardLayoutOptions:{itemProps:rt,renderDetailPanel:c},getData:o,hasRowSelection:e.hasRowSelection,onChangeRowSelection:d,onReorderRows:s,tableLayoutOptions:f})}},me={render:function(){const e=t.useCallback(()=>{const r=[];return Array(10).fill(null).forEach(()=>{r.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."})}),r},[]),i=t.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnResizing:!0}),[]);return n.jsx(y,{getData:e,tableLayoutOptions:i})}},ge={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o,...s}){const[d,c]=t.useState(D),{onReorderRows:f,onChangeRowSelection:b}=M(d,c),p=t.useMemo(()=>n.jsx(xe,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:n.jsx(C,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:n.jsx(C,{label:"Secondary",variant:"secondary"})}),[]),w=t.useMemo(()=>({columns:L,hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o}),[e,i,r,o]);return n.jsx(y,{...s,emptyPlaceholder:p,getData:()=>[],onChangeRowSelection:b,onReorderRows:f,tableLayoutOptions:w})}},be={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o,...s}){const[d,c]=t.useState(D),{getData:f,onReorderRows:b}=M(d,c),p=t.useMemo(()=>[...L,{id:"startLetter",label:"Name starting with...",render:P=>n.jsxs(R,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[n.jsx(R,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:n.jsx(C,{isFullWidth:!0,label:"Vowel",onClick:()=>P({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),n.jsx(R,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:n.jsx(C,{isFullWidth:!0,label:"Consonant",onClick:()=>P({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),n.jsx(R,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:n.jsx(C,{isFullWidth:!0,label:"Any",onClick:()=>P({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),w=t.useMemo(()=>({columns:L,hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o}),[e,i,r,o]);return n.jsx(y,{...s,filters:p,getData:f,onReorderRows:b,tableLayoutOptions:w})}},pe={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o,...s}){const[d,c]=t.useState(D),{getData:f,onReorderRows:b,onChangeRowSelection:p}=M(d,c),w=t.useMemo(()=>[...L.filter(A=>A.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:A=>n.jsxs(R,{children:[n.jsx(C,{label:"🛰️ Vowel",onClick:()=>A({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),n.jsx(C,{label:"🛸 Consonant",onClick:()=>A({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),n.jsx(C,{label:"🤷‍♂️ Any",onClick:()=>A({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),P=t.useMemo(()=>({columns:L,hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o}),[e,i,r,o]);return n.jsx(y,{...s,filters:w,getData:f,onChangeRowSelection:p,onReorderRows:b,tableLayoutOptions:P})}},he={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o,...s}){const[d,c]=t.useState(D),{getData:f}=M(d,c),b=t.useMemo(()=>[...L,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),p=t.useMemo(()=>({columns:L,hasChangeableDensity:e,hasColumnResizing:i,hasColumnVisibility:r,hasSorting:o}),[e,i,r,o]);return n.jsx(y,{...s,filters:b,getData:f,tableLayoutOptions:p})}},ye={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},fe={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}],[]),i=t.useMemo(()=>({hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:ve}),[]);return n.jsx(y,{getData:e,hasSearch:!0,tableLayoutOptions:i})}},ke={args:{availableLayouts:Re,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},Ce={render:function(){const[e,i]=t.useState(D),{getData:r}=M(e,i),o=t.useCallback(d=>{Ve("onPaginationChange")(d)},[]),s=t.useMemo(()=>({columns:L}),[]);return n.jsx(y,{getData:r,hasPagination:!0,onPaginationChange:o,tableLayoutOptions:s})}},Hn=a=>({overline:"Overline",title:a.name,description:`${a.name} is ${a.age} years old.`,variant:"stack",image:n.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),we={render:function(){const[e,i]=t.useState(D),{getData:r}=M(e,i),o=t.useMemo(()=>({itemProps:Hn,renderDetailPanel:()=>n.jsx(R,{children:"Details"}),rowActionMenuItems:()=>n.jsx(W,{children:"Test"})}),[]);return n.jsx(y,{availableLayouts:Te,cardLayoutOptions:o,getData:r})}},Gn=a=>({title:a.name,variant:"compact",image:n.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),Se={render:function(){const[e,i]=t.useState(D),{getData:r}=M(e,i),o=t.useCallback(({row:c})=>c.age%2?n.jsx(R,{children:"Detail content"}):!1,[]),s=t.useCallback(()=>n.jsx(W,{children:"Test"}),[]),d=t.useMemo(()=>({itemProps:Gn,renderDetailPanel:o,rowActionMenuItems:s}),[o,s]);return n.jsx(y,{availableLayouts:Te,cardLayoutOptions:d,getData:r})}},De={render:function(){const[e,i]=t.useState(D),{getData:r}=M(e,i),o=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0}),[]);return n.jsx(y,{availableLayouts:Re,getData:r,tableLayoutOptions:o})}},Me={render:function(){const[e,i]=t.useState(D),{getData:r}=M(e,i),o=t.useCallback(()=>n.jsx(C,{label:"Action",onClick:K,size:"small",variant:"secondary"}),[]),s=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0,rowActionButtons:o}),[o]);return n.jsx(y,{availableLayouts:Re,getData:r,tableLayoutOptions:s})}};var Qe,Xe,ea;oe.parameters={...oe.parameters,docs:{...(Qe=oe.parameters)==null?void 0:Qe.docs,source:{originalSource:`{
-  args: {}
-}`,...(ea=(Xe=oe.parameters)==null?void 0:Xe.docs)==null?void 0:ea.source}}};var aa,ta,na;re.parameters={...re.parameters,docs:{...(aa=re.parameters)==null?void 0:aa.docs,source:{originalSource:`{
-  args: {
-    availableLayouts: tableLayoutOnly
-  }
-}`,...(na=(ta=re.parameters)==null?void 0:ta.docs)==null?void 0:na.source}}};var ia,oa,ra;se.parameters={...se.parameters,docs:{...(ia=se.parameters)==null?void 0:ia.docs,source:{originalSource:`{
-  args: {
-    availableLayouts: ["list", "grid"]
-  }
-}`,...(ra=(oa=se.parameters)==null?void 0:oa.docs)==null?void 0:ra.source}}};var sa,la,da;le.parameters={...le.parameters,docs:{...(sa=le.parameters)==null?void 0:sa.docs,source:{originalSource:`{
-  args: {
-    availableLayouts: listLayoutOnly
-  }
-}`,...(da=(la=le.parameters)==null?void 0:la.docs)==null?void 0:da.source}}};var ca,ua,ma;de.parameters={...de.parameters,docs:{...(ca=de.parameters)==null?void 0:ca.docs,source:{originalSource:`{
-  args: {
-    availableLayouts: gridLayoutOnly
-  }
-}`,...(ma=(ua=de.parameters)==null?void 0:ua.docs)==null?void 0:ma.source}}};var ga,ba,pa;ce.parameters={...ce.parameters,docs:{...(ga=ce.parameters)==null?void 0:ga.docs,source:{originalSource:`{
-  args: {
-    hasRowReordering: true,
-    hasPagination: true,
-    hasFilters: true,
-    hasSearch: true,
-    hasChangeableDensity: true,
-    hasColumnResizing: true,
-    hasColumnVisibility: true,
-    hasSorting: true,
-    hasActionButtons: true,
-    hasActionMenuItems: true,
-    hasRowSelection: true,
-    hasAdditionalActionButton: true,
-    hasAdditionalActionMenuItems: true,
-    metaText: "Last updated 12 hours ago"
-  }
-}`,...(pa=(ba=ce.parameters)==null?void 0:ba.docs)==null?void 0:pa.source}}};var ha,ya,fa;ue.parameters={...ue.parameters,docs:{...(ha=ue.parameters)==null?void 0:ha.docs,source:{originalSource:`{
-  render: function C(args) {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData,
-      onReorderRows,
-      onChangeRowSelection
-    } = useDataCallbacks(data, setData);
-    const renderAdditionalContent = useCallback(({
-      row
-    }: {
-      row: DataTableRowData;
-    }) => {
-      return <Box>This is additional content for row {row.id}</Box>;
-    }, []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: personColumns,
-      renderDetailPanel: renderAdditionalContent
-    }), [renderAdditionalContent]);
-    return <DataView availableLayouts={tableAndGridLayouts} cardLayoutOptions={{
-      itemProps: itemProps,
-      renderDetailPanel: renderAdditionalContent
-    }} getData={getData} hasRowSelection={args.hasRowSelection} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(fa=(ya=ue.parameters)==null?void 0:ya.docs)==null?void 0:fa.source}}};var ka,Ca,wa;me.parameters={...me.parameters,docs:{...(ka=me.parameters)==null?void 0:ka.docs,source:{originalSource:`{
-  render: function C() {
-    const getData = useCallback(() => {
-      const data: Array<{
-        truncated: string;
-        wrapped: string;
-      }> = [];
-      Array(10).fill(null).forEach(() => {
-        data.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."
-        });
-      }); // Corrected the missing parenthesis here
-      return data;
-    }, []);
-    const tableLayoutOptions = useMemo(() => ({
-      columns: [{
-        accessorKey: "truncated",
-        header: "Truncated"
-      }, {
-        accessorKey: "wrapped",
-        header: "Wrapped",
-        hasTextWrapping: true
-      }],
-      hasColumnResizing: true
-    }), []);
-    return <DataView getData={getData} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(wa=(Ca=me.parameters)==null?void 0:Ca.docs)==null?void 0:wa.source}}};var Sa,Da,Ma;ge.parameters={...ge.parameters,docs:{...(Sa=ge.parameters)==null?void 0:Sa.docs,source:{originalSource:`{
-  args: {
-    hasChangeableDensity: true,
-    hasColumnResizing: true,
-    hasColumnVisibility: false,
-    hasFilters: true,
-    hasPagination: false,
-    hasRowSelection: true,
-    hasSearch: true,
-    hasSorting: true,
-    hasRowReordering: false
-  },
-  render: function C({
-    hasChangeableDensity,
-    hasColumnResizing,
-    hasColumnVisibility,
-    hasSorting,
-    ...props
-  }) {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      onReorderRows,
-      onChangeRowSelection
-    } = useDataCallbacks(data, setData);
-    const emptyPlaceholder = useMemo(() => <EmptyState description="All relevant data will be displayed and can be searched and filtered" heading="Start by adding data assets" PrimaryCallToActionComponent={<Button label="Primary" variant="primary" />} SecondaryCallToActionComponent={<Button label="Secondary" variant="secondary" />} />, []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: personColumns,
-      hasChangeableDensity: hasChangeableDensity,
-      hasColumnResizing: hasColumnResizing,
-      hasColumnVisibility: hasColumnVisibility,
-      hasSorting: hasSorting
-    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
-    return <DataView {...props} emptyPlaceholder={emptyPlaceholder} getData={() => []} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(Ma=(Da=ge.parameters)==null?void 0:Da.docs)==null?void 0:Ma.source}}};var va,xa,Ra;be.parameters={...be.parameters,docs:{...(va=be.parameters)==null?void 0:va.docs,source:{originalSource:`{
-  args: {
-    hasChangeableDensity: true,
-    hasColumnResizing: true,
-    hasColumnVisibility: false,
-    hasFilters: true,
-    hasPagination: false,
-    hasRowSelection: false,
-    hasSearch: true,
-    hasSorting: true,
-    hasRowReordering: false
-  },
-  render: function C({
-    hasChangeableDensity,
-    hasColumnResizing,
-    hasColumnVisibility,
-    hasSorting,
-    ...props
-  }) {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData,
-      onReorderRows
-    } = useDataCallbacks(data, setData);
-    const filters = useMemo(() => [...personColumns, {
-      id: "startLetter",
-      label: "Name starting with...",
-      render: (updateFilters: UpdateFiltersOrValues) => <Box sx={{
-        display: "flex",
-        flexDirection: "column",
-        alignContent: "stretch",
-        gap: 2
-      }}>
-              <Box sx={{
-          display: "flex",
-          alignItems: "stretch",
-          flexDirection: "column"
-        }}>
-                <Button isFullWidth label="Vowel" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: "vowel"
-          })} variant="secondary" />
-              </Box>
-              <Box sx={{
-          display: "flex",
-          alignItems: "stretch",
-          flexDirection: "column"
-        }}>
-                <Button isFullWidth label="Consonant" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: "consonant"
-          })} variant="secondary" />
-              </Box>
-              <Box sx={{
-          display: "flex",
-          alignItems: "stretch",
-          flexDirection: "column"
-        }}>
-                <Button isFullWidth label="Any" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: "any"
-          })} variant="secondary" />
-              </Box>
-            </Box>
-    }], []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: personColumns,
-      hasChangeableDensity: hasChangeableDensity,
-      hasColumnResizing: hasColumnResizing,
-      hasColumnVisibility: hasColumnVisibility,
-      hasSorting: hasSorting
-    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
-    return <DataView {...props} filters={filters} getData={getData} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(Ra=(xa=be.parameters)==null?void 0:xa.docs)==null?void 0:Ra.source}}};var La,Pa,Aa;pe.parameters={...pe.parameters,docs:{...(La=pe.parameters)==null?void 0:La.docs,source:{originalSource:`{
-  args: {
-    hasChangeableDensity: true,
-    hasColumnResizing: true,
-    hasColumnVisibility: false,
-    hasFilters: true,
-    hasPagination: false,
-    hasRowSelection: true,
-    hasSearch: true,
-    hasSorting: true,
-    hasRowReordering: false
-  },
-  render: function C({
-    hasChangeableDensity,
-    hasColumnResizing,
-    hasColumnVisibility,
-    hasSorting,
-    ...props
-  }) {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData,
-      onReorderRows,
-      onChangeRowSelection
-    } = useDataCallbacks(data, setData);
-    const filters = useMemo(() => {
-      // Filter out the column with the id of "type"
-      const filteredPersonColumns = personColumns.filter(column => column.id !== "visit");
-      return [...filteredPersonColumns, {
-        id: "startLetter",
-        label: "Starting letter ",
-        render: (updateFilters: UpdateFiltersOrValues) => <Box>
-              <Button label="🛰️ Vowel" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: "vowel"
-          })} variant="secondary" />
-              <Button label="🛸 Consonant" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: "consonant"
-          })} variant="secondary" />
-              <Button label="🤷‍♂️ Any" onClick={() => updateFilters({
-            filterId: "startLetter",
-            value: ""
-          })} variant="secondary" />
-            </Box>
-      }];
-    }, []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: personColumns,
-      hasChangeableDensity: hasChangeableDensity,
-      hasColumnResizing: hasColumnResizing,
-      hasColumnVisibility: hasColumnVisibility,
-      hasSorting: hasSorting
-    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
-    return <DataView {...props} filters={filters} getData={getData} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(Aa=(Pa=pe.parameters)==null?void 0:Pa.docs)==null?void 0:Aa.source}}};var Ia,za,Na;he.parameters={...he.parameters,docs:{...(Ia=he.parameters)==null?void 0:Ia.docs,source:{originalSource:`{
-  args: {
-    hasChangeableDensity: true,
-    hasColumnResizing: true,
-    hasColumnVisibility: false,
-    hasFilters: true,
-    hasPagination: false,
-    hasRowSelection: false,
-    hasSearch: true,
-    hasSorting: true,
-    hasRowReordering: false
-  },
-  render: function C({
-    hasChangeableDensity,
-    hasColumnResizing,
-    hasColumnVisibility,
-    hasSorting,
-    ...props
-  }) {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const filters = useMemo<DataViewMetaProps["filters"]>(() => {
-      return [...personColumns, {
-        id: "startLetter",
-        label: "Starting letter",
-        variant: "select",
-        options: [{
-          label: "Vowel",
-          value: "vowel"
-        }, {
-          label: "Consonant",
-          value: "consonant"
-        }]
-      }];
-    }, []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: personColumns,
-      hasChangeableDensity: hasChangeableDensity,
-      hasColumnResizing: hasColumnResizing,
-      hasColumnVisibility: hasColumnVisibility,
-      hasSorting: hasSorting
-    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
-    return <DataView {...props} filters={filters} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(Na=(za=he.parameters)==null?void 0:za.docs)==null?void 0:Na.source}}};var Oa,Va,Ta;ye.parameters={...ye.parameters,docs:{...(Oa=ye.parameters)==null?void 0:Oa.docs,source:{originalSource:`{
-  args: {
-    hasAdditionalActionButton: true,
-    hasAdditionalActionMenuItems: true
-  }
-}`,...(Ta=(Va=ye.parameters)==null?void 0:Va.docs)==null?void 0:Ta.source}}};var Fa,Ba,Ka;fe.parameters={...fe.parameters,docs:{...(Fa=fe.parameters)==null?void 0:Fa.docs,source:{originalSource:`{
-  render: function C() {
-    const getData = useCallback<() => Privilege[]>(() => [{
-      name: "Core engineering access",
-      apps: 5,
-      users: 10
-    }, {
-      name: "Core sales access",
-      apps: 8,
-      users: 28
-    }, {
-      name: "Super user access",
-      apps: 3,
-      users: 1
-    }], []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Privilege>>(() => ({
-      hasColumnResizing: true,
-      hasSorting: true,
-      columns: [{
-        accessorKey: "name",
-        header: "Name",
-        grow: true
-      }, {
-        accessorKey: "apps",
-        header: "Apps"
-      }, {
-        accessorKey: "users",
-        header: "Users assigned"
-      }],
-      rowActionMenuItems: actionMenuItems
-    }), []);
-    return <DataView getData={getData} hasSearch tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(Ka=(Ba=fe.parameters)==null?void 0:Ba.docs)==null?void 0:Ka.source}}};var ja,Ea,Wa;ke.parameters={...ke.parameters,docs:{...(ja=ke.parameters)==null?void 0:ja.docs,source:{originalSource:`{
-  args: {
-    availableLayouts: tableLayoutOnly,
-    hasPagination: true,
-    paginationType: "loadMore",
-    hasFilters: true
-  }
-}`,...(Wa=(Ea=ke.parameters)==null?void 0:Ea.docs)==null?void 0:Wa.source}}};var Ha,Ga,$a;Ce.parameters={...Ce.parameters,docs:{...(Ha=Ce.parameters)==null?void 0:Ha.docs,source:{originalSource:`{
-  render: function C() {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const onPaginationChange = useCallback<Required<DataViewProps<Person>>["onPaginationChange"]>((pagination: {
-      pageIndex: number;
-      pageSize: number;
-    }) => {
-      action("onPaginationChange")(pagination);
-    }, []);
-    const tableLayoutOptions = useMemo(() => ({
-      columns: personColumns
-    }), []);
-    return <DataView getData={getData} hasPagination onPaginationChange={onPaginationChange} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...($a=(Ga=Ce.parameters)==null?void 0:Ga.docs)==null?void 0:$a.source}}};var Ja,Ya,qa;we.parameters={...we.parameters,docs:{...(Ja=we.parameters)==null?void 0:Ja.docs,source:{originalSource:`{
-  render: function C() {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const cardLayoutOptions = useMemo(() => ({
-      itemProps: stackItemProps,
-      renderDetailPanel: () => <Box>Details</Box>,
-      rowActionMenuItems: () => <MenuItem>Test</MenuItem>
-    }), []);
-    return <DataView availableLayouts={listLayoutOnly} cardLayoutOptions={cardLayoutOptions} getData={getData} />;
-  }
-}`,...(qa=(Ya=we.parameters)==null?void 0:Ya.docs)==null?void 0:qa.source}}};var Ua,_a,Za;Se.parameters={...Se.parameters,docs:{...(Ua=Se.parameters)==null?void 0:Ua.docs,source:{originalSource:`{
-  render: function C() {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const renderDetailPanel = useCallback<Required<CardLayoutProps<Person>>["renderDetailPanel"]>(({
-      row
-    }) => row.age % 2 ? <Box>Detail content</Box> : false, []);
-    const rowActionMenuItems = useCallback(() => <MenuItem>Test</MenuItem>, []);
-    const cardLayoutOptions = useMemo(() => ({
-      itemProps: compactItemProps,
-      renderDetailPanel,
-      rowActionMenuItems
-    }), [renderDetailPanel, rowActionMenuItems]);
-    return <DataView availableLayouts={listLayoutOnly} cardLayoutOptions={cardLayoutOptions} getData={getData} />;
-  }
-}`,...(Za=(_a=Se.parameters)==null?void 0:_a.docs)==null?void 0:Za.source}}};var Qa,Xa,et;De.parameters={...De.parameters,docs:{...(Qa=De.parameters)==null?void 0:Qa.docs,source:{originalSource:`{
-  render: function C() {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: [{
-        accessorKey: "order",
-        header: "ID",
-        enableColumnFilter: false,
-        grow: true
-      }, {
-        accessorKey: "name",
-        header: "Name"
-      }, {
-        accessorKey: "city",
-        header: "City"
-      }],
-      hasColumnResizing: true
-    }), []);
-    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(et=(Xa=De.parameters)==null?void 0:Xa.docs)==null?void 0:et.source}}};var at,tt,nt;Me.parameters={...Me.parameters,docs:{...(at=Me.parameters)==null?void 0:at.docs,source:{originalSource:`{
-  render: function C() {
-    const [data, setData] = useState<Person[]>(personData);
-    const {
-      getData
-    } = useDataCallbacks(data, setData);
-    const rowActions = useCallback(() => <Button label="Action" onClick={onClick} size="small" variant="secondary" />, []);
-    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
-      columns: [{
-        accessorKey: "order",
-        header: "ID",
-        enableColumnFilter: false,
-        grow: true
-      }, {
-        accessorKey: "name",
-        header: "Name"
-      }, {
-        accessorKey: "city",
-        header: "City"
-      }],
-      hasColumnResizing: true,
-      rowActionButtons: rowActions
-    }), [rowActions]);
-    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
-  }
-}`,...(nt=(tt=Me.parameters)==null?void 0:tt.docs)==null?void 0:nt.source}}};const fr=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions"];export{ye as AdditionalActions,fe as ColumnGrowDemo,Se as CompactCards,he as CustomFilterWithDefaultVariant,be as CustomFilters,oe as Default,ge as Empty,ce as Everything,ue as ExpandableRowsAndCards,pe as FilterWithCustomRender,de as GridOnly,Me as GrowColumnWithActions,De as GrowColumnWithoutActions,se as ListAndGrid,le as ListOnly,ke as LoadMore,Ce as PaginationHook,we as StackCards,re as TableOnly,me as Truncation,fr as __namedExportsOrder,yr as default};