@okta/odyssey-react-mui 1.47.0 → 1.48.0

package/dist/assets/DataView _labs_.stories-CO0XGhOV.js

@@ -0,0 +1,438 @@
+import{j as a}from"./jsx-runtime-CnH95YSl.js";import{a as H}from"./index-B-lxVbXh.js";import{f as na}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{O as oa}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{d as m,c as p,f as sa,r as ra}from"./personData-BOnk54P3.js";import{p as ia}from"./constants-CyailK6t.js";import{M as b}from"./Box-B-R2QRDU.js";import{M as q}from"./EmptyState-FpIKkMpd.js";import{M as u}from"./Button-DPUOjyZy.js";import{M as R}from"./MenuItem-DoUaLmgU.js";import{M as la}from"./Status-CdgTiE4c.js";import{d as ua,a as U}from"./constants-CGUp4oSR.js";import{M as c}from"./DataView-CHGdxu-Z.js";import{M as ca,a as da}from"./Refresh-CgZVXlSy.js";const ma={component:c,decorators:[oa],argTypes:{getData:{table:{type:{summary:""}}},getRowId:{table:{type:{summary:""}}},hasRowReordering:{control:"boolean",table:{type:{summary:""}}},isRowReorderingDisabled:{control:"boolean"},onReorderRows:{table:{type:{summary:""}}},hasRowSelection:{control:"boolean"},onChangeRowSelection:{},bulkActionMenuItems:{},hasPagination:{control:"boolean"},currentPage:{control:"number"},metaText:{control:"text"},paginationType:{control:"select",options:ia},resultsPerPage:{control:"number"},totalRows:{control:"number"},hasFilters:{control:"boolean"},hasSearch:{control:"boolean"},hasSearchSubmitButton:{control:"boolean"},filters:{},searchDelayTime:{control:"number"},enableVirtualization:{control:"boolean"},errorMessage:{control:"text"},emptyPlaceholder:{},noResultsPlaceholder:{},initialLayout:{control:"select",options:U},availableLayouts:{control:"check",options:U},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:ua,name:"tableLayoutOptions.columns"},hasChangeableDensity:{control:"boolean",name:"tableLayoutOptions.hasChangeableDensity"},hasColumnResizing:{control:"boolean",name:"tableLayoutOptions.hasColumnResizing"},hasColumnVisibility:{control:"boolean",name:"tableLayoutOptions.hasColumnVisibility"},renderDetailPanel:{name:"tableLayoutOptions.renderDetailPanel"},rowActionButtons:{name:"tableLayoutOptions.rowActionButtons"},tableRowActionMenuItems:{name:"tableLayoutOptions.rowActionMenuItems"},hasSorting:{control:"boolean",name:"tableLayoutOptions.hasSorting"},itemProps:{name:"cardLayoutOptions.itemProps"},maxGridColumns:{control:"number",name:"cardLayoutOptions.maxGridColumns"},cardRowActionMenuItems:{name:"cardLayoutOptions.rowActionMenuItems"},isLoading:{control:"boolean"},isEmpty:{control:"boolean"},isNoResults:{control:"boolean"},isPaginationMoreDisabled:{control:"boolean",description:"If true, the pagination next or show more button will be disabled.",table:{type:{summary:"boolean"}}},hasCustomEmptyPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom empty placeholder?"},hasCustomNoResultsPlaceholder:{control:"boolean",name:"[STORY ONLY] Has custom 'no results' placeholder?"},hasActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has action menu items?"},hasActionButtons:{control:"boolean",name:"[STORY ONLY] Has action buttons in table view?"},hasAdditionalActionButton:{control:"boolean",name:"[STORY ONLY] Has additional action button?"},hasAdditionalActionMenuItems:{control:"boolean",name:"[STORY ONLY] Has additional action menu items?"}},args:{availableLayouts:["table","list","grid"],currentPage:1,hasActionButtons:!1,hasActionMenuItems:!1,hasCustomEmptyPlaceholder:!1,hasCustomNoResultsPlaceholder:!1,maxGridColumns:3,onChangeRowSelection:na(),paginationType:"paged",resultsPerPage:20},render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s);return a.jsx(c,{additionalActionButton:e.hasAdditionalActionButton?ga:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?ya:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?G:void 0,cardLayoutOptions:{itemProps:ta,rowActionMenuItems:e.hasActionMenuItems?G:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?Ca:void 0,enableVirtualization:e.enableVirtualization,errorMessage:e.errorMessage,getData:r,hasFilters:e.hasFilters,hasPagination:e.hasPagination,hasRowReordering:e.hasRowReordering,hasRowSelection:e.hasRowSelection,hasSearch:e.hasSearch,hasSearchSubmitButton:e.hasSearchSubmitButton,initialLayout:e.initialLayout,isEmpty:e.isEmpty,isLoading:e.isLoading,isNoResults:e.isNoResults,isPaginationMoreDisabled:e.isPaginationMoreDisabled,isRowReorderingDisabled:e.isRowReorderingDisabled,metaText:e.metaText,noResultsPlaceholder:e.hasCustomNoResultsPlaceholder?Da:void 0,onChangeRowSelection:l,onReorderRows:i,paginationType:e.paginationType,resultsPerPage:e.resultsPerPage,searchDelayTime:e.searchDelayTime,tableLayoutOptions:{columns:p,hasSorting:e.hasSorting,rowActionMenuItems:e.hasActionMenuItems?G:void 0,rowActionButtons:e.hasActionButtons?ba:void 0,renderDetailPanel:void 0,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},D=H("onClick"),Y=["table"],_=["list"],ha=["grid"],pa=["table","grid"],h=(n,e)=>{const o=t.useCallback(({...i})=>sa({data:n,...i}),[n]),s=t.useCallback(({...i})=>{const l=ra({data:n,...i});e(l)},[n,e]),r=t.useCallback(i=>{Object.keys(i).length>0&&H("onChangeRowSelection")(`${Object.keys(i).length} selected`)},[]);return{getData:o,onReorderRows:s,onChangeRowSelection:r}},ga=a.jsx(u,{label:"Add widget",variant:"primary"}),ya=a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Additional action 1"}),a.jsx(R,{onClick:D,children:"Additional action 2"})]}),G=()=>a.jsxs(a.Fragment,{children:[a.jsx(R,{onClick:D,children:"Action 1"}),a.jsx(R,{onClick:D,children:"Action 2"})]}),ba=()=>a.jsxs(b,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[a.jsx(u,{ariaLabel:"Pause",endIcon:a.jsx(ca,{}),onClick:D,size:"small",variant:"floating"}),a.jsx(u,{ariaLabel:"Refresh",endIcon:a.jsx(da,{}),onClick:D,size:"small",variant:"floating"})]}),Ca=a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),Da=a.jsx(q,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),ta=n=>({overline:`${n.city}, ${n.state}`,title:n.name,description:`${n.name} is ${n.age} years old.`,children:a.jsx(la,{label:n.risk.charAt(0).toUpperCase()+n.risk.slice(1),severity:n.risk==="low"?"success":n.risk==="medium"?"warning":"error"})}),w={args:{}},P={args:{availableLayouts:Y}},x={args:{availableLayouts:["list","grid"]}},A={args:{availableLayouts:_}},O={args:{availableLayouts:ha}},v={args:{hasRowReordering:!0,hasPagination:!0,hasFilters:!0,hasSearch:!0,hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!0,hasSorting:!0,hasActionButtons:!0,hasActionMenuItems:!0,hasRowSelection:!0,hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0,metaText:"Last updated 12 hours ago"}},M={render:function(e){const[o,s]=t.useState(m),{getData:r,onReorderRows:i,onChangeRowSelection:l}=h(o,s),d=t.useCallback(({row:y})=>a.jsxs(b,{children:["This is additional content for row ",y.id]}),[]),g=t.useMemo(()=>({columns:p,renderDetailPanel:d}),[d]);return a.jsx(c,{availableLayouts:pa,cardLayoutOptions:{itemProps:ta,renderDetailPanel:d},getData:r,hasRowSelection:e.hasRowSelection,onChangeRowSelection:l,onReorderRows:i,tableLayoutOptions:g})}},I={render:function(){const e=t.useCallback(()=>{const s=[];return Array(10).fill(null).forEach(()=>{s.push({truncated:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum.",wrapped:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum."})}),s},[]),o=t.useMemo(()=>({columns:[{accessorKey:"truncated",header:"Truncated"},{accessorKey:"wrapped",header:"Wrapped",hasTextWrapping:!0}],hasColumnResizing:!0}),[]);return a.jsx(c,{getData:e,tableLayoutOptions:o})}},k={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{onReorderRows:g,onChangeRowSelection:y}=h(l,d),C=t.useMemo(()=>a.jsx(q,{description:"All relevant data will be displayed and can be searched and filtered",heading:"Start by adding data assets",PrimaryCallToActionComponent:a.jsx(u,{label:"Primary",variant:"primary"}),SecondaryCallToActionComponent:a.jsx(u,{label:"Secondary",variant:"secondary"})}),[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,emptyPlaceholder:C,getData:()=>[],onChangeRowSelection:y,onReorderRows:g,tableLayoutOptions:f})}},j={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y}=h(l,d),C=t.useMemo(()=>[...p,{id:"startLetter",label:"Name starting with...",render:L=>a.jsxs(b,{sx:{display:"flex",flexDirection:"column",alignContent:"stretch",gap:2},children:[a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Vowel",onClick:()=>L({filterId:"startLetter",value:"vowel"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Consonant",onClick:()=>L({filterId:"startLetter",value:"consonant"}),variant:"secondary"})}),a.jsx(b,{sx:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:a.jsx(u,{isFullWidth:!0,label:"Any",onClick:()=>L({filterId:"startLetter",value:"any"}),variant:"secondary"})})]})}],[]),f=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:C,getData:g,onReorderRows:y,tableLayoutOptions:f})}},V={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!0,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g,onReorderRows:y,onChangeRowSelection:C}=h(l,d),f=t.useMemo(()=>[...p.filter(S=>S.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:S=>a.jsxs(b,{children:[a.jsx(u,{label:"🛰️ Vowel",onClick:()=>S({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),a.jsx(u,{label:"🛸 Consonant",onClick:()=>S({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),a.jsx(u,{label:"🤷‍♂️ Any",onClick:()=>S({filterId:"startLetter",value:""}),variant:"secondary"})]})}],[]),L=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:f,getData:g,onChangeRowSelection:C,onReorderRows:y,tableLayoutOptions:L})}},T={args:{hasChangeableDensity:!0,hasColumnResizing:!0,hasColumnVisibility:!1,hasFilters:!0,hasPagination:!1,hasRowSelection:!1,hasSearch:!0,hasSorting:!0,hasRowReordering:!1},render:function({hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r,...i}){const[l,d]=t.useState(m),{getData:g}=h(l,d),y=t.useMemo(()=>[...p,{id:"startLetter",label:"Starting letter",variant:"select",options:[{label:"Vowel",value:"vowel"},{label:"Consonant",value:"consonant"}]}],[]),C=t.useMemo(()=>({columns:p,hasChangeableDensity:e,hasColumnResizing:o,hasColumnVisibility:s,hasSorting:r}),[e,o,s,r]);return a.jsx(c,{...i,filters:y,getData:g,tableLayoutOptions:C})}},z={args:{hasAdditionalActionButton:!0,hasAdditionalActionMenuItems:!0}},B={render:function(){const e=t.useCallback(()=>[{name:"Core engineering access",apps:5,users:10},{name:"Core sales access",apps:8,users:28},{name:"Super user access",apps:3,users:1}],[]),o=t.useMemo(()=>({hasColumnResizing:!0,hasSorting:!0,columns:[{accessorKey:"name",header:"Name",grow:!0},{accessorKey:"apps",header:"Apps"},{accessorKey:"users",header:"Users assigned"}],rowActionMenuItems:G}),[]);return a.jsx(c,{getData:e,hasSearch:!0,tableLayoutOptions:o})}},F={args:{availableLayouts:Y,hasPagination:!0,paginationType:"loadMore",hasFilters:!0}},K={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(l=>{H("onPaginationChange")(l)},[]),i=t.useMemo(()=>({columns:p}),[]);return a.jsx(c,{getData:s,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:i})}},Ra=n=>({overline:"Overline",title:n.name,description:`${n.name} is ${n.age} years old.`,variant:"stack",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),E={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({itemProps:Ra,renderDetailPanel:()=>a.jsx(b,{children:"Details"}),rowActionMenuItems:()=>a.jsx(R,{children:"Test"})}),[]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:r,getData:s})}},fa=n=>({title:n.name,variant:"compact",image:a.jsx("img",{alt:"Logo",src:"https://placehold.co/400"})}),N={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(({row:d})=>d.age%2?a.jsx(b,{children:"Detail content"}):!1,[]),i=t.useCallback(()=>a.jsx(R,{children:"Test"}),[]),l=t.useMemo(()=>({itemProps:fa,renderDetailPanel:r,rowActionMenuItems:i}),[r,i]);return a.jsx(c,{availableLayouts:_,cardLayoutOptions:l,getData:s})}},W={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0}),[]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:r})}},$={render:function(){const[e,o]=t.useState(m),{getData:s}=h(e,o),r=t.useCallback(()=>a.jsx(u,{label:"Action",onClick:D,size:"small",variant:"secondary"}),[]),i=t.useMemo(()=>({columns:[{accessorKey:"order",header:"ID",enableColumnFilter:!1,grow:!0},{accessorKey:"name",header:"Name"},{accessorKey:"city",header:"City"}],hasColumnResizing:!0,rowActionButtons:r}),[r]);return a.jsx(c,{availableLayouts:Y,getData:s,tableLayoutOptions:i})}};var J,Q,X;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  args: {}
+}`,...(X=(Q=w.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,ee,ae;P.parameters={...P.parameters,docs:{...(Z=P.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly
+  }
+}`,...(ae=(ee=P.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,ne,oe;x.parameters={...x.parameters,docs:{...(te=x.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: ["list", "grid"]
+  }
+}`,...(oe=(ne=x.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var se,re,ie;A.parameters={...A.parameters,docs:{...(se=A.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: listLayoutOnly
+  }
+}`,...(ie=(re=A.parameters)==null?void 0:re.docs)==null?void 0:ie.source}}};var le,ue,ce;O.parameters={...O.parameters,docs:{...(le=O.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: gridLayoutOnly
+  }
+}`,...(ce=(ue=O.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,me,he;v.parameters={...v.parameters,docs:{...(de=v.parameters)==null?void 0:de.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"
+  }
+}`,...(he=(me=v.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};var pe,ge,ye;M.parameters={...M.parameters,docs:{...(pe=M.parameters)==null?void 0:pe.docs,source:{originalSource:`{
+  render: function C(args) {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData,
+      onReorderRows,
+      onChangeRowSelection
+    } = useDataCallbacks(data, setData);
+    const renderAdditionalContent = useCallback(({
+      row
+    }: {
+      row: DataTableRowData;
+    }) => {
+      return <Box>This is additional content for row {row.id}</Box>;
+    }, []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: personColumns,
+      renderDetailPanel: renderAdditionalContent
+    }), [renderAdditionalContent]);
+    return <DataView availableLayouts={tableAndGridLayouts} cardLayoutOptions={{
+      itemProps: itemProps,
+      renderDetailPanel: renderAdditionalContent
+    }} getData={getData} hasRowSelection={args.hasRowSelection} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(ye=(ge=M.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var be,Ce,De;I.parameters={...I.parameters,docs:{...(be=I.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  render: function C() {
+    const getData = useCallback(() => {
+      const data: Array<{
+        truncated: string;
+        wrapped: string;
+      }> = [];
+      Array(10).fill(null).forEach(() => {
+        data.push({
+          truncated: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum.",
+          wrapped: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla a quam et vulputate. Phasellus elementum turpis a lacus feugiat bibendum."
+        });
+      }); // Corrected the missing parenthesis here
+      return data;
+    }, []);
+    const tableLayoutOptions = useMemo(() => ({
+      columns: [{
+        accessorKey: "truncated",
+        header: "Truncated"
+      }, {
+        accessorKey: "wrapped",
+        header: "Wrapped",
+        hasTextWrapping: true
+      }],
+      hasColumnResizing: true
+    }), []);
+    return <DataView getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(De=(Ce=I.parameters)==null?void 0:Ce.docs)==null?void 0:De.source}}};var Re,fe,Le;k.parameters={...k.parameters,docs:{...(Re=k.parameters)==null?void 0:Re.docs,source:{originalSource:`{
+  args: {
+    hasChangeableDensity: true,
+    hasColumnResizing: true,
+    hasColumnVisibility: false,
+    hasFilters: true,
+    hasPagination: false,
+    hasRowSelection: true,
+    hasSearch: true,
+    hasSorting: true,
+    hasRowReordering: false
+  },
+  render: function C({
+    hasChangeableDensity,
+    hasColumnResizing,
+    hasColumnVisibility,
+    hasSorting,
+    ...props
+  }) {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      onReorderRows,
+      onChangeRowSelection
+    } = useDataCallbacks(data, setData);
+    const emptyPlaceholder = useMemo(() => <EmptyState description="All relevant data will be displayed and can be searched and filtered" heading="Start by adding data assets" PrimaryCallToActionComponent={<Button label="Primary" variant="primary" />} SecondaryCallToActionComponent={<Button label="Secondary" variant="secondary" />} />, []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: personColumns,
+      hasChangeableDensity: hasChangeableDensity,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} emptyPlaceholder={emptyPlaceholder} getData={() => []} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Le=(fe=k.parameters)==null?void 0:fe.docs)==null?void 0:Le.source}}};var Se,we,Pe;j.parameters={...j.parameters,docs:{...(Se=j.parameters)==null?void 0:Se.docs,source:{originalSource:`{
+  args: {
+    hasChangeableDensity: true,
+    hasColumnResizing: true,
+    hasColumnVisibility: false,
+    hasFilters: true,
+    hasPagination: false,
+    hasRowSelection: false,
+    hasSearch: true,
+    hasSorting: true,
+    hasRowReordering: false
+  },
+  render: function C({
+    hasChangeableDensity,
+    hasColumnResizing,
+    hasColumnVisibility,
+    hasSorting,
+    ...props
+  }) {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData,
+      onReorderRows
+    } = useDataCallbacks(data, setData);
+    const filters = useMemo(() => [...personColumns, {
+      id: "startLetter",
+      label: "Name starting with...",
+      render: (updateFilters: UpdateFiltersOrValues) => <Box sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignContent: "stretch",
+        gap: 2
+      }}>
+              <Box sx={{
+          display: "flex",
+          alignItems: "stretch",
+          flexDirection: "column"
+        }}>
+                <Button isFullWidth label="Vowel" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: "vowel"
+          })} variant="secondary" />
+              </Box>
+              <Box sx={{
+          display: "flex",
+          alignItems: "stretch",
+          flexDirection: "column"
+        }}>
+                <Button isFullWidth label="Consonant" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: "consonant"
+          })} variant="secondary" />
+              </Box>
+              <Box sx={{
+          display: "flex",
+          alignItems: "stretch",
+          flexDirection: "column"
+        }}>
+                <Button isFullWidth label="Any" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: "any"
+          })} variant="secondary" />
+              </Box>
+            </Box>
+    }], []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: personColumns,
+      hasChangeableDensity: hasChangeableDensity,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Pe=(we=j.parameters)==null?void 0:we.docs)==null?void 0:Pe.source}}};var xe,Ae,Oe;V.parameters={...V.parameters,docs:{...(xe=V.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+  args: {
+    hasChangeableDensity: true,
+    hasColumnResizing: true,
+    hasColumnVisibility: false,
+    hasFilters: true,
+    hasPagination: false,
+    hasRowSelection: true,
+    hasSearch: true,
+    hasSorting: true,
+    hasRowReordering: false
+  },
+  render: function C({
+    hasChangeableDensity,
+    hasColumnResizing,
+    hasColumnVisibility,
+    hasSorting,
+    ...props
+  }) {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData,
+      onReorderRows,
+      onChangeRowSelection
+    } = useDataCallbacks(data, setData);
+    const filters = useMemo(() => {
+      // Filter out the column with the id of "type"
+      const filteredPersonColumns = personColumns.filter(column => column.id !== "visit");
+      return [...filteredPersonColumns, {
+        id: "startLetter",
+        label: "Starting letter ",
+        render: (updateFilters: UpdateFiltersOrValues) => <Box>
+              <Button label="🛰️ Vowel" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: "vowel"
+          })} variant="secondary" />
+              <Button label="🛸 Consonant" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: "consonant"
+          })} variant="secondary" />
+              <Button label="🤷‍♂️ Any" onClick={() => updateFilters({
+            filterId: "startLetter",
+            value: ""
+          })} variant="secondary" />
+            </Box>
+      }];
+    }, []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: personColumns,
+      hasChangeableDensity: hasChangeableDensity,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} onChangeRowSelection={onChangeRowSelection} onReorderRows={onReorderRows} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Oe=(Ae=V.parameters)==null?void 0:Ae.docs)==null?void 0:Oe.source}}};var ve,Me,Ie;T.parameters={...T.parameters,docs:{...(ve=T.parameters)==null?void 0:ve.docs,source:{originalSource:`{
+  args: {
+    hasChangeableDensity: true,
+    hasColumnResizing: true,
+    hasColumnVisibility: false,
+    hasFilters: true,
+    hasPagination: false,
+    hasRowSelection: false,
+    hasSearch: true,
+    hasSorting: true,
+    hasRowReordering: false
+  },
+  render: function C({
+    hasChangeableDensity,
+    hasColumnResizing,
+    hasColumnVisibility,
+    hasSorting,
+    ...props
+  }) {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData
+    } = useDataCallbacks(data, setData);
+    const filters = useMemo<DataViewMetaProps["filters"]>(() => {
+      return [...personColumns, {
+        id: "startLetter",
+        label: "Starting letter",
+        variant: "select",
+        options: [{
+          label: "Vowel",
+          value: "vowel"
+        }, {
+          label: "Consonant",
+          value: "consonant"
+        }]
+      }];
+    }, []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: personColumns,
+      hasChangeableDensity: hasChangeableDensity,
+      hasColumnResizing: hasColumnResizing,
+      hasColumnVisibility: hasColumnVisibility,
+      hasSorting: hasSorting
+    }), [hasChangeableDensity, hasColumnResizing, hasColumnVisibility, hasSorting]);
+    return <DataView {...props} filters={filters} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Ie=(Me=T.parameters)==null?void 0:Me.docs)==null?void 0:Ie.source}}};var ke,je,Ve;z.parameters={...z.parameters,docs:{...(ke=z.parameters)==null?void 0:ke.docs,source:{originalSource:`{
+  args: {
+    hasAdditionalActionButton: true,
+    hasAdditionalActionMenuItems: true
+  }
+}`,...(Ve=(je=z.parameters)==null?void 0:je.docs)==null?void 0:Ve.source}}};var Te,ze,Be;B.parameters={...B.parameters,docs:{...(Te=B.parameters)==null?void 0:Te.docs,source:{originalSource:`{
+  render: function C() {
+    const getData = useCallback<() => Privilege[]>(() => [{
+      name: "Core engineering access",
+      apps: 5,
+      users: 10
+    }, {
+      name: "Core sales access",
+      apps: 8,
+      users: 28
+    }, {
+      name: "Super user access",
+      apps: 3,
+      users: 1
+    }], []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Privilege>>(() => ({
+      hasColumnResizing: true,
+      hasSorting: true,
+      columns: [{
+        accessorKey: "name",
+        header: "Name",
+        grow: true
+      }, {
+        accessorKey: "apps",
+        header: "Apps"
+      }, {
+        accessorKey: "users",
+        header: "Users assigned"
+      }],
+      rowActionMenuItems: actionMenuItems
+    }), []);
+    return <DataView getData={getData} hasSearch tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Be=(ze=B.parameters)==null?void 0:ze.docs)==null?void 0:Be.source}}};var Fe,Ke,Ee;F.parameters={...F.parameters,docs:{...(Fe=F.parameters)==null?void 0:Fe.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly,
+    hasPagination: true,
+    paginationType: "loadMore",
+    hasFilters: true
+  }
+}`,...(Ee=(Ke=F.parameters)==null?void 0:Ke.docs)==null?void 0:Ee.source}}};var Ne,We,$e;K.parameters={...K.parameters,docs:{...(Ne=K.parameters)==null?void 0:Ne.docs,source:{originalSource:`{
+  render: function C() {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData
+    } = useDataCallbacks(data, setData);
+    const onPaginationChange = useCallback<Required<DataViewProps<Person>>["onPaginationChange"]>((pagination: {
+      pageIndex: number;
+      pageSize: number;
+    }) => {
+      action("onPaginationChange")(pagination);
+    }, []);
+    const tableLayoutOptions = useMemo(() => ({
+      columns: personColumns
+    }), []);
+    return <DataView getData={getData} hasPagination onPaginationChange={onPaginationChange} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...($e=(We=K.parameters)==null?void 0:We.docs)==null?void 0:$e.source}}};var Ge,Ye,He;E.parameters={...E.parameters,docs:{...(Ge=E.parameters)==null?void 0:Ge.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} />;
+  }
+}`,...(He=(Ye=E.parameters)==null?void 0:Ye.docs)==null?void 0:He.source}}};var qe,_e,Ue;N.parameters={...N.parameters,docs:{...(qe=N.parameters)==null?void 0:qe.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} />;
+  }
+}`,...(Ue=(_e=N.parameters)==null?void 0:_e.docs)==null?void 0:Ue.source}}};var Je,Qe,Xe;W.parameters={...W.parameters,docs:{...(Je=W.parameters)==null?void 0:Je.docs,source:{originalSource:`{
+  render: function C() {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData
+    } = useDataCallbacks(data, setData);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: [{
+        accessorKey: "order",
+        header: "ID",
+        enableColumnFilter: false,
+        grow: true
+      }, {
+        accessorKey: "name",
+        header: "Name"
+      }, {
+        accessorKey: "city",
+        header: "City"
+      }],
+      hasColumnResizing: true
+    }), []);
+    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(Xe=(Qe=W.parameters)==null?void 0:Qe.docs)==null?void 0:Xe.source}}};var Ze,ea,aa;$.parameters={...$.parameters,docs:{...(Ze=$.parameters)==null?void 0:Ze.docs,source:{originalSource:`{
+  render: function C() {
+    const [data, setData] = useState<Person[]>(personData);
+    const {
+      getData
+    } = useDataCallbacks(data, setData);
+    const rowActions = useCallback(() => <Button label="Action" onClick={onClick} size="small" variant="secondary" />, []);
+    const tableLayoutOptions = useMemo<TableLayoutProps<Person>>(() => ({
+      columns: [{
+        accessorKey: "order",
+        header: "ID",
+        enableColumnFilter: false,
+        grow: true
+      }, {
+        accessorKey: "name",
+        header: "Name"
+      }, {
+        accessorKey: "city",
+        header: "City"
+      }],
+      hasColumnResizing: true,
+      rowActionButtons: rowActions
+    }), [rowActions]);
+    return <DataView availableLayouts={tableLayoutOnly} getData={getData} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(aa=(ea=$.parameters)==null?void 0:ea.docs)==null?void 0:aa.source}}};const La=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions"],Ka=Object.freeze(Object.defineProperty({__proto__:null,AdditionalActions:z,ColumnGrowDemo:B,CompactCards:N,CustomFilterWithDefaultVariant:T,CustomFilters:j,Default:w,Empty:k,Everything:v,ExpandableRowsAndCards:M,FilterWithCustomRender:V,GridOnly:O,GrowColumnWithActions:$,GrowColumnWithoutActions:W,ListAndGrid:x,ListOnly:A,LoadMore:F,PaginationHook:K,StackCards:E,TableOnly:P,Truncation:I,__namedExportsOrder:La,default:ma},Symbol.toStringTag,{value:"Module"}));export{Ka as D,w as a};

package/dist/assets/DataView-CHGdxu-Z.js

@@ -0,0 +1,91 @@
+import{u as oe,J as Q,h as I,L as ge,a2 as Ye}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as s}from"./index-NdkWRN8K.js";import{M as K}from"./Box-B-R2QRDU.js";import{M as ee}from"./MenuButton-DvVmjwMC.js";import{M as Ze}from"./Callout-qkeUDNKn.js";import{c as Le}from"./createUniqueId-ByTaVY63.js";import{u as Oe,a as en}from"./useScrollIndication-Dq_i6CX-.js";import{M as nn}from"./EmptyState-FpIKkMpd.js";import{u as sn,M as tn}from"./Pagination-BTycGMV-.js";import{M as an}from"./Typography-B7ktrxCD.js";import{M as on}from"./DataFilters-KxLw7hL5.js";import{M as we}from"./Button-DPUOjyZy.js";import{j as n}from"./jsx-runtime-CnH95YSl.js";import{M as rn}from"./CircularProgress-DxY3QwHW.js";import{M as ln}from"./Card-DL97TZJd.js";import{M as cn}from"./ChevronUp-Br-QC-XK.js";import{C as ve}from"./Checkbox-OauVZWc5.js";import{T as dn}from"./Tooltip-D_pBGtcj.js";import{I as Ae}from"./IconButton-Wwvz84xG.js";import{M as J}from"./MenuItem-DoUaLmgU.js";import{M as mn,a as un,b as Be,c as gn,e as Ee,f as xn,d as bn}from"./List-CNCQEpRl.js";import{d as Fe,a as fn}from"./constants-CGUp4oSR.js";import{u as pn,a as hn}from"./index.esm-XFhSJO0s.js";import{M as Me}from"./More-BgQrTkKM.js";import{M as Cn}from"./Show-DXIrBgNq.js";/*!
+ * 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 yn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),Sn=({data:e,menuItems:l,rowSelection:r,setRowSelection:a})=>{const m=oe(),{t}=Q(),i=Object.values(r).filter(Boolean).length,o=s.useCallback(()=>{const h=Object.fromEntries(e.map(x=>[x.id,!0]));a(h)},[e,a]),g=s.useCallback(()=>{a({})},[a]);return n.jsxs(yn,{odysseyDesignTokens:m,children:[i>0&&n.jsx(ee,{ariaLabel:t("table.actions.arialabel"),buttonLabel:t("table.actions.selectsome",{selectedRowCount:i}),buttonVariant:"primary",endIcon:n.jsx(ge,{}),children:l==null?void 0:l(r)}),n.jsxs(K,{children:[n.jsx(we,{isDisabled:i===e.length,label:t("table.actions.selectall"),onClick:o,variant:"secondary"}),n.jsx(we,{isDisabled:i===0,label:t("table.actions.selectnone"),onClick:g,variant:"secondary"})]})]})},Ne=s.memo(Sn);Ne.displayName="BulkActionsMenu";const wn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginBlockStart:`-${e.Spacing1}`})),Mn=I(Ae)(()=>({visibility:"hidden"})),jn=({children:e,description:l,detailPanel:r,hasSelection:a,image:m,isSelected:t,onSelectionChange:i,overline:o,title:g,variant:h,menuButtonChildren:x})=>{const f=oe(),{t:b}=Q(),C=s.useId(),[c,w]=s.useState(!1),D=s.useMemo(()=>n.jsx(wn,{odysseyDesignTokens:f,children:n.jsx(ve,{checked:t,inputProps:{"aria-labelledby":C},onChange:i})}),[t,f,i,C]),B=s.useMemo(()=>r?n.jsx(dn,{title:b(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:n.jsx(Ae,{"aria-label":b(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:c?n.jsx(cn,{}):n.jsx(ge,{}),onClick:()=>w(!c)})}):n.jsx(Mn,{disabled:!0,children:n.jsx(ge,{})}),[c,r,b]),u=s.useMemo(()=>n.jsxs(n.Fragment,{children:[a&&D,B]}),[B,D,a]);return n.jsx(ln,{__role:"listitem",accessory:u,children:e,description:l,detailPanel:c&&r,image:m,menuButtonChildren:x,overline:o,title:g,titleId:C,variant:h})},Ve=s.memo(jn);Ve.displayName="DataCard";/*!
+ * 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 Tn=({isRowReorderingDisabled:e,row:l,rowActionMenuItems:r,rowIndex:a,totalRows:m,updateRowOrder:t})=>{const{t:i}=Q(),o=l.original?l.original:l,g=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:0})},[o.id,t]),h=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:Math.max(0,a-1)})},[o.id,a,t]),x=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:a+1})},[o.id,a,t]),f=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:m?m-1:a})},[o.id,a,m,t]);return n.jsxs(n.Fragment,{children:[r&&r(o),r&&t&&n.jsx("hr",{}),t&&n.jsxs(n.Fragment,{children:[n.jsxs(J,{isDisabled:a<=0||e,onClick:g,children:[n.jsx(mn,{})," ",i("table.reorder.tofront")]}),n.jsxs(J,{isDisabled:a<=0||e,onClick:h,children:[n.jsx(un,{})," ",i("table.reorder.forward")]}),n.jsxs(J,{isDisabled:(m?a>=m-1:!1)||e,onClick:x,children:[n.jsx(Be,{})," ",i("table.reorder.backward")]}),m&&n.jsxs(J,{isDisabled:a>=m-1||e,onClick:f,children:[n.jsx(gn,{})," ",i("table.reorder.toback")]})]})]})},je=s.memo(Tn);je.displayName="RowActions";/*!
+ * 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 In=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="currentLayout"&&e!=="maxGridColumns"})(({odysseyDesignTokens:e,currentLayout:l,maxGridColumns:r})=>({display:l==="list"?"flex":"grid",flexDirection:"column",columnGap:e.Spacing5,...l==="grid"&&{"@media (max-width: 720px)":{gridTemplateColumns:"repeat(1, 1fr)"},"@media (min-width: 720px) and (max-width: 960px)":{gridTemplateColumns:"repeat(2, 1fr)"},"@media (min-width: 960px)":{gridTemplateColumns:`repeat(${r}, 1fr)`}}})),Dn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",paddingBlock:e.Spacing5})),kn=({cardLayoutOptions:e,currentIndex:l,handleRowSelectionChange:r,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:t,onReorderRows:i,row:o,rowReorderingUtilities:g,rowSelection:h,totalRows:x})=>{const{overline:f,title:b,description:C,image:c,children:w,variant:D}=e.itemProps(o),B=s.useCallback(()=>r(o),[r,o]),u=s.useMemo(()=>{var z;return(z=e.renderDetailPanel)==null?void 0:z.call(e,{row:o})},[e,o]),p=s.useMemo(()=>e.rowActionMenuItems||a?n.jsx(je,{isRowReorderingDisabled:t,row:o,rowActionMenuItems:e.rowActionMenuItems,rowIndex:l,totalRows:x,updateRowOrder:a&&i?g.updateRowOrder:void 0}):null,[e.rowActionMenuItems,l,a,t,i,o,g,x]);return n.jsx(Ve,{children:w,description:C,detailPanel:u,hasSelection:m,image:c,isSelected:h[o.id]??!1,menuButtonChildren:p,onSelectionChange:B,overline:f,title:b,variant:D},o.id)},He=s.memo(kn);He.displayName="RowDataCard";const zn=({currentLayout:e,data:l,emptyState:r,hasRowReordering:a,hasRowSelection:m,isEmpty:t,isLoading:i,isNoResults:o,isRowReorderingDisabled:g,onReorderRows:h,pagination:x,rowReorderingUtilities:f,rowSelection:b,setRowSelection:C,cardLayoutOptions:c,totalRows:w})=>{const D=oe(),B=s.useCallback(u=>{C(p=>Object.fromEntries(u.id in p?Object.entries(p).filter(([z])=>z!==u.id):Object.entries(p).concat([[u.id,!0]])))},[C]);return n.jsx(K,{children:i?n.jsx(Dn,{odysseyDesignTokens:D,children:n.jsx(rn,{})}):n.jsx(n.Fragment,{children:!l||l.length===0||t||o?n.jsx(K,{children:r}):n.jsx(In,{currentLayout:e,maxGridColumns:c.maxGridColumns??3,odysseyDesignTokens:D,role:"list",children:l.map((u,p)=>{const z=p+(x.pageIndex-1)*x.pageSize;return n.jsx(He,{cardLayoutOptions:c,currentIndex:z,handleRowSelectionChange:B,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:g,onReorderRows:h,row:u,rowReorderingUtilities:f,rowSelection:b,totalRows:w},u.id)})})})})},We=s.memo(zn);We.displayName="CardLayoutContent";/*!
+ * 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 vn=async({dataQueryParams:e,errorMessageProp:l,getData:r,setData:a,setErrorMessage:m,setIsLoading:t})=>{t==null||t(!0),m(l);try{const i=await(r==null?void 0:r(e));a(i)}catch(i){m(typeof i=="string"?i:Ye("table.error"))}finally{t==null||t(!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 An=({availableLayouts:e,currentLayout:l,setCurrentLayout:r})=>{const{t:a}=Q(),m=s.useCallback(i=>{r(i)},[r]),t=s.useMemo(()=>e.map(i=>({value:i,onClick:()=>m(i),label:a(`dataview.layout.${i}`)})),[e,m,a]);return n.jsx(ee,{ariaLabel:a("dataview.layout.arialabel"),buttonLabel:a(`dataview.layout.${l}`),menuAlignment:"right",shouldCloseOnSelect:!1,children:t.map(({value:i,onClick:o,label:g})=>n.jsx(J,{isSelected:l===i,onClick:o,children:g},i))})},Pe=s.memo(An);Pe.displayName="LayoutSwitcher";/*!
+ * 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 Bn={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"},En={"mrt-row-drag":{header:"",muiTableBodyCellProps:{sx:{minWidth:0,width:"auto"},className:"ods-drag-handle"},muiTableHeadCellProps:{sx:{minWidth:0,width:"auto"},children:n.jsx(K,{sx:{marginInline:"-0.1rem"},children:n.jsx(Ee,{sx:{marginInline:1,opacity:0}})})}},"mrt-row-select":{muiTableHeadCellProps:{padding:"checkbox"},muiTableBodyCellProps:{padding:"checkbox"}},"mrt-row-expand":{header:"",muiTableBodyCellProps:{sx:{overflow:"visible"}}}},Fn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isScrollableStart"&&e!=="isScrollableEnd"})(({odysseyDesignTokens:e,isScrollableStart:l,isScrollableEnd:r})=>({marginBlockEnd:e.Spacing4,position:"relative",borderInlineStartColor:l?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:l?"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:r?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:r?"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 Nn=I("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Vn=I("div")({display:"flex"}),Hn=({columns:e,data:l,draggingRow:r,emptyState:a,enableVirtualization:m,getRowId:t,hasRowReordering:i,hasRowSelection:o,isEmpty:g,isLoading:h,isNoResults:x,isRowReorderingDisabled:f,onReorderRows:b,pagination:C,rowReorderingUtilities:c,rowSelection:w,setRowSelection:D,setTableState:B,tableLayoutOptions:u,tableState:p,totalRows:z})=>{const[ne,U]=s.useState(!0),[se,xe]=s.useState(!0),[ie,R]=s.useState("100%"),X=s.useRef(!1),$=s.useRef(null),V=s.useRef(null),H=s.useRef(null);Oe({setIsTableContainerScrolledToEnd:xe,setIsTableContainerScrolledToStart:U,setTableInnerContainerWidth:R,tableInnerContainer:V.current,tableOuterContainer:$.current});const F=oe(),{t:M}=Q(),Y=s.useMemo(()=>e.map(d=>d.accessorKey)??[],[e]),re=s.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(Y==null?void 0:Y.filter(d=>typeof d=="string"))||[],"mrt-row-actions"],[Y]),j=s.useMemo(()=>p.rowDensity==="spacious"?"MuiTableBody-spacious":p.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[p]),G=s.useCallback(({cell:d})=>{const y=d.getValue();return d.column.columnDef.hasTextWrapping||d.column.columnDef.enableWrapping?y:n.jsx(Nn,{children:y})},[]),{draggableTableBodyRowClassName:be,dragHandleStyles:fe,dragHandleText:Z,handleDragHandleKeyDown:_,handleDragHandleOnDragCapture:k,handleDragHandleOnDragEnd:E,resetDraggingAndHoveredRow:pe,updateRowOrder:v}=c,le=s.useCallback(({row:d})=>{var A;const y=d.index+(C.pageIndex-1)*C.pageSize;return n.jsxs(Vn,{children:[(A=u.rowActionButtons)==null?void 0:A.call(u,d.original),(u.rowActionMenuItems||i)&&n.jsx(ee,{ariaLabel:M("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:n.jsx(Me,{}),menuAlignment:"right",size:"small",children:n.jsx(je,{isRowReorderingDisabled:f,row:d,rowActionMenuItems:u.rowActionMenuItems,rowIndex:y,totalRows:z,updateRowOrder:i&&b?v:void 0})})]})},[i,f,b,C.pageIndex,C.pageSize,M,u,z,v]),te=s.useMemo(()=>({width:ie}),[ie]),ce=s.useCallback(()=>n.jsx(K,{sx:te,children:a}),[te,a]);s.useEffect(()=>{m&&(X.current=!0)},[m,C]),s.useEffect(()=>{var d,y;X.current&&H.current&&typeof((d=V.current)==null?void 0:d.scrollTo)<"u"&&((y=V.current)==null||y.scrollTo(0,H.current.clientHeight),X.current=!1)},[l]);const W=s.useMemo(()=>!!(i===!0&&b||u.rowActionButtons||u.rowActionMenuItems),[i,b,u.rowActionButtons,u.rowActionMenuItems]),ae=e.some(d=>d.grow===!0),L=pn({data:!g&&!x?l:[],columns:e,getRowId:t,state:{sorting:p.columnSorting,columnVisibility:p.columnVisibility,isLoading:h,rowSelection:w,columnOrder:re},icons:{ArrowDownwardIcon:Be,DragHandleIcon:Ee,SyncAltIcon:xn,ExpandMoreIcon:ge},...Bn,displayColumnDefOptions:{...En,"mrt-row-actions":{header:"",grow:!ae,muiTableBodyCellProps:{align:"right",sx:{overflow:"visible",width:"unset"},className:"ods-actions-cell"},muiTableHeadCellProps:{align:"right",sx:{width:"unset"},className:"ods-actions-cell",children:n.jsxs(K,{sx:{display:"flex",visibility:"hidden"},children:[u.rowActionButtons&&u.rowActionButtons(),(i===!0&&b||u.rowActionMenuItems)&&n.jsx(K,{children:n.jsx(we,{ariaLabel:M("table.moreactions.arialabel"),endIcon:n.jsx(Me,{}),isDisabled:!0,size:"small",variant:"floating"})})]})}}},muiTableProps:{ref:H,className:!W&&u.hasColumnResizing?ae?"ods-hide-spacer-column":"ods-hide-spacer-column ods-column-grow":""},muiTableContainerProps:{ref:V},muiTableBodyProps:()=>({className:j,tabIndex:0,sx:g||x?{height:"unset"}:void 0}),enableColumnResizing:u.hasColumnResizing,defaultColumn:{Cell:G},enableRowActions:!!(i===!0&&b||u.rowActionButtons||u.rowActionMenuItems),renderRowActions:({row:d})=>le({row:d}),enableRowOrdering:i&&!!b,enableRowDragging:i&&!!b,muiDetailPanelProps:({row:d})=>({sx:{paddingBlock:d.getIsExpanded()?`${F.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:d,row:y,isDetailPanel:A})=>{var P;return{className:be({currentRowId:y.id,draggingRowId:r==null?void 0:r.id,hoveredRowId:(P=d.getState().hoveredRow)==null?void 0:P.id}),sx:A?{paddingBlock:"0 !important",border:0,"&:hover":{backgroundColor:`${F.HueNeutralWhite} !important`}}:{}}},muiRowDragHandleProps:({table:d,row:y})=>({onKeyDown:A=>_({table:d,row:y,event:A}),onBlur:()=>pe(d),onDragEnd:()=>E(d),onDragCapture:()=>k(d),disabled:f,sx:fe,...Z}),renderDetailPanel:u.renderDetailPanel,enableRowVirtualization:m,muiTableHeadCellProps:({column:d})=>({className:p.columnSorting.find(y=>y.id===d.id)?"isSorted":"isUnsorted"}),muiTableBodyCellProps:({column:d})=>({className:d.getIsResizing()?"isResizing":""}),enableSorting:u.hasSorting===!0,onSortingChange:d=>{const y=typeof d=="function"?d(p.columnSorting):p.columnSorting;B(A=>({...A,columnSorting:y}))},enableRowSelection:o,onRowSelectionChange:D,renderEmptyRowsFallback:ce,localization:{collapse:M("table.rowexpansion.collapse"),collapseAll:M("table.rowexpansion.collapseall"),expand:M("table.rowexpansion.expand"),expandAll:M("table.rowexpansion.expandall")}});return n.jsx(Fn,{isScrollableEnd:!se,isScrollableStart:!ne,odysseyDesignTokens:F,ref:$,children:n.jsx(hn,{table:L})})},Ke=s.memo(Hn);Ke.displayName="TableLayoutContent";const Wn=({setTableState:e,tableLayoutOptions:l,tableState:r})=>{const{t:a}=Q(),{hasChangeableDensity:m,hasColumnVisibility:t,columns:i}=l,{rowDensity:o,columnVisibility:g}=r,h=s.useCallback(c=>{e(w=>({...w,rowDensity:c}))},[e]),x=s.useCallback(c=>{e(w=>({...w,columnVisibility:{...w.columnVisibility,[c]:w.columnVisibility?w.columnVisibility[c]===!1:!1}}))},[e]),f=s.useMemo(()=>new Set(i.filter(c=>g?g[c.accessorKey]!==!1:!0).map(c=>c.accessorKey)),[i,g]),b=s.useMemo(()=>m&&n.jsx(ee,{ariaLabel:a("table.density.arialabel"),endIcon:n.jsx(bn,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:Fe.map(c=>n.jsx(J,{isSelected:o===c,onClick:()=>h(c),children:a(`table.density.${c}`)},c))}),[m,a,o,h]),C=s.useMemo(()=>t&&n.jsx(ee,{ariaLabel:a("table.columnvisibility.arialabel"),endIcon:n.jsx(Cn,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:i.filter(c=>c.enableHiding!==!1).map(c=>n.jsxs(J,{onClick:()=>x(c.id),children:[n.jsx(ve,{checked:f.has(c.id)}),c.header]},c.accessorKey))}),[t,a,i,x,f]);return n.jsxs(n.Fragment,{children:[b,C]})},Ue=s.memo(Wn);Ue.displayName="TableSettings";/*!
+ * 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 Pn=({columns:e,filters:l})=>{const r=s.useCallback(t=>t==null?void 0:t.map(i=>typeof i=="string"?{label:i,value:i}:{label:i.label??i.value,value:i.value??i.label}),[]),a=s.useCallback(t=>t.enableColumnFilter!==!1&&t.accessorKey?{id:t.accessorKey,label:t.header,variant:t.filterVariant,options:r(t.filterSelectOptions)}:null,[r]);return s.useMemo(()=>(l||e||[]).reduce((i,o)=>{if(typeof o=="string"){const g=e==null?void 0:e.find(x=>x.accessorKey===o),h=g&&a(g);return h?i.concat(h):i}if("accessorKey"in o){const g=a(o);return g?i.concat(g):i}return"label"in o?i.concat(o):i},[]),[e,a,l])};/*!
+ * 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 Kn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4})),Un=I("div")(()=>({display:"flex",justifyContent:"space-between"})),$n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",justifyContent:"flex-end",gap:e.Spacing2})),Gn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing2})),_n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginInlineEnd:e.Spacing2})),qn=({additionalActionButton:e,additionalActionMenuItems:l,availableLayouts:r=fn,bulkActionMenuItems:a,currentPage:m=1,emptyPlaceholder:t,enableVirtualization:i,errorMessage:o,filters:g,getData:h,getRowId:x,hasFilters:f,hasPagination:b,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,hasSearch:D,hasSearchSubmitButton:B,hasRowReordering:u,hasRowSelection:p,initialLayout:z,isEmpty:ne,isLoading:U,isNoResults:se,isPaginationMoreDisabled:xe,isRowReorderingDisabled:ie,metaText:R,noResultsPlaceholder:X,onChangeRowSelection:$,onReorderRows:V,onRowSelectionChange:H,paginationType:F="paged",resultsPerPage:M=20,searchDelayTime:Y,cardLayoutOptions:re,tableLayoutOptions:j,totalRows:G,maxPages:be,maxResultsPerPage:fe,onPaginationChange:Z})=>{const _=oe(),{t:k}=Q(),[E,pe]=s.useState(z??r[0]),[v,le]=s.useState([]),[te,ce]=s.useState(U??!0),[W,ae]=s.useState(ne??!0),[L,d]=s.useState(se??!1),[y,A]=s.useState(o),[P,$e]=s.useState(""),[de,Ge]=s.useState(g),[me,_e]=s.useState(g),[he,qe]=s.useState(),[q,Ce]=s.useState({});s.useEffect(()=>{$==null||$(q)},[q,$]),s.useEffect(()=>{H==null||H(q)},[q,H]);const[S,ye]=s.useState({pageIndex:m,pageSize:M}),[N,Te]=s.useState({columnSorting:[],columnVisibility:{},rowDensity:(j==null?void 0:j.initialDensity)??Fe[0]}),Se=D||f||e||l,O=Pn({filters:me,columns:j==null?void 0:j.columns});s.useEffect(()=>{!de&&O&&Ge(O)},[O,de]);const Ie=s.useMemo(()=>({page:S.pageIndex,resultsPerPage:S.pageSize,search:P,filters:O,sort:N==null?void 0:N.columnSorting}),[S.pageIndex,S.pageSize,P,O,N==null?void 0:N.columnSorting]),De=s.useCallback((T,Re,Xe)=>x?x(T,Re,Xe):T.id?T.id:Le(),[x]);s.useEffect(()=>{ye({pageIndex:m,pageSize:M})},[m,M]),s.useEffect(()=>{ye(T=>({pageIndex:1,pageSize:F=="loadMore"?M:T.pageSize}))},[me,F,M,P]),s.useEffect(()=>{Z==null||Z(S)},[Z,S]),s.useEffect(()=>{vn({dataQueryParams:Ie,errorMessageProp:o,getData:h,setData:le,setErrorMessage:A,setIsLoading:U?void 0:ce})},[Ie,o,h,U]),s.useEffect(()=>{ae(S.pageIndex===m&&S.pageSize===M&&P===""&&(!f||me===de)&&v.length===0)},[m,v,me,f,de,S,M,P]),s.useEffect(()=>{ce(T=>U??T)},[U]),s.useEffect(()=>{ae(T=>ne??T)},[ne]),s.useEffect(()=>{d(T=>se??T)},[se]);const ke=s.useMemo(()=>{const T=X||n.jsx(nn,{description:k("table.noresults.text"),heading:k("table.noresults.heading")});if(W)return t||T;if(L)return T},[X,k,W,L,t]),ue=s.useMemo(()=>(R||E==="table"&&j||r.length>1||e||l)&&n.jsxs(Gn,{odysseyDesignTokens:_,children:[R&&n.jsx(_n,{odysseyDesignTokens:_,children:n.jsx(an,{color:"textSecondary",children:R})}),E==="table"&&j&&n.jsx(Ue,{setTableState:Te,tableLayoutOptions:j,tableState:N}),r.length>1&&n.jsx(Pe,{availableLayouts:r,currentLayout:E,setCurrentLayout:pe}),e,l&&n.jsx(ee,{ariaLabel:k("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:n.jsx(Me,{}),menuAlignment:"right",children:l})]}),[e,l,r,E,R,_,j,N,k]),Je=s.useMemo(()=>i??F==="loadMore",[i,F]),{lastRow:Qe}=sn({currentRowsCount:v.length,pageIndex:S.pageIndex,pageSize:S.pageSize,totalRows:G}),ze=en({totalRows:G,onReorderRows:V,data:v,setData:le,draggingRow:he,setDraggingRow:qe,resultsPerPage:S.pageSize,page:S.pageIndex});return n.jsxs(Kn,{odysseyDesignTokens:_,children:[y&&n.jsx(K,{children:n.jsx(Ze,{severity:"error",text:y})}),Se&&n.jsx(on,{additionalActions:ue,filters:f?O:void 0,hasSearchSubmitButton:B,isDisabled:W,onChangeFilters:f?_e:void 0,onChangeSearch:D?$e:void 0,searchDelayTime:Y}),(a||p)&&n.jsxs(Un,{children:[n.jsx(Ne,{data:v,menuItems:a,rowSelection:q,setRowSelection:Ce}),!Se&&ue]}),!Se&&!a&&!p&&ue&&n.jsx($n,{odysseyDesignTokens:_,children:ue}),E==="table"&&j&&n.jsx(Ke,{columns:j.columns,data:v,draggingRow:he,emptyState:ke,enableVirtualization:Je,getRowId:x||De,hasRowReordering:u,hasRowSelection:p,isEmpty:W,isLoading:te,isNoResults:L,isRowReorderingDisabled:ie,onReorderRows:V,pagination:S,rowReorderingUtilities:ze,rowSelection:q,setRowSelection:Ce,setTableState:Te,tableLayoutOptions:j,tableState:N,totalRows:G}),(E==="list"||E==="grid")&&re&&n.jsx(We,{cardLayoutOptions:re,currentLayout:E,data:v,draggingRow:he,emptyState:ke,getRowId:x||De,hasRowReordering:u,hasRowSelection:p,isEmpty:W,isLoading:te,isNoResults:L,isRowReorderingDisabled:ie,onReorderRows:V,pagination:S,rowReorderingUtilities:ze,rowSelection:q,setRowSelection:Ce,totalRows:G}),b&&n.jsx(tn,{currentPageLabel:k("pagination.page"),currentRowsCount:v.length,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,isDisabled:W,isMoreDisabled:xe,lastRow:Qe,loadMoreLabel:k("pagination.loadmore"),maxPageIndex:be,maxPageSize:fe,nextLabel:k("pagination.next"),onPaginationChange:ye,pageIndex:S.pageIndex,pageSize:S.pageSize,previousLabel:k("pagination.previous"),rowsPerPageLabel:k("pagination.rowsperpage"),totalRows:G,variant:F})]})},Jn=s.memo(qn);Jn.displayName="DataView";export{Jn as M};