@okta/odyssey-react-mui 1.52.1 → 1.53.0

package/dist/assets/DataView.stories-E0Zxfc-o.js

@@ -0,0 +1,646 @@
+import{r as t,j as a,R as Pe,b as B,l as ke,F as yo}from"./iframe-CQjT1fxh.js";import{c as ae,p as fo,d as ce,f as Co,r as wo}from"./personData-CV-uVWcJ.js";import{u as J,b as ee,B as vo,c as Da,d as So,e as jo,f as Mo,T as Wa,g as Za,a as ua,t as ko,r as Ao,I as Do}from"./IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js";import{O as Lo}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{d as Ro,a as Ga}from"./constants-CGUp4oSR.js";import{S as te,s as R,m as Io,I as ht}from"./tableRowClasses-Bk1uFtwh.js";import{u as Po,a as zo}from"./index.esm-Bohtd3OQ.js";import{a as W,u as ga,b as To,M as Ae,c as pa,d as Bo}from"./MenuButton-BrxZ5EA2.js";import{M as xt}from"./MenuItem-CpMFWgaz.js";import{M as re}from"./Button-BEdrRzeO.js";import{C as La}from"./Checkbox-mRntsWEy.js";import{T as yt}from"./Typography-Jr4Brrb5.js";import{L as Ho}from"./Link-thynTosX.js";import{A as Fo,a as Eo}from"./AlertTitle-UQV7DT5q.js";import{B as ka}from"./Box-CnVllI1S.js";import{V as No}from"./index.esm-Dvk_qjX0.js";import{L as Vo}from"./List-D0N4Xybp.js";import{a as Oo,I as $o,F as Ko}from"./ListItem-BNz1zv6N.js";import{v as Wo}from"./visuallyHidden-Dan1xhjv.js";import{F as ha}from"./FormHelperText-CVc1kPQJ.js";import{F as Zo}from"./FormLabel-CWWbs_c2.js";import{I as xa}from"./InputBase-BYnzr12H.js";import{A as Go}from"./Autocomplete-BajR4gNT.js";import{F as ft}from"./FormControlLabel-BG9mNqQc.js";import{F as _o}from"./FormGroup-D8ZDwdpx.js";import{R as Uo}from"./Radio-C5-GzJtb.js";import{R as qo}from"./RadioGroup-BcwUBGJo.js";import{I as ma}from"./InputAdornment-Clfg5IS6.js";import{I as ya}from"./IconButton-BPR_sq0F.js";import{C as Yo}from"./Chip-BgPaZbUf.js";import{S as Xo}from"./Stack-Duw-TXBf.js";import{M as Qo,P as Jo}from"./Menu-DB2s3Jn0.js";import{C as es}from"./CircularProgress-D6L1y9kt.js";import{S as he,s as De}from"./Skeleton-DxFSebyW.js";import{C as _a,c as as}from"./CardActions-AjPk7ICQ.js";import{C as ns,a as ts}from"./CardActionArea-CjEHgWqq.js";import{T as os}from"./Tooltip-yxN-KFjL.js";import{M as xe}from"./Box-B3rdnavX.js";import{M as Ra}from"./EmptyState-B1EvR4rn.js";import{M as se}from"./Button-0PI4ljbj.js";import{M as ze}from"./MenuItem-Cmq8TfUJ.js";import{M as ss,a as is}from"./Refresh-ZZ_nNcXg.js";import{M as ls}from"./Status-DyDCzqET.js";import"./preload-helper-Dp1pzeXC.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./createSvgIcon-CaWcxZng.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-BUhC7uWK.js";import"./index-5Qx3hCfP.js";import"./utils-D-QCjykO.js";import"./Paper-vUVrw-QB.js";import"./DialogContent-C6DlqjnA.js";import"./Fade-ZBabHGDm.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./DialogTitle-B_QxN4PO.js";import"./colorManipulator-BYcVMQmD.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./ArrowDropDown-BbLKA4fg.js";import"./useThemeProps-Bc2iWdri.js";import"./useThemeProps-BCUqwy59.js";import"./Grow-DvH-Xu1P.js";import"./Popper-CISS1LuJ.js";import"./createStyled-BKWdp2xc.js";import"./Collapse-DULszxZp.js";import"./LinearProgress-Z53mwHnp.js";import"./Divider-C7lvc1xB.js";import"./tableSortLabelClasses-i_d6KGQQ.js";import"./SwitchBase-C_6ALR3v.js";import"./DateTimePicker-ByepBMwy.js";import"./Tabs-BPWnyCAU.js";import"./MenuList-D3GSt85L.js";import"./DatePicker-vZfA4IWy.js";import"./useSlot-BMAKysxJ.js";import"./Close-CELHOmN_.js";import"./ListSubheader-Dwx7m0BA.js";import"./Typography-CjpHjc10.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./MenuContext-UsOwIWpO.js";const rs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M12 13.334H4v1.334h8v-1.334Zm-.195-4.195-3.098 3.098a1 1 0 0 1-1.414 0L4.195 9.139l.943-.943 2.195 2.195V3.334h1.334v7.057l2.195-2.195.943.943Z",fill:"currentColor",fillRule:"evenodd"})})})),Ct=t.memo(rs);Ct.displayName="ArrowBottomIcon";const cs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M13 15.586V5h-2v10.586l-3.293-3.293-1.414 1.414 4.646 4.647a1.5 1.5 0 0 0 2.122 0l4.646-4.647-1.414-1.414L13 15.586Z",fill:"currentColor",fillRule:"evenodd"})})})),Ia=t.memo(cs);Ia.displayName="ArrowDownIcon";const ds=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"m5.646 13.06 4.647 4.647 1.414-1.414L8.414 13H19v-2H8.414l3.293-3.293-1.414-1.414-4.647 4.646a1.5 1.5 0 0 0 0 2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),wt=t.memo(ds);wt.displayName="ArrowLeftIcon";const us=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"m18.354 10.94-4.647-4.647-1.414 1.414L15.586 11H5v2h10.586l-3.293 3.293 1.414 1.414 4.647-4.646a1.5 1.5 0 0 0 0-2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),vt=t.memo(us);vt.displayName="ArrowRightIcon";const ps=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M4 2.667h8V1.334H4v1.333Zm.195 4.196 3.098-3.098a1 1 0 0 1 1.414 0l3.098 3.098-.943.942L8.667 5.61v7.057H7.333V5.61L5.138 7.805l-.943-.942Z",fill:"currentColor",fillRule:"evenodd"})})})),St=t.memo(ps);St.displayName="ArrowTopIcon";const ms=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M17 15.586V5h-2v10.586l-2.293-2.293-1.414 1.414 3.646 3.646a1.5 1.5 0 0 0 2.122 0l3.646-3.646-1.414-1.414L17 15.586ZM6.94 5.646 3.292 9.293l1.414 1.414L7 8.414V19h2V8.414l2.293 2.293 1.414-1.414-3.646-3.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),jt=t.memo(ms);jt.displayName="ArrowUnsortedIcon";const bs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"m10.94 5.646-4.647 4.647 1.414 1.414L11 8.414V19h2V8.414l3.293 3.293 1.414-1.414-4.646-4.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),Mt=t.memo(bs);Mt.displayName="ArrowUpIcon";const gs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"m16.707 12.707-6 6-1.414-1.414L14.586 12 9.293 6.707l1.414-1.414 6 6a1 1 0 0 1 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),kt=t.memo(gs);kt.displayName="ChevronRightIcon";const hs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"m13.131 8.717 5.576 5.576-1.414 1.414L12 10.414l-5.293 5.293-1.414-1.414 5.576-5.576a1.6 1.6 0 0 1 2.262 0Z",fill:"currentColor",fillRule:"evenodd"})})})),At=t.memo(hs);At.displayName="ChevronUpIcon";const xs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),Pa=t.memo(xs);Pa.displayName="DragIndicatorIcon";const ys=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M8.293 14.293 18.586 4H10V2h10.223c.12 0 .262 0 .387.01.145.012.353.042.571.153a1.5 1.5 0 0 1 .655.656c.112.218.142.426.154.571.01.125.01.268.01.387V14h-2V5.414L9.707 15.707l-1.414-1.414Zm7.745 5.74v-7.847l2-2.042v11.89H2.024V5.966h11.828l-2.041 2H4.024v12.068h12.014Z",fill:"currentColor",fillRule:"evenodd"})})})),Dt=t.memo(ys);Dt.displayName="ExternalLinkIcon";const fs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M1 4h22V2H1v2Zm3 6h16V8H4v2Zm13 6H7v-2h10v2Zm-7 6h4v-2h-4v2Z",fill:"currentColor",fillRule:"evenodd"})})})),Lt=t.memo(fs);Lt.displayName="FilterIcon";const Cs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M5 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm5-7h15v-2H8v2Zm15-6H8V5h15v2ZM8 19h15v-2H8v2Z",fill:"currentColor",fillRule:"evenodd"})})})),Rt=t.memo(Cs);Rt.displayName="ListIcon";const ws=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M16 10a6 6 0 1 1-12 0 6 6 0 0 1 12 0Zm-1.13 6.348a8 8 0 1 1 1.422-1.406l5.415 5.415-1.414 1.414-5.423-5.423Z",fill:"currentColor",fillRule:"evenodd"})})})),It=t.memo(ws);It.displayName="SearchIcon";const vs=t.forwardRef((e,n)=>a.jsx(te,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx(a.Fragment,{children:a.jsx("path",{clipRule:"evenodd",d:"M3.43 12.813A12.814 12.814 0 0 1 3.069 12a14.153 14.153 0 0 1 1.966-3.38C6.506 6.762 8.746 5 12 5s5.494 1.761 6.966 3.62A14.152 14.152 0 0 1 20.932 12a14.151 14.151 0 0 1-1.966 3.38C17.494 17.238 15.254 19 12 19s-5.494-1.761-6.966-3.62a14.152 14.152 0 0 1-1.603-2.567Zm19.518-1.13L22 12c.949.316.949.317.948.317v.004l-.003.007-.008.024a7.012 7.012 0 0 1-.137.362 16.147 16.147 0 0 1-2.266 3.906C18.84 18.762 16.08 21 12 21c-4.08 0-6.84-2.239-8.534-4.38A16.15 16.15 0 0 1 1.2 12.715a10.039 10.039 0 0 1-.137-.362l-.008-.024-.002-.007-.001-.003c0-.001 0-.002.948-.318a91.698 91.698 0 0 1-.948-.317v-.004l.003-.007.008-.024.029-.08c.025-.067.06-.163.108-.282A16.15 16.15 0 0 1 3.466 7.38C5.16 5.24 7.92 3 12 3c4.08 0 6.84 2.239 8.534 4.38a16.147 16.147 0 0 1 2.266 3.906 10.026 10.026 0 0 1 .137.362l.008.024.002.007.001.003ZM2 12l-.949.316L.946 12l.105-.316L2 12Zm20 0 .949-.316.105.316-.105.316L22 12ZM9 12a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z",fill:"currentColor",fillRule:"evenodd"})})})),Pt=t.memo(vs);Pt.displayName="ShowIcon";const Ss={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},ie=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,isPresentational:c,testId:u,translate:m,typographyRef:g,variant:x="body"})=>{const b=t.useMemo(()=>s||(x==="body"||x==="subordinate"||x==="support"||x==="overline"?"p":x),[s,x]),p=t.useRef(null);return t.useImperativeHandle(g,()=>({focus:()=>{var w;(w=p.current)==null||w.focus()}}),[]),a.jsx(yt,{"aria-current":e,"aria-describedby":n,"aria-label":o,"aria-labelledby":l,children:r,color:i,component:b,"data-se":u,id:d,ref:p,role:c?"presentation":void 0,tabIndex:-1,translate:m,variant:Ss[x]})},we=t.memo(ie);we.displayName="Typography";const js=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,isPresentational:c,testId:u,translate:m})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,isPresentational:c,testId:u,translate:m,variant:"h1"}),Ms=t.memo(js);Ms.displayName="Heading1";const ks=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"h2"}),As=t.memo(ks);As.displayName="Heading2";const Ds=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"h3"}),Ls=t.memo(Ds);Ls.displayName="Heading3";const Rs=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"h4"}),zt=t.memo(Rs);zt.displayName="Heading4";const Is=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"h5"}),Ps=t.memo(Is);Ps.displayName="Heading5";const zs=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"h6"}),Ts=t.memo(zs);Ts.displayName="Heading6";const Bs=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"body"}),Ce=t.memo(Bs);Ce.displayName="Paragraph";const Hs=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"subordinate"}),za=t.memo(Hs);za.displayName="Subordinate";const Fs=({ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u})=>a.jsx(ie,{ariaCurrent:e,ariaDescribedBy:n,ariaLabel:o,ariaLabelledBy:l,children:r,color:i,component:s,id:d,testId:c,translate:u,variant:"support"}),Aa=t.memo(Fs);Aa.displayName="Support";const Es=({ariaDescribedBy:e,ariaLabel:n,ariaLabelledBy:o,children:l,color:r,component:i,id:s,testId:d,translate:c})=>a.jsx(ie,{ariaDescribedBy:e,ariaLabel:n,ariaLabelledBy:o,children:l,color:r,component:i,id:s,testId:d,translate:c,variant:"legend"}),Ns=t.memo(Es);Ns.displayName="Legend";const Vs=({ariaDescribedBy:e,ariaLabel:n,ariaLabelledBy:o,children:l,color:r,component:i,id:s,testId:d,translate:c})=>a.jsx(ie,{ariaDescribedBy:e,ariaLabel:n,ariaLabelledBy:o,children:l,color:r,component:i,id:s,testId:d,translate:c,variant:"overline"}),Os=t.memo(Vs);Os.displayName="Overline";/*!
+ * 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 $s=R.div({width:"100%",height:"100%"}),Ks=({data:e,index:n,setItemSize:o,style:l})=>{const r=t.useRef(null);t.useEffect(()=>{if(r.current){const c=r.current.firstElementChild,u=c?c.clientHeight:r.current.clientHeight;o(u)}},[n,r,o]);const i=e[n],{props:s}=i,d=t.useMemo(()=>({...l,height:"auto"}),[l]);return a.jsx("div",{ref:r,children:a.jsx("li",{...s,style:d})})},Tt=t.createContext({}),Ws=t.forwardRef((e,n)=>{const o=t.useContext(Tt);return a.jsx("div",{ref:n,...e,...o})}),Zs=e=>{const n=t.useRef(null);return t.useEffect(()=>{n.current&&n.current.resetAfterIndex(0,!0)},[e]),n},Gs=t.forwardRef((e={},n)=>{const[o,l]=t.useState(0),{children:r,...i}=e,s=t.Children.toArray(r).flatMap(b=>typeof b=="number"||typeof b=="string"?[b]:[b].concat("children"in b?t.Children.toArray(r):[])),d=t.useRef([]),c=t.useCallback(()=>s.length>u?9999:16+d.current.slice(0,s.length).map((w,k)=>d.current[k]||0).reduce((w,k)=>w+k,0),[s,d]);t.useEffect(()=>{d.current.length&&s.length&&l(c())},[c,s,d]);const u=8,m=Zs(s.length),g=t.useCallback(b=>{var p;(p=m==null?void 0:m.current)==null||p.resetAfterIndex(0,!0),d.current=d.current.concat(b)},[m,d]),x=t.useCallback(b=>d.current[b]||45,[d]);return a.jsx($s,{ref:n,children:a.jsx(Tt.Provider,{value:i,children:a.jsx(No,{height:o,innerElementType:"ul",itemCount:s.length,itemData:s,itemSize:x,outerElementType:Ws,overscanCount:u,ref:m,width:"100%",children:({data:b,index:p,style:w})=>a.jsx(Ks,{data:b,index:p,setItemSize:g,style:w})})})})}),Bt=t.memo(Gs);Bt.displayName="PickerVirtualizationListBox";const _s={display:"list-item",paddingInlineStart:0},Us=({errorMessages:e})=>{const n=J(),o=t.useMemo(()=>({listStyle:"disc",paddingInlineStart:n.Spacing4}),[n]);return a.jsx(Vo,{dense:!0,disablePadding:!0,sx:o,children:e.map(l=>a.jsx(Oo,{dense:!0,disablePadding:!0,sx:_s,children:l},l))})},Ht=t.memo(Us);Ht.displayName="ErrorMessageList";const qs={...Wo},Ys=({ariaHidden:e,children:n,id:o,translate:l})=>a.jsx(ka,{"aria-hidden":e,component:"span",id:o,sx:qs,translate:l,children:n}),Ta=t.memo(Ys);Ta.displayName="ScreenReaderText";const Xs=({id:e,message:n,messageList:o,testId:l,translate:r})=>{const{t:i}=ee();return a.jsxs(ha,{component:"div","data-se":l,error:!0,id:e,translate:r,children:[a.jsx(Ta,{translate:r,children:`${i("fielderror.screenreader.text")}:`}),a.jsxs(W,{children:[n,o&&a.jsx(Ht,{errorMessages:o})]})]})},Ft=t.memo(Xs);Ft.displayName="FieldError";const Qs=R.span(({odysseyDesignTokens:e})=>({a:{color:e.TypographyColorBody,textDecoration:"underline","&:visited":{color:e.TypographyColorBody},"&:hover":{color:e.TypographyColorSubordinate}}})),Js=({id:e,LinkComponent:n,testId:o,text:l,translate:r})=>{const i=J();return a.jsxs(ha,{"data-se":o,id:e,translate:r,children:[l,n&&a.jsxs(Qs,{odysseyDesignTokens:i,children:[" ",n]})]})},Et=t.memo(Js);Et.displayName="FieldHint";const ei=({hasVisibleLabel:e,id:n,inputId:o,isOptional:l,testId:r,translate:i,text:s})=>{const{t:d}=ee(),c=t.useMemo(()=>a.jsxs($o,{"data-se":r,htmlFor:o,id:n,translate:i,children:[a.jsx("span",{children:s}),l&&a.jsx(za,{children:d("fieldlabel.optional.text")})]}),[n,o,l,r,i,s,d]);return e?c:a.jsx(Ta,{translate:i,children:c})},Nt=t.memo(ei);Nt.displayName="FieldLabel";/*!
+ * 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 ai=t.createContext({isDisabled:!1}),ni=()=>t.useContext(ai),ti=({ariaDescribedBy:e,errorMessage:n,errorMessageList:o,fieldType:l,hasVisibleLabel:r,hint:i,HintLinkComponent:s,id:d,isDisabled:c=!1,isFullWidth:u=!1,isRadioGroup:m=!1,isOptional:g=!1,isReadOnly:x=!1,label:b,renderFieldComponent:p})=>{const{t:w}=ee(),k=ga(d),S=i?`${k}-hint`:void 0,f=n||o?`${k}-error`:void 0,y=`${k}-label`,v=t.useMemo(()=>[S,f,e].join(" ").trim()||void 0,[e,f,S]),{isDisabled:j}=ni(),L=t.useMemo(()=>c||j,[c,j]);return a.jsxs(Ko,{component:l==="group"?"fieldset":"div",disabled:L,error:!!n||Array.isArray(o)&&o.length>0,fullWidth:u,role:m?"radiogroup":void 0,children:[l==="group"?a.jsxs(Zo,{component:"legend",id:y,children:[b," ",g&&b&&a.jsxs(we,{color:"textSecondary",component:"span",children:["(",w("fieldlabel.optional.text"),")"]})]}):a.jsx(Nt,{hasVisibleLabel:r,id:y,inputId:k,isOptional:g,text:b}),i&&a.jsx(Et,{id:S,LinkComponent:s,text:i}),p({ariaDescribedBy:v,errorMessageElementId:f,id:k,labelElementId:y,isReadOnly:x}),(n||o)&&a.jsx(Ft,{id:f,message:n,messageList:o})]})},Te=t.memo(ti);Te.displayName="Field";/*!
+ * 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 Ne={CONTROLLED:"CONTROLLED",UNCONTROLLED:"UNCONTROLLED"},Ve=({controlledValue:e,uncontrolledValue:n})=>n!==void 0||e===void 0?Ne.UNCONTROLLED:Ne.CONTROLLED,fa=({defaultValue:e,value:n,controlState:o})=>t.useMemo(()=>o===Ne.CONTROLLED?{value:n}:{defaultValue:e},[o,e,n]),oi=({ariaDescribedBy:e,defaultValue:n,errorMessage:o,errorMessageList:l,hasMultipleChoices:r,hint:i,HintLinkComponent:s,inputValue:d,isFullWidth:c,isOptional:u,isVirtualized:m,label:g,name:x,testId:b,value:p})=>{const w=t.useRef(Ve({controlledValue:p,uncontrolledValue:n})),k=t.useRef(!!m),S=t.useMemo(()=>r?p===void 0?n:[]:p===void 0?n:void 0,[n,r,p]),f=fa({controlState:w.current,defaultValue:S,value:p}),y=t.useMemo(()=>{if(w.current===Ne.CONTROLLED)return{inputValue:d}},[d]),v=t.useCallback(({InputLabelProps:j,InputProps:L,...D})=>a.jsx(Te,{ariaDescribedBy:e,errorMessage:o,errorMessageList:l,fieldType:"single",hasVisibleLabel:!0,hint:i,HintLinkComponent:s,id:j.htmlFor,isFullWidth:c,isOptional:u,label:g,renderFieldComponent:({ariaDescribedBy:z,id:I,errorMessageElementId:h,labelElementId:E})=>a.jsx(xa,{...D,...L,"aria-describedby":z,id:I,inputProps:{...D.inputProps,"aria-errormessage":h,"aria-labelledby":E,"data-se":b},name:x??I,required:!u})}),[e,o,l,i,s,c,u,g,x,b]);return{inputValueProp:y,isVirtualizedRef:k,renderInput:v,valueProps:f}},si=({ariaDescribedBy:e,defaultValue:n,errorMessage:o,errorMessageList:l,getIsOptionEqualToValue:r,getOptionLabel:i,hasMultipleChoices:s,hint:d,HintLinkComponent:c,id:u,inputValue:m,isCustomValueAllowed:g,isDisabled:x,isFullWidth:b=!1,isLoading:p,isOptional:w=!1,isReadOnly:k,isVirtualized:S=!1,label:f,name:y,noOptionsText:v,onBlur:j,onChange:L,onFocus:D,onInputChange:z,options:I,testId:h,translate:E,value:_})=>{const{t:N}=ee(),{inputValueProp:G,isVirtualizedRef:P,renderInput:H,valueProps:F}=oi({ariaDescribedBy:e,defaultValue:n,errorMessage:o,errorMessageList:l,hasMultipleChoices:s,hint:d,HintLinkComponent:c,inputValue:m,isFullWidth:b,isOptional:w,isVirtualized:S,label:f,name:y,testId:h,value:_});return a.jsx(Go,{...F,...G,...P.current&&{ListboxComponent:Bt},"aria-disabled":x,clearText:N("clear.text"),closeText:N("close.text"),disableCloseOnSelect:s,disabled:x,filterSelectedOptions:!0,freeSolo:g,fullWidth:b,getOptionLabel:i,id:u,isOptionEqualToValue:r,loading:p,multiple:s,noOptionsText:v||N("autocomplete.nooptions"),onBlur:j,onChange:L,onFocus:D,onInputChange:z,openText:N("open.text"),options:I,readOnly:k,renderInput:H,translate:E})},Vt=t.memo(si);Vt.displayName="Autocomplete";const ii=({ariaLabel:e,children:n,href:o,icon:l,linkRef:r,rel:i,target:s,testId:d,translate:c,variant:u,onClick:m})=>{const g=t.useRef(null);return t.useImperativeHandle(r,()=>({focus:()=>{var x;(x=g.current)==null||x.focus()}}),[]),a.jsxs(Ho,{"aria-label":e,"data-se":d,href:o,onClick:m,ref:g,rel:i,target:s,translate:c,variant:u,children:[l&&a.jsx("span",{className:"Link-icon",children:l}),n,s==="_blank"&&a.jsx("span",{className:"Link-indicator",role:"presentation",children:a.jsx(Dt,{})})]})},Ot=t.memo(ii);Ot.displayName="Link";const li=({children:e,hasInitialFocus:n,isSelected:o,isDisabled:l,onClick:r,testId:i,value:s,variant:d="default"})=>{const{closeMenu:c,shouldCloseOnSelect:u}=t.useContext(To),m=t.useCallback(g=>{r==null||r(g),u&&c()},[r,c,u]);return a.jsx(xt,{"aria-current":o,autoFocus:n,className:d==="destructive"?`${Io.root}-destructive`:void 0,"data-se":i,disabled:l,onClick:m,selected:o,tabIndex:0,value:s,children:e})},fe=t.memo(li);fe.displayName="MenuItem";const ri=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({"& > * + *":{marginBlockStart:e.Spacing4}})),ci=({children:e,linkRel:n,linkTarget:o,linkText:l,linkUrl:r,role:i,severity:s,testId:d,text:c,title:u,translate:m})=>{const{t:g}=ee(),x=J(),b=ga();return a.jsxs(Fo,{"aria-label":g(`severity.${s}`),"aria-labelledby":b,"data-se":d,role:i,severity:s,variant:"callout",children:[u&&a.jsx(Eo,{"aria-hidden":!0,id:b,translate:m,children:u}),a.jsxs(ri,{odysseyDesignTokens:x,children:[e&&a.jsx(ka,{component:"div",children:e}),c&&a.jsx(Ce,{children:c}),r&&a.jsx(ka,{children:a.jsx(Ot,{href:r,rel:n,target:o,variant:"monochrome",children:l})})]})]})},$t=t.memo(ci);$t.displayName="Callout";const di="64px",ui="48px",pi=R(ns,{shouldForwardProp:e=>e!=="cardVariant"&&e!=="isClickable"&&e!=="odysseyDesignTokens"})(({cardVariant:e,isClickable:n,odysseyDesignTokens:o})=>({border:`${o.BorderWidthMain} ${o.BorderColorDisplay} ${o.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...e==="compact"&&{marginBlockEnd:o.Spacing2},"&:hover":n?{borderColor:o.HueNeutralWhite,boxShadow:o.DepthMedium}:{},[`& .${De.root}`]:{transform:"none"},[`& .${as.root} .${De.root}`]:{height:o.Spacing7}})),mi=R(ts)(()=>({margin:0,padding:0})),bi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="variant"})(({odysseyDesignTokens:e,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:e.Spacing1,marginBlockStart:n==="compact"?e.Spacing4:e.Spacing5,marginInlineStart:e.Spacing4,marginInlineEnd:`-${e.Spacing2}`,height:n==="compact"?e.Spacing8:"auto",[`& .${De.root}`]:{width:e.Spacing5,height:e.Spacing5}})),Ua=R("div",{shouldForwardProp:e=>e!=="hasDetailPanel"&&e!=="numberOfChildNodes"&&e!=="odysseyDesignTokens"&&e!=="variant"})(({hasDetailPanel:e,numberOfChildNodes:n=0,odysseyDesignTokens:o,variant:l})=>({alignItems:l==="compact"&&!e&&n<=2?"center":"flex-start",display:"flex",backgroundColor:o.HueNeutralWhite,padding:l==="compact"?o.Spacing4:o.Spacing5,flexDirection:l==="tile"?"column":"row",gap:o.Spacing4,width:"100%"})),qa=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="variant"&&e!=="hasMenuButton"})(({odysseyDesignTokens:e,variant:n,hasMenuButton:o})=>({height:n==="compact"?ui:di,paddingInlineEnd:n==="tile"&&o?e.Spacing4:0,[`& > .${De.root}`]:{height:"100%",aspectRatio:1}})),Ya=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${De.root} + .${De.root}`]:{marginBlockStart:e.Spacing1}})),Xa=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="variant"&&e!=="hasMenuButton"})(({odysseyDesignTokens:e,variant:n,hasMenuButton:o})=>({display:"flex",flexDirection:"column",gap:n==="compact"?e.Spacing1:e.Spacing4,paddingInlineEnd:n!=="tile"&&o?e.Spacing4:0,[`& > .${ht.root}`]:{marginBlockEnd:0}})),Qa=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing1,[`& > .${ht.root}`]:{marginBlockEnd:0}})),Ma=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:e.HueNeutralWhite})),gi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="variant"})(({odysseyDesignTokens:e,variant:n})=>({position:"absolute",right:e.Spacing2,top:n==="compact"?e.Spacing4:e.Spacing2,height:n==="compact"?e.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${De.root}`]:{width:e.Spacing5,height:e.Spacing5,margin:e.Spacing1}})),Ja=e=>t.Children.toArray(e).length,hi=({children:e,description:n,detailPanel:o,image:l,isLoading:r,overline:i,title:s,titleId:d,variant:c,accessory:u,button:m,menuButtonChildren:g,onClick:x,__role:b})=>{const p=J(),{t:w}=ee(),k=t.useMemo(()=>a.jsxs(Ua,{numberOfChildNodes:Ja([m,e,n,i,s]),odysseyDesignTokens:p,variant:c,children:[l&&a.jsx(qa,{hasMenuButton:!!g,odysseyDesignTokens:p,variant:c,children:a.jsx(he,{variant:"circular"})}),a.jsxs(Ya,{odysseyDesignTokens:p,children:[a.jsxs(Xa,{hasMenuButton:!!g,odysseyDesignTokens:p,variant:c,children:[a.jsxs(Qa,{odysseyDesignTokens:p,children:[i&&a.jsx(Aa,{children:a.jsx(he,{width:"50%"})}),s&&a.jsx(we,{component:"div",variant:c==="tile"?"h4":"h5",children:a.jsx(he,{width:"33%"})})]}),n&&a.jsxs(Ce,{children:[a.jsx(he,{width:"100%"}),a.jsx(he,{width:"50%"})]})]}),e&&a.jsx(Ma,{odysseyDesignTokens:p,children:a.jsx(he,{width:"50%"})}),m&&a.jsx(_a,{children:a.jsx(he,{variant:"rounded",width:"100%"})})]})]}),[m,e,n,l,g,p,i,s,c]),S=t.useMemo(()=>{const f={isFullWidth:!0};return a.jsxs(Ua,{hasDetailPanel:!!o,numberOfChildNodes:Ja([m,e,n,i,s]),odysseyDesignTokens:p,variant:c,children:[l&&a.jsx(qa,{hasMenuButton:!!g,odysseyDesignTokens:p,variant:c,children:l}),a.jsxs(Ya,{odysseyDesignTokens:p,children:[a.jsxs(Xa,{hasMenuButton:!!g,odysseyDesignTokens:p,variant:c,children:[a.jsxs(Qa,{odysseyDesignTokens:p,children:[i&&a.jsx(Aa,{component:"div",children:i}),s&&a.jsx(we,{component:"div",id:d,variant:c==="tile"?"h4":"h5",children:s})]}),n&&a.jsx(Ce,{color:"textSecondary",children:n})]}),e&&a.jsx(Ma,{odysseyDesignTokens:p,children:e}),m&&a.jsx(_a,{children:a.jsx(vo.Provider,{value:f,children:m})}),o&&a.jsx(Ma,{odysseyDesignTokens:p,children:o})]})]})},[m,e,n,o,l,g,p,i,s,d,c]);return a.jsxs(pi,{cardVariant:c,isClickable:!!x,odysseyDesignTokens:p,role:b,children:[!!u&&a.jsx(bi,{odysseyDesignTokens:p,variant:c,children:r?a.jsx(he,{variant:"circular"}):u}),r?k:x?a.jsx(mi,{onClick:x,children:S}):S,g&&a.jsx(gi,{odysseyDesignTokens:p,variant:c,children:r?a.jsx(he,{variant:"circular"}):a.jsx(Ae,{ariaLabel:w("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(pa,{}),menuAlignment:"right",size:"small",tooltipText:w("table.actions"),children:g})})]})},Kt=t.memo(hi);Kt.displayName="Card";const xi=R.div(({odysseyDesignTokens:e})=>({paddingInlineStart:`calc(${e.TypographyLineHeightUi}em + ${e.Spacing2})`,marginBlockEnd:e.Spacing2,".Mui-error":{color:e.TypographyColorSubordinate}})),yi=({ariaLabel:e,ariaLabelledBy:n,id:o,inputRef:l,isChecked:r,isDefaultChecked:i,isDisabled:s,isIndeterminate:d,isReadOnly:c=!1,isRequired:u,label:m,hint:g,name:x,onChange:b,onBlur:p,testId:w,translate:k,validity:S="inherit",value:f})=>{const{t:y}=ee(),v=J(),j=ga(o),L=g?`${j}-hint`:void 0,D=t.useRef(Ve({controlledValue:r,uncontrolledValue:i})),z=t.useMemo(()=>D.current===Ne.CONTROLLED?{checked:r}:{defaultChecked:i},[i,r]),I=t.useRef(null);t.useImperativeHandle(l,()=>({focus:()=>{var F;(F=I.current)==null||F.focus()}}),[]);const h=t.useMemo(()=>a.jsxs(a.Fragment,{children:[a.jsx(we,{component:"span",children:m}),u&&a.jsxs(a.Fragment,{children:[" ",a.jsxs(we,{color:"textSecondary",component:"span",children:["(",y("fieldlabel.required.text"),")"]})]})]}),[u,m,y]),E=t.useCallback((F,O)=>{b==null||b(F,O)},[b]),_=t.useCallback(F=>{c&&(F.stopPropagation(),F.preventDefault())},[c]),N=t.useCallback(F=>{p==null||p(F)},[p]),G=t.useMemo(()=>({alignItems:"flex-start",...c&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...g&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[g,c]),P=t.useMemo(()=>({marginBlockStart:"2px"}),[]),H=t.useMemo(()=>({"aria-describedby":L,"aria-readonly":c,"data-se":w,readOnly:c}),[L,c,w]);return a.jsxs(a.Fragment,{children:[a.jsx(ft,{"aria-label":e,"aria-labelledby":n,className:S==="invalid"?"Mui-error":S==="valid"?"Mui-valid":"",control:a.jsx(La,{...z,disabled:s,indeterminate:d,inputProps:H,inputRef:I,onChange:E,onClick:_,required:u,sx:P}),disabled:s,id:o,label:h,name:x??o,onBlur:N,required:u,sx:G,translate:k,value:f}),g&&a.jsx(xi,{odysseyDesignTokens:v,children:a.jsx(ha,{id:L,translate:k,children:g})})]})},Wt=t.memo(yi);Wt.displayName="Checkbox";const fi=({ariaDescribedBy:e,children:n,errorMessage:o,errorMessageList:l,hint:r,HintLinkComponent:i,id:s,isDisabled:d,isReadOnly:c=!1,isRequired:u=!1,label:m,testId:g,translate:x})=>{const b=t.useMemo(()=>Pe.Children.map(n,w=>Pe.isValidElement(w)?Pe.cloneElement(w,{isReadOnly:c,isDisabled:d||w.props.isDisabled}):w),[n,c,d]),p=t.useCallback(({ariaDescribedBy:w,errorMessageElementId:k,id:S,labelElementId:f})=>a.jsx(_o,{"aria-describedby":w,"aria-errormessage":k,"aria-labelledby":f,"data-se":g,id:S,translate:x,children:b}),[b,g,x]);return a.jsx(Te,{ariaDescribedBy:e,errorMessage:o,errorMessageList:l,fieldType:"group",hasVisibleLabel:!0,hint:r,HintLinkComponent:i,id:s,isDisabled:d,isOptional:!u,label:m,renderFieldComponent:p})},Zt=t.memo(fi);Zt.displayName="CheckboxGroup";const Ci=({ariaLabel:e,testId:n,value:o})=>a.jsx(es,{"aria-label":e,"data-se":n,value:o,variant:o?"determinate":"indeterminate"}),Gt=t.memo(Ci);Gt.displayName="CircularProgress";/*!
+ * 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.")
+ *
+ * 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 wi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",marginBlock:e.Spacing9,padding:e.Spacing5,textAlign:"center",width:"100%",alignItems:"center"})),vi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({maxWidth:e.TypographyLineLengthMax})),Si=({heading:e,description:n,PrimaryCallToActionComponent:o,SecondaryCallToActionComponent:l})=>{const r=J();return a.jsxs(wi,{odysseyDesignTokens:r,children:[a.jsxs(vi,{odysseyDesignTokens:r,children:[a.jsx(zt,{children:e}),a.jsx(Ce,{children:n})]}),(o||l)&&a.jsxs(W,{sx:{marginBlockStart:5},children:[l,o]})]})},_t=t.memo(Si);_t.displayName="EmptyState";const ji=R.div(({odysseyDesignTokens:e})=>({paddingInlineStart:`calc(${e.TypographyLineHeightUi}em + ${e.Spacing2})`,marginBlockEnd:e.Spacing2,".Mui-error":{color:e.TypographyColorSubordinate}})),Mi=({hint:e,id:n,inputRef:o,isChecked:l,isDisabled:r,isInvalid:i,label:s,name:d,testId:c,translate:u,value:m,isReadOnly:g,onChange:x,onBlur:b,onClick:p})=>{const w=t.useRef(null),k=J(),S=ga(n),f=e?`${S}-hint`:void 0;t.useImperativeHandle(o,()=>({focus:()=>{var I;(I=w.current)==null||I.focus()}}),[]);const y=t.useMemo(()=>a.jsx(we,{component:"span",children:s}),[s]),v=t.useCallback((I,h)=>{g?I.preventDefault():x==null||x(I,h)},[x,g]),j=t.useCallback(I=>{g&&(I.stopPropagation(),I.preventDefault())},[g]),L=t.useCallback(I=>{b==null||b(I)},[b]),D=t.useMemo(()=>({...g&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...e&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[e,g]),z=t.useMemo(()=>({"aria-describedby":f,"aria-disabled":r||g,"data-se":c,readOnly:g,tabIndex:g?0:void 0}),[f,r,g,c]);return a.jsxs(a.Fragment,{children:[a.jsx(ft,{checked:l,className:i?"Mui-error":"",control:a.jsx(Uo,{disabled:r,inputProps:z,inputRef:w,onChange:v,onClick:p||j}),disabled:r,label:y,name:d,onBlur:L,sx:D,translate:u,value:m}),e&&a.jsx(ji,{odysseyDesignTokens:k,children:a.jsx(ha,{id:f,translate:u,children:e})})]})},ba=t.memo(Mi);ba.displayName="Radio";const ki=({ariaDescribedBy:e,children:n,defaultValue:o,errorMessage:l,errorMessageList:r,hint:i,HintLinkComponent:s,id:d,isDisabled:c,isReadOnly:u=!1,label:m,name:g,onChange:x,testId:b,translate:p,value:w})=>{const k=t.useRef(Ve({controlledValue:w,uncontrolledValue:o})),S=fa({defaultValue:o,value:w,controlState:k.current}),f=t.useCallback((j,L)=>{x==null||x(j,L)},[x]),y=t.useMemo(()=>Pe.Children.map(n,j=>Pe.isValidElement(j)&&j.type===ba?Pe.cloneElement(j,{...j.props,isDisabled:c||j.props.isDisabled,isReadOnly:u||j.props.isReadOnly}):j),[n,c,u]),v=t.useCallback(({ariaDescribedBy:j,errorMessageElementId:L,id:D,labelElementId:z})=>a.jsx(qo,{...S,"aria-describedby":j,"aria-errormessage":L,"aria-labelledby":z,"data-se":b,id:D,name:g??D,onChange:f,translate:p,children:y}),[S,g,f,y,b,p]);return a.jsx(Te,{ariaDescribedBy:e,errorMessage:l,errorMessageList:r,fieldType:"group",hasVisibleLabel:!1,hint:i,HintLinkComponent:s,id:d,isDisabled:c,isReadOnly:u,label:m,renderFieldComponent:v})},Ut=t.memo(ki);Ut.displayName="RadioGroup";const Ai=R("div")({width:"100%"}),Di=t.forwardRef(({ariaDescribedBy:e,autoCompleteType:n,defaultValue:o,hasInitialFocus:l,id:r,isDisabled:i=!1,isFullWidth:s=!1,label:d,name:c,onChange:u,onFocus:m,onBlur:g,onClear:x,placeholder:b,tabIndex:p,testId:w,translate:k,value:S,variant:f="outline"},y)=>{const{t:v}=ee(),j=t.useCallback(h=>{u==null||u(h)},[u]),L=t.useCallback(()=>{x==null||x()},[x]),D=t.useRef(Ve({controlledValue:S,uncontrolledValue:o})),z=fa({defaultValue:o,value:S,controlState:D.current}),I=t.useCallback(({ariaDescribedBy:h,id:E})=>a.jsx(xa,{...z,"aria-describedby":h,autoComplete:n,autoFocus:l,"data-ods-type":"search","data-ods-variant":f,"data-se":w,endAdornment:((z==null?void 0:z.defaultValue)||(z==null?void 0:z.value))&&a.jsx(ma,{position:"end",children:a.jsx(ya,{"aria-label":v("clear.text"),disabled:i,onClick:L,size:"small",children:a.jsx(Da,{})})}),id:E,inputProps:{tabIndex:p},name:c??E,onBlur:g,onChange:j,onFocus:m,placeholder:b,ref:y,startAdornment:a.jsx(ma,{position:"start",children:a.jsx(It,{})}),translate:k,type:"search"}),[n,l,z,i,c,g,j,L,m,b,y,v,p,w,k,f]);return a.jsx(Ai,{children:a.jsx(So,{children:a.jsx(Te,{ariaDescribedBy:e,fieldType:"single",hasVisibleLabel:!1,id:r,isDisabled:i,isFullWidth:s,isOptional:!0,label:d,renderFieldComponent:I})})})}),qt=t.memo(Di);qt.displayName="SearchField";/*!
+ * Copyright (c) 2022-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 Yt=t.createContext({chipElementType:"div"}),Li=({colorVariant:e,contrastMode:n,odysseyDesignTokens:o})=>{const l={default:{...n==="highContrast"&&{background:o.HueNeutral200,text:o.HueNeutral700,textDisabled:o.HueNeutral400},...n==="lowContrast"&&{background:o.HueNeutral100,text:o.HueNeutral700,textDisabled:o.HueNeutral300},hover:o.HueNeutral200,active:o.HueNeutral300,border:o.HueNeutral200,deleteIcon:o.HueNeutral500,deleteIconHover:o.HueNeutral700,icon:o.HueNeutral700,iconDisabled:o.HueNeutral300},info:{...n==="highContrast"&&{background:o.HueBlue200,text:o.HueBlue700,textDisabled:o.HueBlue400},...n==="lowContrast"&&{background:o.HueBlue100,text:o.HueBlue700,textDisabled:o.HueBlue300},hover:o.HueBlue200,active:o.HueBlue300,border:o.HueBlue200,deleteIcon:o.HueBlue500,deleteIconHover:o.HueBlue700,icon:o.HueBlue700,iconDisabled:o.HueBlue300},accentOne:{...n==="highContrast"&&{background:o.HueAccentOne200,text:o.HueAccentOne700,textDisabled:o.HueAccentOne400},...n==="lowContrast"&&{background:o.HueAccentOne100,text:o.HueAccentOne700,textDisabled:o.HueAccentOne300},hover:o.HueAccentOne200,active:o.HueAccentOne300,border:o.HueAccentOne200,deleteIcon:o.HueAccentOne500,deleteIconHover:o.HueAccentOne700,icon:o.HueAccentOne700,iconDisabled:o.HueAccentOne300},accentTwo:{...n==="highContrast"&&{background:o.HueAccentTwo200,text:o.HueAccentTwo800,textDisabled:o.HueAccentTwo400},...n==="lowContrast"&&{background:o.HueAccentTwo100,text:o.HueAccentTwo700,textDisabled:o.HueAccentTwo300},hover:o.HueAccentTwo200,active:o.HueAccentTwo300,border:o.HueAccentTwo200,deleteIcon:o.HueAccentTwo500,deleteIconHover:o.HueAccentTwo700,icon:o.HueAccentTwo700,iconDisabled:o.HueAccentTwo300},accentThree:{...n==="highContrast"&&{background:o.HueAccentThree200,text:o.HueAccentThree700,textDisabled:o.HueAccentThree400},...n==="lowContrast"&&{background:o.HueAccentThree100,text:o.HueAccentThree700,textDisabled:o.HueAccentThree300},hover:o.HueAccentThree200,active:o.HueAccentThree300,border:o.HueAccentThree200,deleteIcon:o.HueAccentThree500,deleteIconHover:o.HueAccentThree700,icon:o.HueAccentThree700,iconDisabled:o.HueAccentThree300},accentFour:{...n==="highContrast"&&{background:o.HueAccentFour200,text:o.HueAccentFour700,textDisabled:o.HueAccentFour400},...n==="lowContrast"&&{background:o.HueAccentFour100,text:o.HueAccentFour700,textDisabled:o.HueAccentFour300},hover:o.HueAccentFour200,active:o.HueAccentFour300,border:o.HueAccentFour200,deleteIcon:o.HueAccentFour500,deleteIconHover:o.HueAccentFour700,icon:o.HueAccentFour700,iconDisabled:o.HueAccentFour300}};return l[e]||l.default},Ri=R(Yo,{shouldForwardProp:e=>!["colorVariant","contrastMode","odysseyDesignTokens","size"].includes(e)})(({colorVariant:e,contrastMode:n,odysseyDesignTokens:o,clickable:l,size:r})=>{const i=Li({colorVariant:e,odysseyDesignTokens:o,contrastMode:n});return{backgroundColor:i.background,color:i.text,...l===!0&&{borderColor:i.border},...l===!1&&{borderColor:"transparent"},...r==="small"&&{paddingBlock:`calc(${o.Spacing1})`},"&.MuiChip-clickable:hover":{backgroundColor:i.hover},"&.MuiChip-clickable:active":{backgroundColor:i.active},"&.Mui-disabled":{color:i.textDisabled,borderColor:i.border,"& .MuiChip-icon, & .MuiChip-deleteIcon":{color:i.iconDisabled}},"& .MuiChip-icon":{color:i.icon},"& .MuiChip-deleteIcon":{color:i.deleteIcon,"&:hover":{color:i.deleteIconHover}}}}),Ii=({colorVariant:e="default",icon:n,isDisabled:o,label:l,onClick:r,onRemove:i,size:s="medium",testId:d,translate:c})=>{const{t:u}=ee(),m=J(),{chipElementType:g}=t.useContext(Yt),{contrastMode:x}=jo(),b=t.useCallback(p=>a.jsx(Ri,{...p,"aria-disabled":o,as:g,clickable:!!r,colorVariant:e,contrastMode:x,"data-se":d,deleteIcon:a.jsx(Da,{role:"button",titleAccess:u("tag.remove")}),disabled:o,icon:n,label:l,odysseyDesignTokens:m,onClick:r,onDelete:i,size:s,translate:c}),[u,g,e,x,n,o,l,m,r,i,s,d,c]);return a.jsx(Mo.Consumer,{children:b})},Xt=t.memo(Ii);Xt.displayName="Tag";const Pi=({children:e,testId:n})=>{const o=t.useMemo(()=>({chipElementType:"li"}),[]);return a.jsx(Xo,{component:"ul","data-se":n,direction:"row",flexWrap:"wrap",spacing:2,useFlexGap:!0,children:a.jsx(Yt.Provider,{value:o,children:e})})},Qt=t.memo(Pi);Qt.displayName="TagList";const zi=t.forwardRef(({ariaDescribedBy:e,autoCompleteType:n,defaultValue:o,hasInitialFocus:l,endAdornment:r,errorMessage:i,errorMessageList:s,hint:d,HintLinkComponent:c,id:u,inputRef:m,inputMode:g,isDisabled:x=!1,isFullWidth:b=!1,isMultiline:p=!1,isOptional:w=!1,isReadOnly:k,label:S,name:f,onBlur:y,onChange:v,onFocus:j,placeholder:L,startAdornment:D,testId:z,translate:I,type:h="text",value:E},_)=>{const N=t.useRef(Ve({controlledValue:E,uncontrolledValue:o})),G=fa({defaultValue:o,value:E,controlState:N.current}),P=t.useRef(null);t.useImperativeHandle(m,()=>({focus:()=>{var O;(O=P.current)==null||O.focus()}}),[]);const H=t.useCallback(O=>{v==null||v(O)},[v]),F=t.useCallback(({ariaDescribedBy:O,errorMessageElementId:T,id:Y,labelElementId:ue})=>a.jsx(xa,{...G,"aria-describedby":O,autoComplete:n,autoFocus:l,endAdornment:r&&a.jsx(ma,{position:"end",translate:I,children:r}),id:Y,inputProps:{"aria-errormessage":T,"aria-labelledby":ue,"data-se":z,inputMode:g},inputRef:P,multiline:p,name:f??Y,onBlur:y,onChange:H,onFocus:j,placeholder:L,readOnly:k,ref:_,required:!w,startAdornment:D&&a.jsx(ma,{position:"start",translate:I,children:D}),translate:I,type:h}),[n,G,l,r,g,p,f,y,H,j,L,w,k,_,D,z,I,h]);return a.jsx(Te,{ariaDescribedBy:e,errorMessage:i,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:d,HintLinkComponent:c,id:u,isDisabled:x,isFullWidth:b,isOptional:w,label:S,renderFieldComponent:F})}),Jt=t.memo(zi);Jt.displayName="TextField";const Ti=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"flex-end",gap:e.Spacing2})),Bi=R("div")({width:"100%"}),Hi=({activeFilters:e,updateFilterAndInputValues:n})=>{const o=e.filter(s=>s.value),l=[];o.forEach(s=>{Array.isArray(s.value)&&s.value.forEach(d=>{const c=typeof d=="string"?d:d.value;l.push({id:s.id,label:s.label,value:c})}),typeof s.value=="string"&&l.push({id:s.id,label:s.label,value:s.value})});const r=s=>o.find(d=>d.id===s),i=(s,d)=>{const c=r(s);if(c){const{value:u}=c;if(Array.isArray(u)){const m=u.filter(g=>g.value!==d);n({filterId:s,value:m.length>0?m:void 0})}typeof u=="string"&&n({filterId:s,value:void 0})}};return a.jsx(Qt,{children:l.map(s=>a.jsx(Xt,{label:`${s.label}: ${s.value}`,onRemove:()=>i(s.id,s.value)},`${s.label}: ${s.value}`))})},eo=t.memo(Hi);eo.displayName="FilterTags";const Fi=({onChangeSearch:e,onChangeFilters:n,hasSearchSubmitButton:o=!1,searchDelayTime:l=200,defaultSearchTerm:r="",additionalActions:i,filters:s=[],isDisabled:d})=>{const[c,u]=t.useState(s),{t:m}=ee(),g=J(),x=t.useMemo(()=>s.reduce((C,M)=>(C[M.id]=M.value,C),{}),[s]),[b,p]=t.useState(x),[w,k]=t.useState(r),S=t.useMemo(()=>c.filter(C=>C.value),[c]),[f,y]=t.useState(!1),[v,j]=t.useState(),[L,D]=t.useState(!1),[z,I]=t.useState(),[h,E]=t.useState(),_=t.useRef();t.useEffect(()=>{n==null||n(c)},[c,n]);const N=t.useRef(void 0);t.useEffect(()=>{o||(N.current&&clearTimeout(N.current),N.current=setTimeout(()=>{e==null||e(w??"")},l))},[e,w,l,o]);const G=t.useMemo(()=>(h==null?void 0:h.options)||[],[h]),P=t.useCallback(({filterId:C,value:M})=>{p({...b,[C]:M})},[b]),H=t.useCallback(({filterId:C,value:M})=>{p(U=>({...U,[C]:M}));const V=s.map(U=>({...U,value:U.id===C?M:b[U.id]}));u(V)},[b,s]),F=t.useCallback(({filterId:C,value:M})=>{P({filterId:C,value:M}),H({filterId:C,value:M})},[H,P]),O=t.useCallback((C,M,V)=>{const U=b[C]||[],X=V?[...U,M]:U.filter(q=>q.value!==M.value),be=X.length>0?X:void 0;p({...b,[C]:be});const $=c.map(q=>({...q,value:q.id===C?be:b[q.id]}));u($)},[c,b]),T=t.useCallback((C,M)=>{p({...b,[C]:M})},[b]),Y=t.useCallback(()=>{const C=s.reduce((V,U)=>(V[U.id]=void 0,V),{});p(C);const M=s.map(V=>({...V,value:void 0}));u(M)},[s]),ue=t.useCallback(()=>{const C=s.map(M=>({...M,value:b[M.id]}));u(C)},[b,s]),ve=t.useMemo(()=>a.jsxs(a.Fragment,{children:[a.jsx(W,{children:a.jsx(re,{ariaControls:f?"filters-menu":void 0,ariaExpanded:f?"true":void 0,ariaHasPopup:"true",ariaLabel:m("filters.filters.arialabel"),endIcon:a.jsx(Lt,{}),isDisabled:d,onClick:C=>{j(C.currentTarget),y(!0)},variant:"secondary"})}),a.jsx(Qo,{anchorEl:v,anchorOrigin:{horizontal:"left",vertical:"bottom"},id:"filters-menu",onClose:()=>y(!1),open:f,PaperProps:{ref:_},transformOrigin:{horizontal:"left",vertical:"top"},children:s.map(C=>{var V;const M=(V=c.find(U=>U.id===C.id))==null?void 0:V.value;return a.jsx(xt,{"aria-controls":L?"filter-form":void 0,className:h===C&&L===!0?"isVisiblySelected":void 0,onClick:U=>{D(!0),I(U.currentTarget),E(C)},selected:h===C&&L===!0,children:a.jsxs(W,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minWidth:180,paddingBlock:1,paddingInlineStart:2},children:[a.jsxs(W,{sx:{marginRight:2},children:[a.jsx(yt,{fontWeight:"500",sx:{marginBlockEnd:2},children:C.label}),a.jsx(za,{component:"div",children:!M||Array.isArray(M)&&M.length===0?a.jsx(Wa,{i18nKey:"filters.menuitem.any",values:{label:C.label.toLowerCase()}}):Array.isArray(M)?a.jsx(Wa,{count:M.length,i18nKey:"filters.menuitem.selected",values:{selected:M.length}}):M})]}),a.jsx(kt,{})]})},C.id)})})]}),[f,d,h,L,v,s,c,m]),pe=t.useMemo(()=>h!=null&&h.id?b[h.id]:void 0,[h,b]);return a.jsxs(W,{children:[a.jsxs(W,{sx:{display:"flex",justifyContent:"space-between"},children:[a.jsxs(W,{sx:{display:"flex",gap:2,width:"50%",maxWidth:480},children:[c.length>0&&a.jsxs(a.Fragment,{children:[ve,a.jsx(Jo,{anchorEl:z,anchorOrigin:{vertical:"top",horizontal:"right"},elevation:2,id:"filter-form",onClose:C=>{if(_.current){const M=_.current.getBoundingClientRect();C.clientX>=M.left&&C.clientX<=M.right&&C.clientY>=M.top&&C.clientY<=M.bottom||y(!1)}ue(),D(!1)},open:L,sx:{marginLeft:2,marginTop:-1},children:a.jsx(W,{sx:{padding:4,minWidth:320},children:a.jsx("form",{noValidate:!0,onSubmit:C=>{C.preventDefault(),ue(),D(!1),y(!1)},children:h!=null&&h.render?h.render(H):a.jsxs(a.Fragment,{children:[(h==null?void 0:h.variant)==="autocomplete"&&(h==null?void 0:h.options)&&a.jsxs(Ti,{odysseyDesignTokens:g,children:[a.jsx(Bi,{children:a.jsx(Vt,{hasMultipleChoices:!0,isCustomValueAllowed:h==null?void 0:h.isCustomValueAllowed,label:h.label,onChange:(C,M)=>{T(h.id,M)},options:G,value:pe})}),a.jsx(re,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(Za,{}),type:"submit",variant:"primary"})]}),((h==null?void 0:h.variant)==="text"||(h==null?void 0:h.variant)==="range"||h&&(h==null?void 0:h.variant)==null)&&a.jsxs(W,{sx:{display:"flex",gap:2,alignItems:"flex-end"},children:[a.jsx(W,{sx:{width:"100%"},children:a.jsx(Jt,{endAdornment:b[h.id]&&a.jsx(ya,{"aria-label":m("filters.filter.clear"),onClick:()=>{P({filterId:h.id,value:void 0}),H({filterId:h.id,value:void 0})},size:"small",children:a.jsx(Da,{})}),hasInitialFocus:!0,label:h.label,onChange:C=>P({filterId:h.id,value:C.currentTarget.value}),type:h.variant==="range"?"number":"text",value:b[h.id]??""})}),a.jsx(re,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(Za,{}),type:"submit",variant:"primary"})]}),(h==null?void 0:h.variant)==="multi-select"&&(h==null?void 0:h.options)&&a.jsx(Zt,{isRequired:!0,label:h.label,children:h.options.map(C=>{const V=(b[h.id]||[]).some(U=>U.value===C.value);return a.jsx(Wt,{isChecked:V,label:C.label,onChange:(U,X)=>{O(h.id,C,X)},value:C.value},C.value)})}),(h==null?void 0:h.variant)==="select"&&(h==null?void 0:h.options)&&a.jsxs(Ut,{label:h.label,onChange:(C,M)=>{F({filterId:h.id,value:M})},children:[a.jsx(ba,{isChecked:!b[h.id],label:m("filters.filter.any"),value:""}),a.jsx(a.Fragment,{children:h.options.map(C=>a.jsx(ba,{isChecked:b[h.id]===C.value,label:C.label,value:C.value},C.value))})]})]})})})})]}),e&&a.jsx("form",{onSubmit:C=>{C.preventDefault(),o&&e(w)},style:{width:"100%"},children:a.jsxs(W,{sx:{display:"flex",gap:2,width:"100%"},children:[a.jsx(qt,{isDisabled:d,label:m("filters.search.label"),onChange:C=>k(C.target.value),onClear:()=>{k(""),e("")},placeholder:m("filters.search.label"),value:w}),o&&a.jsx(W,{children:a.jsx(re,{isDisabled:d,label:m("filters.search.label"),onClick:()=>e(w),variant:"primary"})})]})})]}),a.jsxs(W,{sx:{display:"flex",gap:2},children:[S.length>0&&a.jsx(W,{children:a.jsx(re,{label:m("filters.clear.label"),onClick:Y,variant:"secondary"})}),i]})]}),S.length>0&&a.jsx(W,{sx:{borderTopWidth:1,borderTopColor:"#eeeeee",borderTopStyle:"solid",paddingTop:4,marginTop:4},children:a.jsx(eo,{activeFilters:S,updateFilterAndInputValues:F})})]})},ao=t.memo(Fi);ao.displayName="DataFilters";/*!
+ * 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 no=({currentRowsCount:e,pageIndex:n,pageSize:o,totalRows:l})=>{const{t:r}=ee();return t.useMemo(()=>{const i=o*(n-1)+1,s=i+(e-1),d=e===0?r("pagination.totalrows",{totalRows:0}):l?r("pagination.rowswithtotal",{firstRow:i,lastRow:s,totalRows:l}):r("pagination.rowswithouttotal",{firstRow:i,lastRow:s});return{firstRow:i,lastRow:s,totalRowsLabel:d}},[e,n,o,l,r])},Ei=R("nav")({display:"flex",justifyContent:"space-between"}),en=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing4,"& > div":{display:"flex",alignItems:"center",gap:e.Spacing2}})),an=R(xa,{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({borderColor:e.HueNeutral200,borderRadius:e.BorderRadiusTight,height:e.Spacing6,width:"4.5714285714rem","&:hover":{borderColor:e.HueNeutral400},"&.Mui-focused:hover":{borderColor:e.PalettePrimaryMain}})),Ni=R("div")({"& > *":{marginInlineStart:"0 !important"}}),Vi=({currentPageLabel:e,currentRowsCount:n,hasPageInput:o=!0,hasRowCountInput:l=!0,hasRowCountLabel:r=!0,isDisabled:i,isMoreDisabled:s,lastRow:d,loadMoreLabel:c,maxPageIndex:u,maxPageSize:m,nextLabel:g,onPaginationChange:x,pageIndex:b,pageSize:p,previousLabel:w,rowsPerPageLabel:k,totalRows:S,variant:f})=>{const y=J(),{t:v}=ee(),[j,L]=t.useState(b),[D,z]=t.useState(p),I=t.useRef(p),h=e??v("pagination.page"),E=c??v("pagination.loadmore"),_=g??v("pagination.next"),N=w??v("pagination.previous"),G=k??v("pagination.rowsperpage");t.useEffect(()=>{L(b),z(p)},[b,p]);const P=t.useCallback(({pageIndex:$,pageSize:q})=>{x({pageIndex:$,pageSize:q})},[x]),{totalRowsLabel:H}=no({pageIndex:b,pageSize:p,currentRowsCount:n||0,totalRows:S}),F=t.useCallback(()=>{let $=j,q=D;if(S){const le=Math.ceil(S/q);q>S&&(q=S),$>le?$=le:$<1&&($=1)}P({pageIndex:$,pageSize:q})},[j,D,P,S]),O=t.useCallback($=>{$.key==="Enter"&&P({pageIndex:Number($.currentTarget.value),pageSize:D})},[D,P]),T=t.useCallback($=>{$.key==="Enter"&&P({pageIndex:j,pageSize:Number($.currentTarget.value)})},[j,P]),Y=t.useCallback($=>{const q=u?Math.min(Number($.target.value),u):Number($.target.value);L(Math.max(1,q))},[L,u]),ue=t.useCallback($=>{const q=m?Math.min(Number($.target.value),m):Number($.target.value);z(Math.max(1,q))},[z,m]),ve=t.useCallback(()=>{P({pageIndex:1,pageSize:D+I.current})},[D,P]),pe=t.useCallback(()=>{P({pageIndex:j+1,pageSize:D})},[P,j,D]),C=t.useCallback(()=>{P({pageIndex:j-1,pageSize:D})},[P,j,D]),M=t.useMemo(()=>s||(S?D>=S:!1),[s,D,S]),V=t.useMemo(()=>s||d&&(S?d>=S:!1)||i,[s,S,d,i]),U=t.useMemo(()=>b<=1||i,[b,i]),X=t.useMemo(()=>({"aria-label":G,max:m||S}),[m,G,S]),be=t.useMemo(()=>({"aria-label":h,max:u}),[h,u]);return f==="paged"?a.jsxs(Ei,{"aria-label":v("pagination.label"),children:[a.jsxs(en,{odysseyDesignTokens:y,children:[l&&a.jsxs(W,{children:[a.jsx(Ce,{color:"textSecondary",component:"span",children:G}),a.jsx(an,{disabled:i,inputProps:X,odysseyDesignTokens:y,onBlur:F,onChange:ue,onKeyDown:T,type:"number",value:D})]}),r&&a.jsx(Ce,{color:"textSecondary",component:"span",children:H})]}),a.jsxs(en,{odysseyDesignTokens:y,children:[S&&o&&a.jsxs(W,{children:[a.jsx(Ce,{color:"textSecondary",component:"span",children:h}),a.jsx(an,{disabled:i,inputProps:be,odysseyDesignTokens:y,onBlur:F,onChange:Y,onKeyDown:O,type:"number",value:j})]}),a.jsxs(Ni,{children:[a.jsx(re,{ariaLabel:N,isDisabled:U,onClick:C,size:"small",startIcon:a.jsx(wt,{}),variant:"floating"}),a.jsx(re,{ariaLabel:_,endIcon:a.jsx(vt,{}),isDisabled:V,onClick:pe,size:"small",variant:"floating"})]})]})]}):a.jsx(re,{isDisabled:M,label:E,onClick:ve,variant:"secondary"})},to=t.memo(Vi);to.displayName="Pagination";/*!
+ * 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 Oi=({currentData:e,rowId:n,newRowIndex:o})=>{const l=[...e],r=l.findIndex(s=>s.id===n);if(r===-1||o<0||o>=l.length)return console.warn("Invalid row ID or newIndex; cannot reorder rows."),l;const[i]=l.splice(r,1);return l.splice(o,0,i),l};/*!
+ * 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 $i=({totalRows:e,onReorderRows:n,data:o,setData:l,draggingRow:r,setDraggingRow:i,resultsPerPage:s,page:d})=>{const{t:c}=ee(),u=({rowId:y,newRowIndex:v})=>{if(v<0||e&&v>e)return;const j=Oi({currentData:o,rowId:y,newRowIndex:v});l(j),n==null||n({rowId:y,newRowIndex:v})},m=J(),g={padding:m.Spacing1,borderRadius:m.BorderRadiusMain,"&:focus-visible":{boxShadow:`0 0 0 2px ${m.HueNeutralWhite}, 0 0 0 4px ${m.PalettePrimaryMain}`,outline:"2px solid transparent",outlineOffset:"1px"}},x={title:c("table.draghandle.tooltip"),"aria-label":c("table.draghandle.arialabel")},b=({currentRowId:y,draggingRowId:v,hoveredRowId:j})=>{if(v===y&&j!==y)return"isDragging";if(j===y&&v!==y)return"isDragTarget";if(v===y&&j===y)return"isDragging isDragTarget"},p=(y,v)=>{if(v){const j=y.getRow(v);j&&y.setHoveredRow(j)}},w=({table:y,row:v,event:j})=>{var H,F;const{hoveredRow:L}=y.getState(),{key:D}=j,z=D===" ",I=D==="Enter",h=D==="Escape",E=D==="ArrowDown",_=D==="ArrowUp",N=z||I,G=d-1,P=v.index+G*s;if(h){f(y);return}if(N&&(j.preventDefault(),j.stopPropagation()),r){if(typeof(L==null?void 0:L.index)=="number"){const{index:O}=L;if(N){const T=O+G*s;if(T!==P){u({rowId:v.id,newRowIndex:T}),setTimeout(()=>{f(y)},m.TransitionDurationMainAsNumber);return}}if(E||_){const T=E?O+1:O-1;p(y,(H=o[T])==null?void 0:H.id)}}else if(E||_){const O=E?v.index+1:v.index-1;p(y,(F=o[O])==null?void 0:F.id)}}else N&&i(v)},k=y=>{y.getAllColumns()[0].toggleVisibility();const{draggingRow:j,hoveredRow:L}=y.getState();j&&u({newRowIndex:L.index,rowId:j.id}),i(null)},S=y=>{var v;!r&&((v=y.getState().draggingRow)!=null&&v.id)&&i(y.getState().draggingRow)},f=y=>{i(null),y.setHoveredRow(null)};return{dragHandleStyles:g,dragHandleText:x,draggableTableBodyRowClassName:b,handleDragHandleKeyDown:w,handleDragHandleOnDragCapture:S,handleDragHandleOnDragEnd:k,resetDraggingAndHoveredRow:f,updateRowOrder:u}};/*!
+ * 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.")
+ *
+ * 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 Ki=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),Wi=({data:e,menuItems:n,rowSelection:o,setRowSelection:l})=>{const r=J(),{t:i}=ee(),s=Object.values(o).filter(Boolean).length,d=t.useCallback(()=>{const u=Object.fromEntries(e.map(m=>[m.id,!0]));l(u)},[e,l]),c=t.useCallback(()=>{l({})},[l]);return a.jsxs(Ki,{odysseyDesignTokens:r,children:[s>0&&a.jsx(Ae,{ariaLabel:i("table.actions.arialabel"),buttonLabel:i("table.actions.selectsome",{selectedRowCount:s}),buttonVariant:"primary",endIcon:a.jsx(ua,{}),children:n==null?void 0:n(o)}),a.jsxs(W,{children:[a.jsx(re,{isDisabled:s===e.length,label:i("table.actions.selectall"),onClick:d,variant:"secondary"}),a.jsx(re,{isDisabled:s===0,label:i("table.actions.selectnone"),onClick:c,variant:"secondary"})]})]})},oo=t.memo(Wi);oo.displayName="BulkActionsMenu";const Zi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginBlockStart:`-${e.Spacing1}`})),Gi=R(ya)(()=>({visibility:"hidden"})),_i=({children:e,description:n,detailPanel:o,hasSelection:l,image:r,isSelected:i,onSelectionChange:s,overline:d,title:c,variant:u,menuButtonChildren:m})=>{const g=J(),{t:x}=ee(),b=t.useId(),[p,w]=t.useState(!1),k=t.useMemo(()=>a.jsx(Zi,{odysseyDesignTokens:g,children:a.jsx(La,{checked:i,inputProps:{"aria-labelledby":b},onChange:s})}),[i,g,s,b]),S=t.useMemo(()=>o?a.jsx(os,{title:x(p?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:a.jsx(ya,{"aria-label":x(p?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:p?a.jsx(At,{}):a.jsx(ua,{}),onClick:()=>w(!p)})}):a.jsx(Gi,{disabled:!0,children:a.jsx(ua,{})}),[p,o,x]),f=t.useMemo(()=>a.jsxs(a.Fragment,{children:[l&&k,S]}),[S,k,l]);return a.jsx(Kt,{__role:"listitem",accessory:f,children:e,description:n,detailPanel:p&&o,image:r,menuButtonChildren:m,overline:d,title:c,titleId:b,variant:u})},so=t.memo(_i);so.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.")
+ *
+ * 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 Ui=({isRowReorderingDisabled:e,row:n,rowActionMenuItems:o,rowIndex:l,totalRows:r,updateRowOrder:i})=>{const{t:s}=ee(),d=n.original?n.original:n,c=t.useCallback(()=>{i&&i({rowId:d.id,newRowIndex:0})},[d.id,i]),u=t.useCallback(()=>{i&&i({rowId:d.id,newRowIndex:Math.max(0,l-1)})},[d.id,l,i]),m=t.useCallback(()=>{i&&i({rowId:d.id,newRowIndex:l+1})},[d.id,l,i]),g=t.useCallback(()=>{i&&i({rowId:d.id,newRowIndex:r?r-1:l})},[d.id,l,r,i]);return a.jsxs(a.Fragment,{children:[o&&o(d),o&&i&&a.jsx("hr",{}),i&&a.jsxs(a.Fragment,{children:[a.jsxs(fe,{isDisabled:l<=0||e,onClick:c,children:[a.jsx(St,{})," ",s("table.reorder.tofront")]}),a.jsxs(fe,{isDisabled:l<=0||e,onClick:u,children:[a.jsx(Mt,{})," ",s("table.reorder.forward")]}),a.jsxs(fe,{isDisabled:(r?l>=r-1:!1)||e,onClick:m,children:[a.jsx(Ia,{})," ",s("table.reorder.backward")]}),r&&a.jsxs(fe,{isDisabled:l>=r-1||e,onClick:g,children:[a.jsx(Ct,{})," ",s("table.reorder.toback")]})]})]})},Ba=t.memo(Ui);Ba.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.")
+ *
+ * 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 qi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="currentLayout"&&e!=="maxGridColumns"})(({odysseyDesignTokens:e,currentLayout:n,maxGridColumns:o})=>({display:n==="list"?"flex":"grid",flexDirection:"column",columnGap:e.Spacing5,...n==="grid"&&{"@media (max-width: 720px)":{gridTemplateColumns:"repeat(1, 1fr)"},"@media (min-width: 720px) and (max-width: 960px)":{gridTemplateColumns:"repeat(2, 1fr)"},"@media (min-width: 960px)":{gridTemplateColumns:`repeat(${o}, 1fr)`}}})),Yi=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",paddingBlock:e.Spacing5})),Xi=({cardLayoutOptions:e,currentIndex:n,handleRowSelectionChange:o,hasRowReordering:l,hasRowSelection:r,isRowReorderingDisabled:i,onReorderRows:s,row:d,rowReorderingUtilities:c,rowSelection:u,totalRows:m})=>{const{overline:g,title:x,description:b,image:p,children:w,variant:k}=e.itemProps(d),S=t.useCallback(()=>o(d),[o,d]),f=t.useMemo(()=>{var v;return(v=e.renderDetailPanel)==null?void 0:v.call(e,{row:d})},[e,d]),y=t.useMemo(()=>e.rowActionMenuItems||l?a.jsx(Ba,{isRowReorderingDisabled:i,row:d,rowActionMenuItems:e.rowActionMenuItems,rowIndex:n,totalRows:m,updateRowOrder:l&&s?c.updateRowOrder:void 0}):null,[e.rowActionMenuItems,n,l,i,s,d,c,m]);return a.jsx(so,{children:w,description:b,detailPanel:f,hasSelection:r,image:p,isSelected:u[d.id]??!1,menuButtonChildren:y,onSelectionChange:S,overline:g,title:x,variant:k},d.id)},io=t.memo(Xi);io.displayName="RowDataCard";const Qi=({currentLayout:e,data:n,emptyState:o,hasRowReordering:l,hasRowSelection:r,isEmpty:i,isLoading:s,isNoResults:d,isRowReorderingDisabled:c,onReorderRows:u,pagination:m,rowReorderingUtilities:g,rowSelection:x,setRowSelection:b,cardLayoutOptions:p,totalRows:w})=>{const k=J(),S=t.useCallback(f=>{b(y=>Object.fromEntries(f.id in y?Object.entries(y).filter(([v])=>v!==f.id):Object.entries(y).concat([[f.id,!0]])))},[b]);return a.jsx(W,{children:s?a.jsx(Yi,{odysseyDesignTokens:k,children:a.jsx(Gt,{})}):a.jsx(a.Fragment,{children:!n||n.length===0||i||d?a.jsx(W,{children:o}):a.jsx(qi,{currentLayout:e,maxGridColumns:p.maxGridColumns??3,odysseyDesignTokens:k,role:"list",children:n.map((f,y)=>{const v=y+(m.pageIndex-1)*m.pageSize;return a.jsx(io,{cardLayoutOptions:p,currentIndex:v,handleRowSelectionChange:S,hasRowReordering:l,hasRowSelection:r,isRowReorderingDisabled:c,onReorderRows:u,row:f,rowReorderingUtilities:g,rowSelection:x,totalRows:w},f.id)})})})})},lo=t.memo(Qi);lo.displayName="CardLayoutContent";/*!
+ * 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.")
+ *
+ * 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 Ji=["list","grid"],el=["table"],al=[...el,...Ji],ro=["comfortable","spacious","compact"];/*!
+ * 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.")
+ *
+ * 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 nl=async({dataQueryParams:e,errorMessageProp:n,getData:o,setData:l,setErrorMessage:r,setIsLoading:i})=>{i==null||i(!0),r(n);try{const s=await(o==null?void 0:o(e));l(s)}catch(s){r(typeof s=="string"?s:ko("table.error"))}finally{i==null||i(!1)}};/*!
+ * 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.")
+ *
+ * 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 tl=({availableLayouts:e,currentLayout:n,setCurrentLayout:o})=>{const{t:l}=ee(),r=t.useCallback(s=>{o(s)},[o]),i=t.useMemo(()=>e.map(s=>({value:s,onClick:()=>r(s),label:l(`dataview.layout.${s}`)})),[e,r,l]);return a.jsx(Ae,{ariaLabel:l("dataview.layout.arialabel"),buttonLabel:l(`dataview.layout.${n}`),menuAlignment:"right",shouldCloseOnSelect:!1,children:i.map(({value:s,onClick:d,label:c})=>a.jsx(fe,{isSelected:n===s,onClick:d,children:c},s))})},co=t.memo(tl);co.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.")
+ *
+ * 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 ol={enableColumnActions:!1,enableDensityToggle:!1,enableExpandAll:!1,enableFilters:!1,enableFullScreenToggle:!1,enableGlobalFilter:!1,enableHiding:!1,enablePagination:!1,layoutMode:"grid-no-grow",manualFiltering:!0,manualSorting:!0,muiTablePaperProps:{elevation:0,sx:{overflow:"visible"}},positionActionsColumn:"last",rowVirtualizerOptions:{overscan:4},selectAllMode:"all"},sl={"mrt-row-drag":{header:"",muiTableBodyCellProps:{sx:{minWidth:0,width:"auto"},className:"ods-drag-handle"},muiTableHeadCellProps:{sx:{minWidth:0,width:"auto"},children:a.jsx(W,{sx:{marginInline:"-0.1rem"},children:a.jsx(Pa,{sx:{marginInline:1,opacity:0}})})}},"mrt-row-select":{muiTableHeadCellProps:{padding:"checkbox"},muiTableBodyCellProps:{padding:"checkbox"}},"mrt-row-expand":{header:"",muiTableBodyCellProps:{sx:{overflow:"visible"}}}},il=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isScrollableStart"&&e!=="isScrollableEnd"})(({odysseyDesignTokens:e,isScrollableStart:n,isScrollableEnd:o})=>({marginBlockEnd:e.Spacing4,position:"relative",borderInlineStartColor:n?e.HueNeutral200:"transparent",borderInlineStartStyle:"solid",borderInlineStartWidth:e.BorderWidthMain,"::before":{background:"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:n?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,width:e.Spacing6,zIndex:100,transition:`opacity ${e.TransitionDurationMain} ${e.TransitionTimingMain}`},borderInlineEndColor:o?e.HueNeutral200:"transparent",borderInlineEndStyle:"solid",borderInlineEndWidth:e.BorderWidthMain,"::after":{background:"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)",content:'""',opacity:o?"0.075":"0",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,width:e.Spacing6,transition:`opacity ${e.TransitionDurationMain} ${e.TransitionTimingMain}`}}));/*!
+ * 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.")
+ *
+ * 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 ll=({columns:e,filters:n})=>{const o=t.useCallback(i=>i==null?void 0:i.map(s=>typeof s=="string"?{label:s,value:s}:{label:s.label??s.value,value:s.value??s.label}),[]),l=t.useCallback(i=>i.enableColumnFilter!==!1&&i.accessorKey?{id:i.accessorKey,label:i.header,variant:i.filterVariant,options:o(i.filterSelectOptions)}:null,[o]);return t.useMemo(()=>(n||e||[]).reduce((s,d)=>{if(typeof d=="string"){const c=e==null?void 0:e.find(m=>m.accessorKey===d),u=c&&l(c);return u?s.concat(u):s}if("accessorKey"in d){const c=l(d);return c?s.concat(c):s}return"label"in d?s.concat(d):s},[]),[e,l,n])},rl={"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.columnvisibility.arialabel":"Zobrazit nebo skrýt sloupce","table.density.arialabel":"Hustota tabulky","table.density.comfortable":"Komfortní","table.density.compact":"Kompaktní","table.density.spacious":"Prostorný","table.moreactions.arialabel":"Další akce","table.noresults.heading":"Nejsou k dispozici žádné výsledky.","table.noresults.text":"Zkuste zadat jiný dotaz.","table.rowexpansion.collapse":"Sbalit","table.rowexpansion.collapseall":"Sbalit vše","table.rowexpansion.expand":"Rozbalit","table.rowexpansion.expandall":"Rozbalit vše"},cl={"pagination.loadmore":"Vis mere","pagination.next":"Næste side","pagination.page":"Side","pagination.previous":"Forrige side","pagination.rowsperpage":"Rækker pr. side","table.columnvisibility.arialabel":"Vis/skjul kolonner","table.density.arialabel":"Tabeltæthed","table.density.comfortable":"Middel","table.density.compact":"Kompakt","table.density.spacious":"Rummelig","table.moreactions.arialabel":"Flere handlinger","table.noresults.heading":"Der er ingen resultater.","table.noresults.text":"Prøv en anden forespørgsel.","table.rowexpansion.collapse":"Skjul","table.rowexpansion.collapseall":"Skjul alle","table.rowexpansion.expand":"Udvid","table.rowexpansion.expandall":"Udvid alle"},dl={"pagination.loadmore":"Mehr anzeigen","pagination.next":"Nächste Seite","pagination.page":"Seite","pagination.previous":"Vorherige Seite","pagination.rowsperpage":"Zeilen pro Seite","table.columnvisibility.arialabel":"Säulen anzeigen/verbergen","table.density.arialabel":"Tabellendichte","table.density.comfortable":"Bequem","table.density.compact":"Kompakt","table.density.spacious":"Geräumig","table.moreactions.arialabel":"Weitere Aktionen","table.noresults.heading":"Es liegen keine Ergebnisse vor.","table.noresults.text":"Versuchen Sie es mit einer anderen Abfrage.","table.rowexpansion.collapse":"Zuklappen","table.rowexpansion.collapseall":"Alle zuklappen","table.rowexpansion.expand":"Ausklappen","table.rowexpansion.expandall":"Alle ausklappen"},ul={"pagination.loadmore":"Εμφάνιση περισσοτέρων","pagination.next":"Επόμενη σελίδα","pagination.page":"Σελίδα","pagination.previous":"Προηγούμενη σελίδα","pagination.rowsperpage":"Σειρές ανά σελίδα","table.columnvisibility.arialabel":"Εμφάνιση/απόκρυψη στηλών","table.density.arialabel":"Πυκνότητα πίνακα","table.density.comfortable":"Άνετη","table.density.compact":"Συμπαγής","table.density.spacious":"Ευρύχωρη","table.moreactions.arialabel":"Περισσότερες ενέργειες","table.noresults.heading":"Δεν υπάρχουν αποτελέσματα.","table.noresults.text":"Δοκιμάστε ένα διαφορετικό ερώτημα.","table.rowexpansion.collapse":"Σύμπτυξη","table.rowexpansion.collapseall":"Σύμπτυξη όλων","table.rowexpansion.expand":"Ανάπτυξη","table.rowexpansion.expandall":"Ανάπτυξη όλων"},pl={"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.columnvisibility.arialabel":"Mostrar/ocultar columnas","table.density.arialabel":"Densidad de la tabla","table.density.comfortable":"Cómoda","table.density.compact":"Compacta","table.density.spacious":"Espaciosa","table.moreactions.arialabel":"Más acciones","table.noresults.heading":"No hay resultados.","table.noresults.text":"Pruebe con otra consulta.","table.rowexpansion.collapse":"Contraer","table.rowexpansion.collapseall":"Contraer todo","table.rowexpansion.expand":"Expandir","table.rowexpansion.expandall":"Expandir todo"},ml={"pagination.loadmore":"Erakutsi gehiago","pagination.next":"Hurrengo orria","pagination.page":"Orria","pagination.previous":"Aurreko orria","pagination.rowsperpage":"Errenkadak orriko","table.columnvisibility.arialabel":"Erakutsi/Ezkutatu zutabeak","table.density.arialabel":"Taularen dentsitatea","table.density.comfortable":"Erosoa","table.density.compact":"Trinkoa","table.density.spacious":"Zabala","table.moreactions.arialabel":"Ekintza gehiago","table.noresults.heading":"Ez dago emaitzarik.","table.noresults.text":"Saiatu beste kontsulta bat egiten.","table.rowexpansion.collapse":"Tolestu","table.rowexpansion.collapseall":"Tolestu guztiak","table.rowexpansion.expand":"Zabaldu","table.rowexpansion.expandall":"Zabaldu guztiak"},bl={"pagination.loadmore":"Näytä lisää","pagination.next":"Seuraava sivu","pagination.page":"Sivu","pagination.previous":"Edellinen sivu","pagination.rowsperpage":"Rivejä sivulla","table.columnvisibility.arialabel":"Näytä/piilota sarakkeet","table.density.arialabel":"Taulukon tiheys","table.density.comfortable":"Miellyttävä","table.density.compact":"Tiivis","table.density.spacious":"Tilava","table.moreactions.arialabel":"Lisää toimintoja","table.noresults.heading":"Tuloksia ei löytynyt.","table.noresults.text":"Kokeile toista kyselyä.","table.rowexpansion.collapse":"Pienennä","table.rowexpansion.collapseall":"Pienennä kaikki","table.rowexpansion.expand":"Laajenna","table.rowexpansion.expandall":"Laajenna kaikki"},gl={"pagination.loadmore":"Afficher plus","pagination.next":"Page suivante","pagination.page":"Page","pagination.previous":"Page précédente","pagination.rowsperpage":"Lignes par page","table.columnvisibility.arialabel":"Afficher/masquer les colonnes","table.density.arialabel":"Densité du tableau","table.density.comfortable":"Confortable","table.density.compact":"Compacte","table.density.spacious":"Spacieuse","table.moreactions.arialabel":"Plus d’actions","table.noresults.heading":"Aucun résultat.","table.noresults.text":"Essayez de formuler une requête différente.","table.rowexpansion.collapse":"Réduire","table.rowexpansion.collapseall":"Tout réduire","table.rowexpansion.expand":"Développer","table.rowexpansion.expandall":"Tout développer"},hl={"pagination.loadmore":"Afiche plis","pagination.next":"Pwochen paj","pagination.page":"Paj","pagination.previous":"Paj anvan","pagination.rowsperpage":"Ranje pa paj","table.columnvisibility.arialabel":"Afiche/kache kolòn yo","table.density.arialabel":"Dansite onglè an","table.density.comfortable":"Konfòtab","table.density.compact":"Konpak","table.density.spacious":"Espasye","table.moreactions.arialabel":"Plis aksyon","table.noresults.heading":"Pa gen rezilta","table.noresults.text":"Eseye yon rechèch diferan.","table.rowexpansion.collapse":"Redui","table.rowexpansion.collapseall":"Redui tout","table.rowexpansion.expand":"Elaji","table.rowexpansion.expandall":"Elaji tout"},xl={"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.columnvisibility.arialabel":"Oszlopok megjelenítése/elrejtése","table.density.arialabel":"Táblázat sűrűsége","table.density.comfortable":"Kényelmes","table.density.compact":"Kompakt","table.density.spacious":"Tágas","table.moreactions.arialabel":"További műveletek","table.noresults.heading":"Nincsenek eredmények.","table.noresults.text":"Próbálkozzon másik lekérdezéssel.","table.rowexpansion.collapse":"Összecsukás","table.rowexpansion.collapseall":"Az összes összecsukása","table.rowexpansion.expand":"Kibontás","table.rowexpansion.expandall":"Az összes kibontása"},yl={"pagination.loadmore":"Tampilkan lebih banyak","pagination.next":"Halaman selanjutnya","pagination.page":"Halaman","pagination.previous":"Halaman sebelumnya","pagination.rowsperpage":"Baris per halaman","table.columnvisibility.arialabel":"Tampilkan/sembunyikan kolom","table.density.arialabel":"Kepadatan tabel","table.density.comfortable":"Nyaman","table.density.compact":"Kompak","table.density.spacious":"Luas","table.moreactions.arialabel":"Tindakan lainnya","table.noresults.heading":"Tidak ada hasil.","table.noresults.text":"Coba dengan kueri lain.","table.rowexpansion.collapse":"Perkecil","table.rowexpansion.collapseall":"Perkecil semua","table.rowexpansion.expand":"Perbesar","table.rowexpansion.expandall":"Perbesar semua"},fl={"pagination.loadmore":"Mostra di più","pagination.next":"Pagina successiva","pagination.page":"Pagina","pagination.previous":"Pagina precedente","pagination.rowsperpage":"Righe per pagina","table.columnvisibility.arialabel":"Mostra/nascondi colonne","table.density.arialabel":"Densità tabella","table.density.comfortable":"Comoda","table.density.compact":"Compatta","table.density.spacious":"Spaziosa","table.moreactions.arialabel":"Altre azioni","table.noresults.heading":"Nessun risultato.","table.noresults.text":"Prova una query diversa.","table.rowexpansion.collapse":"Comprimi","table.rowexpansion.collapseall":"Comprimi tutto","table.rowexpansion.expand":"Espandi","table.rowexpansion.expandall":"Espandi tutto"},Cl={"pagination.loadmore":"さらに表示","pagination.next":"次のページ","pagination.page":"ページ","pagination.previous":"前のページ","pagination.rowsperpage":"1ページの行数","table.columnvisibility.arialabel":"列を表示/非表示","table.density.arialabel":"テーブル密度","table.density.comfortable":"快適","table.density.compact":"コンパクト","table.density.spacious":"広い","table.moreactions.arialabel":"その他のアクション","table.noresults.heading":"結果がありません。","table.noresults.text":"別のクエリを試してください。","table.rowexpansion.collapse":"折りたたむ","table.rowexpansion.collapseall":"すべて折りたたむ","table.rowexpansion.expand":"展開","table.rowexpansion.expandall":"すべて展開"},wl={"pagination.loadmore":"자세히 보기","pagination.next":"다음 페이지","pagination.page":"페이지","pagination.previous":"이전 페이지","pagination.rowsperpage":"페이지당 행 수","table.columnvisibility.arialabel":"열 표시/숨기기","table.density.arialabel":"테이블 밀도","table.density.comfortable":"알맞음","table.density.compact":"좁음","table.density.spacious":"넓음","table.moreactions.arialabel":"더 많은 작업","table.noresults.heading":"결과가 없습니다.","table.noresults.text":"다른 쿼리를 시도해봅니다.","table.rowexpansion.collapse":"축소","table.rowexpansion.collapseall":"모두 축소","table.rowexpansion.expand":"확장","table.rowexpansion.expandall":"모두 확장"},vl={"pagination.loadmore":"Tunjukkan lagi","pagination.next":"Halaman seterusnya","pagination.page":"Halaman","pagination.previous":"Halaman sebelumnya","pagination.rowsperpage":"Baris setiap halaman","table.columnvisibility.arialabel":"Tunjukkan/sembunyikan lajur","table.density.arialabel":"Ketumpatan jadual","table.density.comfortable":"Selesa","table.density.compact":"Padat","table.density.spacious":"Luas","table.moreactions.arialabel":"Lebih banyak tindakan","table.noresults.heading":"Tiada hasil ditemukan.","table.noresults.text":"Cuba pertanyaan yang lain.","table.rowexpansion.collapse":"Kuncupkan","table.rowexpansion.collapseall":"Kuncupkan semua","table.rowexpansion.expand":"Kembangkan","table.rowexpansion.expandall":"Kembangkan semua"},Sl={"pagination.loadmore":"Vis mer","pagination.next":"Neste side","pagination.page":"Side","pagination.previous":"Forrige side","pagination.rowsperpage":"Rader per side","table.columnvisibility.arialabel":"Vis/skjul kolonner","table.density.arialabel":"Tabelltetthet","table.density.comfortable":"Komfortabel","table.density.compact":"Kompakt","table.density.spacious":"Romslig","table.moreactions.arialabel":"Flere handlinger","table.noresults.heading":"Det er ingen resultater.","table.noresults.text":"Prøv en annen forespørsel.","table.rowexpansion.collapse":"Skjul","table.rowexpansion.collapseall":"Skjul alt","table.rowexpansion.expand":"Utvid","table.rowexpansion.expandall":"Utvid alle"},jl={"pagination.loadmore":"Meer weergeven","pagination.next":"Volgende pagina","pagination.page":"Pagina","pagination.previous":"Vorige pagina","pagination.rowsperpage":"Rijen per pagina","table.columnvisibility.arialabel":"Kolommen tonen/verbergen","table.density.arialabel":"Dichtheid tabel","table.density.comfortable":"Comfortabel","table.density.compact":"Compact","table.density.spacious":"Ruim","table.moreactions.arialabel":"Meer acties","table.noresults.heading":"Er zijn geen resultaten.","table.noresults.text":"Probeer een andere query.","table.rowexpansion.collapse":"Inklappen","table.rowexpansion.collapseall":"Alles inklappen","table.rowexpansion.expand":"Uitvouwen","table.rowexpansion.expandall":"Alles uitvouwen"},Ml={"pagination.loadmore":"》Šĥöŵ ɱöŕé ئ䀕ヸ€홝한Ӝฐโ《","pagination.next":"》Ñéẋţ þåĝé ئ䀕ヸ€홝한Ӝฐโ《","pagination.page":"》Þåĝé 한Ӝฐโ《","pagination.previous":"》Þŕéṽîöûš þåĝé ⾼ئ䀕ヸ€홝한Ӝฐโ《","pagination.rowsperpage":"》Ŕöŵš þéŕ þåĝé ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.columnvisibility.arialabel":"》Šĥöŵ⁄ĥîðé çöļûɱñš 한Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.density.arialabel":"》Ţåƀļé ðéñšîţý ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.density.comfortable":"》Çöɱƒöŕţåƀļé ئ䀕ヸ€홝한Ӝฐโ《","table.density.compact":"》Çöɱþåçţ ヸ€홝한Ӝฐโ《","table.density.spacious":"》Šþåçîöûš 䀕ヸ€홝한Ӝฐโ《","table.moreactions.arialabel":"》Ṁöŕé åçţîöñš ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.noresults.heading":"》Ţĥéŕé åŕé ñö ŕéšûļţš· Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.noresults.text":"》Ţŕý å ðéŕéñţ ǫûéŕý· Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.rowexpansion.collapse":"》Çöļļåþšé 䀕ヸ€홝한Ӝฐโ《","table.rowexpansion.collapseall":"》Çöļļåþšé åļļ ⾼ئ䀕ヸ€홝한Ӝฐโ《","table.rowexpansion.expand":"》Éẋþåñð €홝한Ӝฐโ《","table.rowexpansion.expandall":"》Éẋþåñð åļļ ⾼ئ䀕ヸ€홝한Ӝฐโ《"},kl={"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.columnvisibility.arialabel":"[[odyssey-design-system:odyssey-contributions-iga-components: table.columnvisibility.arialabel]]","table.density.arialabel":"[[odyssey-design-system:odyssey-contributions-iga-components: table.density.arialabel]]","table.density.comfortable":"[[odyssey-design-system:odyssey-contributions-iga-components: table.density.comfortable]]","table.density.compact":"[[odyssey-design-system:odyssey-contributions-iga-components: table.density.compact]]","table.density.spacious":"[[odyssey-design-system:odyssey-contributions-iga-components: table.density.spacious]]","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]]","table.rowexpansion.collapse":"[[odyssey-design-system:odyssey-contributions-iga-components: table.rowexpansion.collapse]]","table.rowexpansion.collapseall":"[[odyssey-design-system:odyssey-contributions-iga-components: table.rowexpansion.collapseall]]","table.rowexpansion.expand":"[[odyssey-design-system:odyssey-contributions-iga-components: table.rowexpansion.expand]]","table.rowexpansion.expandall":"[[odyssey-design-system:odyssey-contributions-iga-components: table.rowexpansion.expandall]]"},Al={"pagination.loadmore":"Pokaż więcej","pagination.next":"Następna strona","pagination.page":"Strona","pagination.previous":"Poprzednia strona","pagination.rowsperpage":"Wierszy na stronę","table.columnvisibility.arialabel":"Pokaż/ukryj kolumny","table.density.arialabel":"Gęstość tabelaryczna","table.density.comfortable":"Wygodna","table.density.compact":"Kompaktowa","table.density.spacious":"Przestronna","table.moreactions.arialabel":"Więcej akcji","table.noresults.heading":"Brak wyników.","table.noresults.text":"Wypróbuj inne zapytanie.","table.rowexpansion.collapse":"Zwiń","table.rowexpansion.collapseall":"Zwiń wszystko","table.rowexpansion.expand":"Rozwiń","table.rowexpansion.expandall":"Rozwiń wszystko"},Dl={"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.columnvisibility.arialabel":"Mostrar/ocultar colunas","table.density.arialabel":"Densidade da tabela","table.density.comfortable":"Confortável","table.density.compact":"Compacta","table.density.spacious":"Espaçosa","table.moreactions.arialabel":"Mais ações","table.noresults.heading":"Não há resultados.","table.noresults.text":"Tente uma consulta diferente.","table.rowexpansion.collapse":"Recolher","table.rowexpansion.collapseall":"Recolher tudo","table.rowexpansion.expand":"Expandir","table.rowexpansion.expandall":"Expandir tudo"},Ll={"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.columnvisibility.arialabel":"Afișați/ascundeți coloane","table.density.arialabel":"Densitate tabel","table.density.comfortable":"Confortabil","table.density.compact":"Compact","table.density.spacious":"Spațios","table.moreactions.arialabel":"Mai multe acțiuni","table.noresults.heading":"Nu există rezultate.","table.noresults.text":"Încercați o altă interogare.","table.rowexpansion.collapse":"Restrângeți","table.rowexpansion.collapseall":"Restrângeți-le pe toate","table.rowexpansion.expand":"Extindeți","table.rowexpansion.expandall":"Extindeți-le pe toate"},Rl={"pagination.loadmore":"Показать подробности","pagination.next":"Следующая страница","pagination.page":"Страница","pagination.previous":"Предыдущая страница","pagination.rowsperpage":"Количество строк на страницу","table.columnvisibility.arialabel":"Показать/скрыть столбцы","table.density.arialabel":"Плотность таблицы","table.density.comfortable":"Комфортная","table.density.compact":"Компактная","table.density.spacious":"Просторная","table.moreactions.arialabel":"Другие действия","table.noresults.heading":"Нет результатов.","table.noresults.text":"Попробуйте другой поисковый запрос.","table.rowexpansion.collapse":"Свернуть","table.rowexpansion.collapseall":"Свернуть все","table.rowexpansion.expand":"Развернуть","table.rowexpansion.expandall":"Развернуть все"},Il={"pagination.loadmore":"Visa mer","pagination.next":"Nästa sida","pagination.page":"Sida","pagination.previous":"Föregående sida","pagination.rowsperpage":"Rader per sida","table.columnvisibility.arialabel":"Visa/dölj kolumner","table.density.arialabel":"Tabelldensitet","table.density.comfortable":"Bekväm","table.density.compact":"Kompakt","table.density.spacious":"Rymlig","table.moreactions.arialabel":"Fler åtgärder","table.noresults.heading":"Det finns inga resultat.","table.noresults.text":"Prova en annan sökfråga.","table.rowexpansion.collapse":"Dölj","table.rowexpansion.collapseall":"Dölj alla","table.rowexpansion.expand":"Expandera","table.rowexpansion.expandall":"Expandera alla"},Pl={"pagination.loadmore":"แสดงเพิ่มเติม","pagination.next":"หน้าถัดไป","pagination.page":"หน้า","pagination.previous":"หน้าก่อนหน้า","pagination.rowsperpage":"แถวต่อหน้า","table.columnvisibility.arialabel":"แสดง/ซ่อนคอลัมน์","table.density.arialabel":"ความหนาแน่นของตาราง","table.density.comfortable":"สบาย","table.density.compact":"กะทัดรัด","table.density.spacious":"กว้างขวาง","table.moreactions.arialabel":"การดำเนินการเพิ่มเติม","table.noresults.heading":"ไม่มีผลลัพธ์","table.noresults.text":"ลองใช้คิวรีอื่น","table.rowexpansion.collapse":"ยุบ","table.rowexpansion.collapseall":"ยุบทั้งหมด","table.rowexpansion.expand":"ขยาย","table.rowexpansion.expandall":"ขยายทั้งหมด"},zl={"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.columnvisibility.arialabel":"Sütunları göster/gizle","table.density.arialabel":"Tablo yoğunluğu","table.density.comfortable":"Rahat","table.density.compact":"Kompakt","table.density.spacious":"Ferah","table.moreactions.arialabel":"Daha fazla eylem","table.noresults.heading":"Hiç sonuç yok.","table.noresults.text":"Farklı bir sorgu deneyin.","table.rowexpansion.collapse":"Daralt","table.rowexpansion.collapseall":"Tümünü daralt","table.rowexpansion.expand":"Genişlet","table.rowexpansion.expandall":"Tümünü genişlet"},Tl={"pagination.loadmore":"Показати більше","pagination.next":"Наступна сторінка","pagination.page":"Сторінка","pagination.previous":"Попередня сторінка","pagination.rowsperpage":"Рядків на сторінці","table.columnvisibility.arialabel":"Показати/сховати стовпці","table.density.arialabel":"Щільність таблиці","table.density.comfortable":"Зручна","table.density.compact":"Компактна","table.density.spacious":"Простора","table.moreactions.arialabel":"Інші дії","table.noresults.heading":"Немає результатів.","table.noresults.text":"Спробуйте інший запит.","table.rowexpansion.collapse":"Згорнути","table.rowexpansion.collapseall":"Згорнути все","table.rowexpansion.expand":"Розгорнути","table.rowexpansion.expandall":"Розгорнути все"},Bl={"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.columnvisibility.arialabel":"Hiển thị/ẩn cột","table.density.arialabel":"Mật độ của bảng","table.density.comfortable":"Thoải mái","table.density.compact":"Gọn gàng","table.density.spacious":"Rộng rãi","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.","table.rowexpansion.collapse":"Thu gọn","table.rowexpansion.collapseall":"Thu gọn tất cả","table.rowexpansion.expand":"Mở rộng","table.rowexpansion.expandall":"Mở rộng tất cả"},Hl={"pagination.loadmore":"显示更多","pagination.next":"下一页","pagination.page":"页面","pagination.previous":"上一页","pagination.rowsperpage":"每页行数","table.columnvisibility.arialabel":"显示/隐藏列","table.density.arialabel":"表密度","table.density.comfortable":"舒适","table.density.compact":"紧凑","table.density.spacious":"宽敞","table.moreactions.arialabel":"更多操作","table.noresults.heading":"没有结果。","table.noresults.text":"尝试不同的查询。","table.rowexpansion.collapse":"折叠","table.rowexpansion.collapseall":"全部折叠","table.rowexpansion.expand":"展开","table.rowexpansion.expandall":"全部展开"},Fl={"pagination.loadmore":"顯示更多","pagination.next":"下一頁","pagination.page":"頁面","pagination.previous":"上一頁","pagination.rowsperpage":"每頁列數","table.columnvisibility.arialabel":"顯示/隱藏欄","table.density.arialabel":"表格密度","table.density.comfortable":"舒適","table.density.compact":"密集","table.density.spacious":"寬敞","table.moreactions.arialabel":"更多動作","table.noresults.heading":"沒有結果。","table.noresults.text":"請嘗試不同的查詢。","table.rowexpansion.collapse":"摺疊","table.rowexpansion.collapseall":"全部摺疊","table.rowexpansion.expand":"展開","table.rowexpansion.expandall":"全部展開"},El={"pagination.loadmore":"Show more","pagination.next":"Next page","pagination.page":"Page","pagination.previous":"Previous page","pagination.rowsperpage":"Rows per page","table.columnvisibility.arialabel":"Show/hide columns","table.density.arialabel":"Table density","table.density.comfortable":"Comfortable","table.density.compact":"Compact","table.density.spacious":"Spacious","table.moreactions.arialabel":"More actions","table.noresults.heading":"There are no results.","table.noresults.text":"Try a different query.","table.rowexpansion.collapse":"Collapse","table.rowexpansion.collapseall":"Collapse all","table.rowexpansion.expand":"Expand","table.rowexpansion.expandall":"Expand all"},Nl={cs:rl,da:cl,de:dl,el:ul,en:El,es:pl,eu:ml,fi:bl,fr:gl,ht:hl,hu:xl,id:yl,it:fl,ja:Cl,ko:wl,ms:vl,nb:Sl,nl_NL:jl,ok_PL:Ml,ok_SK:kl,pl:Al,pt_BR:Dl,ro:Ll,ru:Rl,sv:Il,th:Pl,tr:zl,uk:Tl,vi:Bl,zh_CN:Hl,zh_TW:Fl},Vl="en",Ol="odyssey-contributions-iga-components",{i18n:nn,useTranslation:Ha}=Ao({defaultLanguageCode:Vl,namespace:Ol,resources:Nl});nn.t.bind(nn);/*!
+ * 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 $l=({tableOuterContainer:e,tableInnerContainer:n,setIsTableContainerScrolledToStart:o,setIsTableContainerScrolledToEnd:l,setTableInnerContainerWidth:r})=>{const i=t.useRef(null),s=t.useRef(null),d=J(),c=t.useCallback(()=>{if(!e||!n)return;const u=e.clientWidth,m=n.scrollWidth,g=n.scrollLeft,x=g+u;o(g<=16),l(x>=m-16)},[n,e,l,o]);return t.useEffect(()=>{if(typeof ResizeObserver>"u"||s.current)return;let u;return s.current=new ResizeObserver(()=>{clearTimeout(u),u=setTimeout(()=>{i.current||(i.current=requestAnimationFrame(()=>{c(),i.current=null})),r(n!=null&&n.clientWidth?`${n.clientWidth-Number(d.BorderWidthMain)*2}px`:"100%")},100)}),e&&e.parentElement&&s.current.observe(e.parentElement),()=>{s.current&&(s.current.disconnect(),s.current=null),clearTimeout(u),i.current&&(cancelAnimationFrame(i.current),i.current=null)}},[c,r,e,n,o,l,d.BorderWidthMain]),t.useEffect(()=>(n==null||n.addEventListener("scroll",c),()=>n==null?void 0:n.removeEventListener("scroll",c)),[n,c]),t.useEffect(()=>{c()},[]),((n==null?void 0:n.scrollWidth)??0)-((n==null?void 0:n.clientWidth)??0)>0},Kl=R("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Wl=R("div")({display:"flex"}),Zl=({columns:e,data:n,draggingRow:o,emptyState:l,enableVirtualization:r,getRowId:i,hasRowReordering:s,hasRowSelection:d,isEmpty:c,isLoading:u,isNoResults:m,isRowReorderingDisabled:g,onReorderRows:x,pagination:b,rowReorderingUtilities:p,rowSelection:w,setRowSelection:k,setTableState:S,tableLayoutOptions:f,tableState:y,totalRows:v})=>{const[j,L]=t.useState(!0),[D,z]=t.useState(!0),[I,h]=t.useState("100%"),E=t.useRef(!1),_=t.useRef(null),N=t.useRef(null),G=t.useRef(null),P=$l({setIsTableContainerScrolledToEnd:z,setIsTableContainerScrolledToStart:L,setTableInnerContainerWidth:h,tableInnerContainer:N.current,tableOuterContainer:_.current}),H=t.useMemo(()=>f.hasColumnPinning,[f]),F=t.useMemo(()=>f.selectPinnedColumns,[f]);t.useEffect(()=>{S(H?A=>{const{left:K,right:Z}=(F==null?void 0:F(e,P))??A.columnPinning,Se=new Set(K),me=(Z==null?void 0:Z.filter(je=>Se.has(je)))??[],ye=document.documentElement.getAttribute("dir")==="rtl";me.length>0&&console.warn(`Column pinning conflict: Columns [${me.join(", ")}] found in both left and right arrays. Keeping in ${ye?"right":"left"}, removing from ${ye?"left":"right"}.`);const Ee=new Set(Z);return{...A,columnPinning:ye?{left:K,right:Z==null?void 0:Z.filter(je=>!Se.has(je))}:{left:K==null?void 0:K.filter(je=>!Ee.has(je)),right:Z}}}:A=>({...A,columnPinning:{left:[],right:[]}}))},[e,H,P,F,S]);const O=J(),{t:T}=Ha(),Y=t.useMemo(()=>e.map(A=>A.accessorKey)??[],[e]),ue=t.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(Y==null?void 0:Y.filter(A=>typeof A=="string"))||[],"mrt-row-actions"],[Y]),ve=t.useMemo(()=>y.rowDensity==="spacious"?"MuiTableBody-spacious":y.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[y]),pe=t.useCallback(({cell:A})=>{const K=A.getValue();return A.column.columnDef.hasTextWrapping||A.column.columnDef.enableWrapping?K:B(Kl,{children:K})},[]),{draggableTableBodyRowClassName:C,dragHandleStyles:M,dragHandleText:V,handleDragHandleKeyDown:U,handleDragHandleOnDragCapture:X,handleDragHandleOnDragEnd:be,resetDraggingAndHoveredRow:$,updateRowOrder:q}=p,le=t.useCallback(({row:A})=>{var Z;const K=A.index+(b.pageIndex-1)*b.pageSize;return ke(Wl,{children:[(Z=f.rowActionButtons)==null?void 0:Z.call(f,A.original),(f.rowActionMenuItems||s)&&B(Ae,{ariaLabel:T("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:B(pa,{}),menuAlignment:"right",size:"small",children:B(Ba,{isRowReorderingDisabled:g,row:A,rowActionMenuItems:f.rowActionMenuItems,rowIndex:K,totalRows:v,updateRowOrder:s&&x?q:void 0})})]})},[s,g,x,b.pageIndex,b.pageSize,T,f,v,q]),He=t.useMemo(()=>({width:I}),[I]),Re=t.useCallback(()=>B(W,{sx:He,children:l}),[He,l]);t.useEffect(()=>{r&&(E.current=!0)},[r,b]),t.useEffect(()=>{var A,K;E.current&&G.current&&typeof((A=N.current)==null?void 0:A.scrollTo)<"u"&&((K=N.current)==null||K.scrollTo(0,G.current.clientHeight),E.current=!1)},[n]);const Ca=t.useMemo(()=>!!(s===!0&&x||f.rowActionButtons||f.rowActionMenuItems),[s,x,f.rowActionButtons,f.rowActionMenuItems]),Fe=e.some(A=>A.grow===!0),wa=Po({data:!c&&!m?n:[],columns:e,getRowId:i,state:{sorting:y.columnSorting,columnPinning:y.columnPinning,columnVisibility:y.columnVisibility,isLoading:u,rowSelection:w,columnOrder:ue},icons:{ArrowDownwardIcon:Ia,DragHandleIcon:Pa,SyncAltIcon:jt,ExpandMoreIcon:ua},...ol,displayColumnDefOptions:{...sl,"mrt-row-actions":{header:"",grow:!Fe,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:ke(W,{sx:{display:"flex",visibility:"hidden"},children:[f.rowActionButtons&&f.rowActionButtons(),(s===!0&&x||f.rowActionMenuItems)&&B(W,{children:B(re,{ariaLabel:T("table.moreactions.arialabel"),endIcon:B(pa,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}}},muiTableProps:{ref:G,className:!Ca&&f.hasColumnResizing?Fe?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:N},muiTableBodyProps:()=>({className:ve,tabIndex:0,sx:c||m?{height:"unset"}:void 0}),enableColumnActions:H,enableColumnPinning:H,onColumnPinningChange:A=>{const K=typeof A=="function"?A(y.columnPinning):A;S(Z=>({...Z,columnPinning:K}))},enableColumnResizing:f.hasColumnResizing,defaultColumn:{Cell:pe},enableRowActions:!!(s===!0&&x||f.rowActionButtons||f.rowActionMenuItems),renderRowActions:({row:A})=>le({row:A}),enableRowOrdering:s&&!!x,enableRowDragging:s&&!!x,muiDetailPanelProps:({row:A})=>({sx:{paddingBlock:A.getIsExpanded()?`${O.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:A,row:K,isDetailPanel:Z})=>{var me,ye;const Se=((me=f==null?void 0:f.getCustomRowStyles)==null?void 0:me.call(f,K))??{};return{className:C({currentRowId:K.id,draggingRowId:o==null?void 0:o.id,hoveredRowId:(ye=A.getState().hoveredRow)==null?void 0:ye.id}),sx:Z?{...Se,paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:`${O.HueNeutralWhite} !important`}}:Se}},muiRowDragHandleProps:({table:A,row:K})=>({onKeyDown:Z=>U({table:A,row:K,event:Z}),onBlur:()=>$(A),onDragEnd:()=>be(A),onDragCapture:()=>X(A),disabled:g,sx:M,...V}),renderDetailPanel:f.renderDetailPanel,enableRowVirtualization:r,muiTableHeadCellProps:({column:A})=>({className:y.columnSorting.find(K=>K.id===A.id)?"isSorted":"isUnsorted",sx:{".Mui-TableHeadCell-Content":H?{gap:O.Spacing2}:{}}}),muiTableBodyCellProps:({column:A})=>({className:A.getIsResizing()?"isResizing":""}),enableSorting:f.hasSorting===!0,onSortingChange:A=>{const K=typeof A=="function"?A(y.columnSorting):y.columnSorting;S(Z=>({...Z,columnSorting:K}))},enableRowSelection:d,onRowSelectionChange:k,renderEmptyRowsFallback:Re,localization:{collapse:T("table.rowexpansion.collapse"),collapseAll:T("table.rowexpansion.collapseall"),expand:T("table.rowexpansion.expand"),expandAll:T("table.rowexpansion.expandall")}});return B(il,{isScrollableEnd:!D,isScrollableStart:!j,odysseyDesignTokens:O,ref:_,children:B(zo,{table:wa})})},uo=t.memo(Zl);uo.displayName="TableLayoutContent";const Gl=({setTableState:e,tableLayoutOptions:n,tableState:o})=>{const{t:l}=Ha(),{hasChangeableDensity:r,hasColumnVisibility:i,columns:s}=n,{rowDensity:d,columnVisibility:c}=o,u=t.useCallback(p=>{e(w=>({...w,rowDensity:p}))},[e]),m=t.useCallback(p=>{e(w=>({...w,columnVisibility:{...w.columnVisibility,[p]:w.columnVisibility?w.columnVisibility[p]===!1:!1}}))},[e]),g=t.useMemo(()=>new Set(s.filter(p=>c?c[p.accessorKey]!==!1:!0).map(p=>p.accessorKey)),[s,c]),x=t.useMemo(()=>r&&B(Ae,{ariaLabel:l("table.density.arialabel"),endIcon:B(Rt,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:ro.map(p=>B(fe,{isSelected:d===p,onClick:()=>u(p),children:l(`table.density.${p}`)},p))}),[r,l,d,u]),b=t.useMemo(()=>i&&B(Ae,{ariaLabel:l("table.columnvisibility.arialabel"),endIcon:B(Pt,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:s.filter(p=>p.enableHiding!==!1).map(p=>ke(fe,{onClick:()=>m(p.id),children:[B(La,{checked:g.has(p.id)}),p.header]},p.accessorKey))}),[i,l,s,m,g]);return ke(yo,{children:[x,b]})},po=t.memo(Gl);po.displayName="TableSettings";const _l=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4})),Ul=R("div")(()=>({display:"flex",justifyContent:"space-between"})),ql=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",justifyContent:"flex-end",gap:e.Spacing2})),Yl=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing2})),Xl=R("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginInlineEnd:e.Spacing2})),Ql=({additionalActionButton:e,additionalActionMenuItems:n,availableLayouts:o=al,bulkActionMenuItems:l,currentPage:r=1,emptyPlaceholder:i,enableVirtualization:s,errorMessage:d,filters:c,getData:u,getRowId:m,hasFilters:g,hasPagination:x,hasPageInput:b,hasRowCountInput:p,hasRowCountLabel:w,hasSearch:k,hasSearchSubmitButton:S,hasRowReordering:f,hasRowSelection:y,initialLayout:v,isEmpty:j,isLoading:L,isNoResults:D,isPaginationMoreDisabled:z,isRowReorderingDisabled:I,metaText:h,noResultsPlaceholder:E,onChangeRowSelection:_,onReorderRows:N,onRowSelectionChange:G,paginationType:P="paged",resultsPerPage:H=20,searchDelayTime:F,cardLayoutOptions:O,tableLayoutOptions:T,totalRows:Y,maxPages:ue,maxResultsPerPage:ve,onPaginationChange:pe})=>{const C=J(),{t:M}=Ha(),[V,U]=t.useState(v??o[0]),[X,be]=t.useState([]),[$,q]=t.useState(L??!0),[le,He]=t.useState(j??!0),[Re,Ca]=t.useState(D??!1),[Fe,wa]=t.useState(d),[A,K]=t.useState(""),[Z,Se]=t.useState(c),[me,ye]=t.useState(c),[Ee,je]=t.useState(),[Me,va]=t.useState({});t.useEffect(()=>{_==null||_(Me)},[Me,_]),t.useEffect(()=>{G==null||G(Me)},[Me,G]);const[Q,Sa]=t.useState({pageIndex:r,pageSize:H}),[ge,Na]=t.useState({columnPinning:{left:[],right:[]},columnSorting:[],columnVisibility:{},rowDensity:(T==null?void 0:T.initialDensity)??ro[0]}),ja=k||g||e||n,Ie=ll({filters:me,columns:T==null?void 0:T.columns});t.useEffect(()=>{!Z&&Ie&&Se(Ie)},[Ie,Z]);const Va=t.useMemo(()=>({page:Q.pageIndex,resultsPerPage:Q.pageSize,search:A,filters:Ie,sort:ge==null?void 0:ge.columnSorting}),[Q.pageIndex,Q.pageSize,A,Ie,ge==null?void 0:ge.columnSorting]),Oa=t.useCallback((oe,ho,xo)=>m?m(oe,ho,xo):oe.id?oe.id:Bo(),[m]);t.useEffect(()=>{Sa({pageIndex:r,pageSize:H})},[r,H]),t.useEffect(()=>{Sa(oe=>({pageIndex:1,pageSize:P=="loadMore"?H:oe.pageSize}))},[me,P,H,A]),t.useEffect(()=>{pe==null||pe(Q)},[pe,Q]),t.useEffect(()=>{nl({dataQueryParams:Va,errorMessageProp:d,getData:u,setData:be,setErrorMessage:wa,setIsLoading:L?void 0:q})},[Va,d,u,L]),t.useEffect(()=>{He(Q.pageIndex===r&&Q.pageSize===H&&A===""&&(!g||me===Z)&&X.length===0)},[r,X,me,g,Z,Q,H,A]),t.useEffect(()=>{q(oe=>L??oe)},[L]),t.useEffect(()=>{He(oe=>j??oe)},[j]),t.useEffect(()=>{Ca(oe=>D??oe)},[D]);const $a=t.useMemo(()=>{const oe=E||B(_t,{description:M("table.noresults.text"),heading:M("table.noresults.heading")});if(le)return i||oe;if(Re)return oe},[E,M,le,Re,i]),Oe=t.useMemo(()=>(h||V==="table"&&T||o.length>1||e||n)&&ke(Yl,{odysseyDesignTokens:C,children:[h&&B(Xl,{odysseyDesignTokens:C,children:B(we,{color:"textSecondary",children:h})}),V==="table"&&T&&B(po,{setTableState:Na,tableLayoutOptions:T,tableState:ge}),o.length>1&&B(co,{availableLayouts:o,currentLayout:V,setCurrentLayout:U}),e,n&&B(Ae,{ariaLabel:M("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:B(pa,{}),menuAlignment:"right",children:n})]}),[e,n,o,V,h,C,T,ge,M]),bo=t.useMemo(()=>s??P==="loadMore",[s,P]),{lastRow:go}=no({currentRowsCount:X.length,pageIndex:Q.pageIndex,pageSize:Q.pageSize,totalRows:Y}),Ka=$i({totalRows:Y,onReorderRows:N,data:X,setData:be,draggingRow:Ee,setDraggingRow:je,resultsPerPage:Q.pageSize,page:Q.pageIndex});return ke(_l,{odysseyDesignTokens:C,children:[Fe&&B(W,{children:B($t,{severity:"error",text:Fe})}),ja&&B(ao,{additionalActions:Oe,filters:g?Ie:void 0,hasSearchSubmitButton:S,isDisabled:le,onChangeFilters:g?ye:void 0,onChangeSearch:k?K:void 0,searchDelayTime:F}),(l||y)&&ke(Ul,{children:[B(oo,{data:X,menuItems:l,rowSelection:Me,setRowSelection:va}),!ja&&Oe]}),!ja&&!l&&!y&&Oe&&B(ql,{odysseyDesignTokens:C,children:Oe}),V==="table"&&T&&B(uo,{columns:T.columns,data:X,draggingRow:Ee,emptyState:$a,enableVirtualization:bo,getRowId:m||Oa,hasRowReordering:f,hasRowSelection:y,isEmpty:le,isLoading:$,isNoResults:Re,isRowReorderingDisabled:I,onReorderRows:N,pagination:Q,rowReorderingUtilities:Ka,rowSelection:Me,setRowSelection:va,setTableState:Na,tableLayoutOptions:T,tableState:ge,totalRows:Y}),(V==="list"||V==="grid")&&O&&B(lo,{cardLayoutOptions:O,currentLayout:V,data:X,draggingRow:Ee,emptyState:$a,getRowId:m||Oa,hasRowReordering:f,hasRowSelection:y,isEmpty:le,isLoading:$,isNoResults:Re,isRowReorderingDisabled:I,onReorderRows:N,pagination:Q,rowReorderingUtilities:Ka,rowSelection:Me,setRowSelection:va,totalRows:Y}),x&&B(to,{currentPageLabel:M("pagination.page"),currentRowsCount:X.length,hasPageInput:b,hasRowCountInput:p,hasRowCountLabel:w,isDisabled:le,isMoreDisabled:z,lastRow:go,loadMoreLabel:M("pagination.loadmore"),maxPageIndex:ue,maxPageSize:ve,nextLabel:M("pagination.next"),onPaginationChange:Sa,pageIndex:Q.pageIndex,pageSize:Q.pageSize,previousLabel:M("pagination.previous"),rowsPerPageLabel:M("pagination.rowsperpage"),totalRows:Y,variant:P})]})},ne=t.memo(Ql);ne.displayName="DataView";const{action:Fa}=__STORYBOOK_MODULE_ACTIONS__,{fn:Jl}=__STORYBOOK_MODULE_TEST__,Qc={component:ne,decorators:[Lo,Do],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:fo},pinnedLeftColumns:{control:"check",options:ae.map(e=>e.id),name:"Pinned Left Columns",table:{category:"Column Pinning",defaultValue:{summary:"[]"}}},pinnedRightColumns:{control:"check",options:ae.map(e=>e.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:Ga},availableLayouts:{control:"check",options:Ga},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:Ro,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:Jl(),paginationType:"paged",resultsPerPage:20},render:function(n){var c,u;const[o,l]=t.useState(ce),{getData:r,onReorderRows:i,onChangeRowSelection:s}=de(o,l),d=(c=n.pinnedLeftColumns)!=null&&c.length||(u=n.pinnedRightColumns)!=null&&u.length?()=>({left:n.pinnedLeftColumns||[],right:n.pinnedRightColumns||[]}):void 0;return a.jsx(ne,{additionalActionButton:n.hasAdditionalActionButton?nr:void 0,additionalActionMenuItems:n.hasAdditionalActionMenuItems?tr:void 0,availableLayouts:n.availableLayouts,bulkActionMenuItems:n.hasActionMenuItems?da:void 0,cardLayoutOptions:{itemProps:mo,rowActionMenuItems:n.hasActionMenuItems?da:void 0,maxGridColumns:n.maxGridColumns},currentPage:n.currentPage,emptyPlaceholder:n.hasCustomEmptyPlaceholder?sr:void 0,enableVirtualization:n.enableVirtualization,errorMessage:n.errorMessage,getData:r,hasFilters:n.hasFilters,hasPagination:n.hasPagination,hasRowReordering:n.hasRowReordering,hasRowSelection:n.hasRowSelection,hasSearch:n.hasSearch,hasSearchSubmitButton:n.hasSearchSubmitButton,initialLayout:n.initialLayout,isEmpty:n.isEmpty,isLoading:n.isLoading,isNoResults:n.isNoResults,isPaginationMoreDisabled:n.isPaginationMoreDisabled,isRowReorderingDisabled:n.isRowReorderingDisabled,metaText:n.metaText,noResultsPlaceholder:n.hasCustomNoResultsPlaceholder?ir:void 0,onChangeRowSelection:s,onReorderRows:i,paginationType:n.paginationType,resultsPerPage:n.resultsPerPage,searchDelayTime:n.searchDelayTime,tableLayoutOptions:{columns:ae,getCustomRowStyles:n.getCustomRowStyles,hasSorting:n.hasSorting,rowActionMenuItems:n.hasActionMenuItems?da:void 0,rowActionButtons:n.hasActionButtons?or:void 0,selectPinnedColumns:d,renderDetailPanel:void 0,hasColumnPinning:n.hasColumnPinning,hasColumnVisibility:n.hasColumnVisibility,hasColumnResizing:n.hasColumnResizing,hasChangeableDensity:n.hasChangeableDensity,initialDensity:n.initialDensity},totalRows:n.totalRows})}},Le=Fa("onClick"),Be=["table"],Ea=["list"],er=["grid"],ar=["table","grid"],de=(e,n)=>{const o=t.useCallback(({...i})=>Co({data:e,...i}),[e]),l=t.useCallback(({...i})=>{const s=wo({data:e,...i});n(s)},[e,n]),r=t.useCallback(i=>{Object.keys(i).length>0&&Fa("onChangeRowSelection")(`${Object.keys(i).length} selected`)},[]);return{getData:o,onReorderRows:l,onChangeRowSelection:r}},nr=a.jsx(se,{label:"Add widget",variant:"primary"}),tr=a.jsxs(a.Fragment,{children:[a.jsx(ze,{onClick:Le,children:"Additional action 1"}),a.jsx(ze,{onClick:Le,children:"Additional action 2"})]}),da=()=>a.jsxs(a.Fragment,{children:[a.jsx(ze,{onClick:Le,children:"Action 1"}),a.jsx(ze,{onClick:Le,children:"Action 2"})]}),or=()=>a.jsxs(xe,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[a.jsx(se,{ariaLabel:"Pause",endIcon:a.jsx(ss,{}),onClick:Le,size:"small",variant:"floating"}),a.jsx(se,{ariaLabel:"Refresh",endIcon:a.jsx(is,{}),onClick:Le,size:"small",variant:"floating"})]}),sr=a.jsx(Ra,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(se,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(se,{label:"Secondary",variant:"secondary"})}),ir=a.jsx(Ra,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),mo=e=>({overline:`${e.city}, ${e.state}`,title:e.name,description:`${e.name} is ${e.age} years old.`,children:a.jsx(ls,{label:e.risk.charAt(0).toUpperCase()+e.risk.slice(1),severity:e.risk==="low"?"success":e.risk==="medium"?"warning":"error"})}),$e={args:{}},Ke={args:{availableLayouts:Be}},We={args:{availableLayouts:["list","grid"]}},Ze={args:{availableLayouts:Ea}},Ge={args:{availableLayouts:er}},_e={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(n){const[o,l]=t.useState(ce),{getData:r,onReorderRows:i,onChangeRowSelection:s}=de(o,l),d=t.useCallback(({row:u})=>a.jsxs(xe,{children:["This is additional content for row ",u.id]}),[]),c=t.useMemo(()=>({columns:ae,hasColumnPinning:!1,renderDetailPanel:d}),[d]);return a.jsx(ne,{availableLayouts:ar,cardLayoutOptions:{itemProps:mo,renderDetailPanel:d},getData:r,hasRowSelection:n.hasRowSelection,onChangeRowSelection:s,onReorderRows:i,tableLayoutOptions:c})}},qe={render:function(){const n=t.useCallback(()=>{const l=[];return Array(10).fill(null).forEach(()=>{l.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."})}),l},[]),o=t.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return a.jsx(ne,{getData:n,tableLayoutOptions:o})}},Ye={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:n,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r,...i}){const[s,d]=t.useState(ce),{onReorderRows:c,onChangeRowSelection:u}=de(s,d),m=t.useMemo(()=>a.jsx(Ra,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(se,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(se,{label:"Secondary",variant:"secondary"})}),[]),g=t.useMemo(()=>({columns:ae,hasChangeableDensity:n,hasColumnPinning:!1,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r}),[n,o,l,r]);return a.jsx(ne,{...i,emptyPlaceholder:m,getData:()=>[],onChangeRowSelection:u,onReorderRows:c,tableLayoutOptions:g})}},Xe={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:n,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r,...i}){const[s,d]=t.useState(ce),{getData:c,onReorderRows:u}=de(s,d),m=t.useMemo(()=>[...ae,{id:"startLetter",label:"Name starting with...",render:x=>a.jsxs(xe,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[a.jsx(xe,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(se,{isFullWidth:!0,label:"Vowel",onClick:()=>x({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),a.jsx(xe,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(se,{isFullWidth:!0,label:"Consonant",onClick:()=>x({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),a.jsx(xe,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(se,{isFullWidth:!0,label:"Any",onClick:()=>x({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),g=t.useMemo(()=>({columns:ae,hasChangeableDensity:n,hasColumnPinning:!1,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r}),[n,o,l,r]);return a.jsx(ne,{...i,filters:m,getData:c,onReorderRows:u,tableLayoutOptions:g})}},Qe={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:n,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r,...i}){const[s,d]=t.useState(ce),{getData:c,onReorderRows:u,onChangeRowSelection:m}=de(s,d),g=t.useMemo(()=>[...ae.filter(p=>p.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:p=>a.jsxs(xe,{children:[a.jsx(se,{label:"🛰️ Vowel",onClick:()=>p({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),a.jsx(se,{label:"🛸 Consonant",onClick:()=>p({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),a.jsx(se,{label:"🤷‍♂️ Any",onClick:()=>p({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),x=t.useMemo(()=>({columns:ae,hasChangeableDensity:n,hasColumnPinning:!1,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r}),[n,o,l,r]);return a.jsx(ne,{...i,filters:g,getData:c,onChangeRowSelection:m,onReorderRows:u,tableLayoutOptions:x})}},Je={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:n,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r,...i}){const[s,d]=t.useState(ce),{getData:c}=de(s,d),u=t.useMemo(()=>[...ae,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),m=t.useMemo(()=>({columns:ae,hasChangeableDensity:n,hasColumnPinning:!1,hasColumnResizing:o,hasColumnVisibility:l,hasSorting:r}),[n,o,l,r]);return a.jsx(ne,{...i,filters:u,getData:c,tableLayoutOptions:m})}},ea={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},aa={render:function(){const n=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(()=>({hasColumnPinning:!1,hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:da}),[]);return a.jsx(ne,{getData:n,hasSearch:!0,tableLayoutOptions:o})}},na={args:{availableLayouts:Be,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},ta={render:function(){const[n,o]=t.useState(ce),{getData:l}=de(n,o),r=t.useCallback(s=>{Fa("onPaginationChange")(s)},[]),i=t.useMemo(()=>({columns:ae,hasColumnPinning:!1}),[]);return a.jsx(ne,{getData:l,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:i})}},lr=e=>({overline:"Overline",title:e.name,description:`${e.name} is ${e.age} years old.`,variant:"stack",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),oa={render:function(){const[n,o]=t.useState(ce),{getData:l}=de(n,o),r=t.useMemo(()=>({itemProps:lr,renderDetailPanel:()=>a.jsx(xe,{children:"Details"}),rowActionMenuItems:()=>a.jsx(ze,{children:"Test"})}),[]);return a.jsx(ne,{availableLayouts:Ea,cardLayoutOptions:r,getData:l})}},rr=e=>({title:e.name,variant:"compact",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),sa={render:function(){const[n,o]=t.useState(ce),{getData:l}=de(n,o),r=t.useCallback(({row:d})=>d.age%2?a.jsx(xe,{children:"Detail content"}):!1,[]),i=t.useCallback(()=>a.jsx(ze,{children:"Test"}),[]),s=t.useMemo(()=>({itemProps:rr,renderDetailPanel:r,rowActionMenuItems:i}),[r,i]);return a.jsx(ne,{availableLayouts:Ea,cardLayoutOptions:s,getData:l})}},ia={render:function(){const[n,o]=t.useState(ce),{getData:l}=de(n,o),r=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnPinning:!1,hasColumnResizing:!0}),[]);return a.jsx(ne,{availableLayouts:Be,getData:l,tableLayoutOptions:r})}},la={render:function(){const[n,o]=t.useState(ce),{getData:l}=de(n,o),r=t.useCallback(()=>a.jsx(se,{label:"Action",onClick:Le,size:"small",variant:"secondary"}),[]),i=t.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 a.jsx(ne,{availableLayouts:Be,getData:l,tableLayoutOptions:i})}},ra={args:{availableLayouts:Be,getCustomRowStyles:e=>e.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."}}}},ca={args:{availableLayouts:Be,hasColumnPinning:!0,pinnedLeftColumns:[ae[0].accessorKey],pinnedRightColumns:[ae[ae.length-1].accessorKey]},parameters:{docs:{description:{story:"This story shows the DataView with column pinning enabled."}}}};var tn,on,sn;$e.parameters={...$e.parameters,docs:{...(tn=$e.parameters)==null?void 0:tn.docs,source:{originalSource:`{
+  args: {}
+}`,...(sn=(on=$e.parameters)==null?void 0:on.docs)==null?void 0:sn.source}}};var ln,rn,cn;Ke.parameters={...Ke.parameters,docs:{...(ln=Ke.parameters)==null?void 0:ln.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly
+  }
+}`,...(cn=(rn=Ke.parameters)==null?void 0:rn.docs)==null?void 0:cn.source}}};var dn,un,pn;We.parameters={...We.parameters,docs:{...(dn=We.parameters)==null?void 0:dn.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: ["list", "grid"]
+  }
+}`,...(pn=(un=We.parameters)==null?void 0:un.docs)==null?void 0:pn.source}}};var mn,bn,gn;Ze.parameters={...Ze.parameters,docs:{...(mn=Ze.parameters)==null?void 0:mn.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: listLayoutOnly
+  }
+}`,...(gn=(bn=Ze.parameters)==null?void 0:bn.docs)==null?void 0:gn.source}}};var hn,xn,yn;Ge.parameters={...Ge.parameters,docs:{...(hn=Ge.parameters)==null?void 0:hn.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: gridLayoutOnly
+  }
+}`,...(yn=(xn=Ge.parameters)==null?void 0:xn.docs)==null?void 0:yn.source}}};var fn,Cn,wn;_e.parameters={..._e.parameters,docs:{...(fn=_e.parameters)==null?void 0:fn.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"
+  }
+}`,...(wn=(Cn=_e.parameters)==null?void 0:Cn.docs)==null?void 0:wn.source}}};var vn,Sn,jn;Ue.parameters={...Ue.parameters,docs:{...(vn=Ue.parameters)==null?void 0:vn.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,
+      hasColumnPinning: false,
+      renderDetailPanel: renderAdditionalContent
+    }), [renderAdditionalContent]);
+    return <DataView availableLayouts={tableAndGridLayouts} cardLayoutOptions={{
+      itemProps: itemProps,
+      renderDetailPanel: renderAdditionalContent
+    }} getData={getData} hasRowSelection={args.hasRowSelection} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(jn=(Sn=Ue.parameters)==null?void 0:Sn.docs)==null?void 0:jn.source}}};var Mn,kn,An;qe.parameters={...qe.parameters,docs:{...(Mn=qe.parameters)==null?void 0:Mn.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
+      }],
+      hasColumnPinning: false,
+      hasColumnResizing: true
+    }), []);
+    return <DataView getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(An=(kn=qe.parameters)==null?void 0:kn.docs)==null?void 0:An.source}}};var Dn,Ln,Rn;Ye.parameters={...Ye.parameters,docs:{...(Dn=Ye.parameters)==null?void 0:Dn.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,
+      hasColumnPinning: false,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} emptyPlaceholder={emptyPlaceholder} getData={() => []} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Rn=(Ln=Ye.parameters)==null?void 0:Ln.docs)==null?void 0:Rn.source}}};var In,Pn,zn;Xe.parameters={...Xe.parameters,docs:{...(In=Xe.parameters)==null?void 0:In.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,
+      hasColumnPinning: false,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(zn=(Pn=Xe.parameters)==null?void 0:Pn.docs)==null?void 0:zn.source}}};var Tn,Bn,Hn;Qe.parameters={...Qe.parameters,docs:{...(Tn=Qe.parameters)==null?void 0:Tn.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,
+      hasColumnPinning: false,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Hn=(Bn=Qe.parameters)==null?void 0:Bn.docs)==null?void 0:Hn.source}}};var Fn,En,Nn;Je.parameters={...Je.parameters,docs:{...(Fn=Je.parameters)==null?void 0:Fn.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,
+      hasColumnPinning: false,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Nn=(En=Je.parameters)==null?void 0:En.docs)==null?void 0:Nn.source}}};var Vn,On,$n;ea.parameters={...ea.parameters,docs:{...(Vn=ea.parameters)==null?void 0:Vn.docs,source:{originalSource:`{
+  args: {
+    hasAdditionalActionButton: true,
+    hasAdditionalActionMenuItems: true
+  }
+}`,...($n=(On=ea.parameters)==null?void 0:On.docs)==null?void 0:$n.source}}};var Kn,Wn,Zn;aa.parameters={...aa.parameters,docs:{...(Kn=aa.parameters)==null?void 0:Kn.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>>(() => ({
+      hasColumnPinning: false,
+      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} />;
+  }
+}`,...(Zn=(Wn=aa.parameters)==null?void 0:Wn.docs)==null?void 0:Zn.source}}};var Gn,_n,Un;na.parameters={...na.parameters,docs:{...(Gn=na.parameters)==null?void 0:Gn.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly,
+    hasPagination: true,
+    paginationType: "loadMore",
+    hasFilters: true
+  }
+}`,...(Un=(_n=na.parameters)==null?void 0:_n.docs)==null?void 0:Un.source}}};var qn,Yn,Xn;ta.parameters={...ta.parameters,docs:{...(qn=ta.parameters)==null?void 0:qn.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,
+      hasColumnPinning: false
+    }), []);
+    return <DataView getData={getData} hasPagination onPaginationChange={onPaginationChange} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Xn=(Yn=ta.parameters)==null?void 0:Yn.docs)==null?void 0:Xn.source}}};var Qn,Jn,et;oa.parameters={...oa.parameters,docs:{...(Qn=oa.parameters)==null?void 0:Qn.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} />;
+  }
+}`,...(et=(Jn=oa.parameters)==null?void 0:Jn.docs)==null?void 0:et.source}}};var at,nt,tt;sa.parameters={...sa.parameters,docs:{...(at=sa.parameters)==null?void 0:at.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} />;
+  }
+}`,...(tt=(nt=sa.parameters)==null?void 0:nt.docs)==null?void 0:tt.source}}};var ot,st,it;ia.parameters={...ia.parameters,docs:{...(ot=ia.parameters)==null?void 0:ot.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"
+      }],
+      hasColumnPinning: false,
+      hasColumnResizing: true
+    }), []);
+    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(it=(st=ia.parameters)==null?void 0:st.docs)==null?void 0:it.source}}};var lt,rt,ct;la.parameters={...la.parameters,docs:{...(lt=la.parameters)==null?void 0:lt.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"
+      }],
+      hasColumnPinning: false,
+      hasColumnResizing: true,
+      rowActionButtons: rowActions
+    }), [rowActions]);
+    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(ct=(rt=la.parameters)==null?void 0:rt.docs)==null?void 0:ct.source}}};var dt,ut,pt;ra.parameters={...ra.parameters,docs:{...(dt=ra.parameters)==null?void 0:dt.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly,
+    getCustomRowStyles: row => row.original.age < 30 ? {
+      backgroundColor: "rgba(63, 181, 179, 1)"
+    } : undefined
+  },
+  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."
+      }
+    }
+  }
+}`,...(pt=(ut=ra.parameters)==null?void 0:ut.docs)==null?void 0:pt.source}}};var mt,bt,gt;ca.parameters={...ca.parameters,docs:{...(mt=ca.parameters)==null?void 0:mt.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly,
+    hasColumnPinning: true,
+    pinnedLeftColumns: [personColumns[0].accessorKey as string],
+    pinnedRightColumns: [personColumns[personColumns.length - 1].accessorKey as string]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "This story shows the DataView with column pinning enabled."
+      }
+    }
+  }
+}`,...(gt=(bt=ca.parameters)==null?void 0:bt.docs)==null?void 0:gt.source}}};const Jc=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions","GetCustomRowStyles","ColumnPinning"];export{ea as AdditionalActions,aa as ColumnGrowDemo,ca as ColumnPinning,sa as CompactCards,Je as CustomFilterWithDefaultVariant,Xe as CustomFilters,$e as Default,Ye as Empty,_e as Everything,Ue as ExpandableRowsAndCards,Qe as FilterWithCustomRender,ra as GetCustomRowStyles,Ge as GridOnly,la as GrowColumnWithActions,ia as GrowColumnWithoutActions,We as ListAndGrid,Ze as ListOnly,na as LoadMore,ta as PaginationHook,oa as StackCards,Ke as TableOnly,qe as Truncation,Jc as __namedExportsOrder,Qc as default};