@okta/odyssey-react-mui 1.44.0 → 1.45.0

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

@@ -0,0 +1,438 @@
+import{j as a}from"./jsx-runtime-CnH95YSl.js";import{a as ta}from"./index-B885ELRa.js";import{f as na}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{d as m,c as p,f as oa,r as sa}from"./personData-Ci-ru1S9.js";import{d as ra,a as _,M as c}from"./DataView-BQBP0FCs.js";import{p as ia}from"./constants-CyailK6t.js";import{M as la,a as ua}from"./Refresh-CPgGX1hz.js";import{M as b}from"./Box-BXOPvc0Q.js";import{M as H}from"./EmptyState-DQoihCwU.js";import{M as u}from"./Button-BOzIr8Jh.js";import{M as R}from"./MenuItem-CuP47MJ-.js";import{M as ca}from"./Status-BYBMXN_H.js";const da={component:c,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:_},availableLayouts:{control:"check",options:_},columns:{name:"tableLayoutOptions.columns"},initialDensity:{control:"select",options:ra,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?pa:void 0,additionalActionMenuItems:e.hasAdditionalActionMenuItems?ga:void 0,availableLayouts:e.availableLayouts,bulkActionMenuItems:e.hasActionMenuItems?G:void 0,cardLayoutOptions:{itemProps:aa,rowActionMenuItems:e.hasActionMenuItems?G:void 0,maxGridColumns:e.maxGridColumns},currentPage:e.currentPage,emptyPlaceholder:e.hasCustomEmptyPlaceholder?ba: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?Ca: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?ya:void 0,renderDetailPanel:void 0,hasColumnVisibility:e.hasColumnVisibility,hasColumnResizing:e.hasColumnResizing,hasChangeableDensity:e.hasChangeableDensity,initialDensity:e.initialDensity},totalRows:e.totalRows})}},D=ta("onClick"),Y=["table"],q=["list"],ma=["grid"],ha=["table","grid"],h=(n,e)=>{const o=t.useCallback(({...i})=>oa({data:n,...i}),[n]),s=t.useCallback(({...i})=>{const l=sa({data:n,...i});e(l)},[n,e]),r=t.useCallback(i=>{Object.keys(i).length>0&&console.log(`${Object.keys(i).length} selected`)},[]);return{getData:o,onReorderRows:s,onChangeRowSelection:r}},pa=a.jsx(u,{label:"Add widget",variant:"primary"}),ga=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"})]}),ya=()=>a.jsxs(b,{sx:{display:"flex",alignItems:"center",marginInlineEnd:2},children:[a.jsx(u,{ariaLabel:"Pause",endIcon:a.jsx(la,{}),onClick:D,size:"small",variant:"floating"}),a.jsx(u,{ariaLabel:"Refresh",endIcon:a.jsx(ua,{}),onClick:D,size:"small",variant:"floating"})]}),ba=a.jsx(H,{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"})}),Ca=a.jsx(H,{description:"You should try searching or filtering for something else.",heading:"Whoops, there's nothing here!"}),aa=n=>({overline:`${n.city}, ${n.state}`,title:n.name,description:`${n.name} is ${n.age} years old.`,children:a.jsx(ca,{label:n.risk.charAt(0).toUpperCase()+n.risk.slice(1),severity:n.risk==="low"?"success":n.risk==="medium"?"warning":"error"})}),S={args:{}},P={args:{availableLayouts:Y}},x={args:{availableLayouts:["list","grid"]}},A={args:{availableLayouts:q}},v={args:{availableLayouts:ma}},O={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:ha,cardLayoutOptions:{itemProps:aa,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(H,{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(w=>w.id!=="visit"),{id:"startLetter",label:"Starting letter ",render:w=>a.jsxs(b,{children:[a.jsx(u,{label:"🛰️ Vowel",onClick:()=>w({filterId:"startLetter",value:"vowel"}),variant:"secondary"}),a.jsx(u,{label:"🛸 Consonant",onClick:()=>w({filterId:"startLetter",value:"consonant"}),variant:"secondary"}),a.jsx(u,{label:"🤷‍♂️ Any",onClick:()=>w({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=>{console.log(l)},[]),i=t.useMemo(()=>({columns:p}),[]);return a.jsx(c,{getData:s,hasPagination:!0,onPaginationChange:r,tableLayoutOptions:i})}},Da=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:Da,renderDetailPanel:()=>a.jsx(b,{children:"Details"}),rowActionMenuItems:()=>a.jsx(R,{children:"Test"})}),[]);return a.jsx(c,{availableLayouts:q,cardLayoutOptions:r,getData:s})}},Ra=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:Ra,renderDetailPanel:r,rowActionMenuItems:i}),[r,i]);return a.jsx(c,{availableLayouts:q,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 U,J,Q;S.parameters={...S.parameters,docs:{...(U=S.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {}
+}`,...(Q=(J=S.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,ee;P.parameters={...P.parameters,docs:{...(X=P.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly
+  }
+}`,...(ee=(Z=P.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ae,te,ne;x.parameters={...x.parameters,docs:{...(ae=x.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: ["list", "grid"]
+  }
+}`,...(ne=(te=x.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var oe,se,re;A.parameters={...A.parameters,docs:{...(oe=A.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: listLayoutOnly
+  }
+}`,...(re=(se=A.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var ie,le,ue;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: gridLayoutOnly
+  }
+}`,...(ue=(le=v.parameters)==null?void 0:le.docs)==null?void 0:ue.source}}};var ce,de,me;O.parameters={...O.parameters,docs:{...(ce=O.parameters)==null?void 0:ce.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"
+  }
+}`,...(me=(de=O.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var he,pe,ge;M.parameters={...M.parameters,docs:{...(he=M.parameters)==null?void 0:he.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} />;
+  }
+}`,...(ge=(pe=M.parameters)==null?void 0:pe.docs)==null?void 0:ge.source}}};var ye,be,Ce;I.parameters={...I.parameters,docs:{...(ye=I.parameters)==null?void 0:ye.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} />;
+  }
+}`,...(Ce=(be=I.parameters)==null?void 0:be.docs)==null?void 0:Ce.source}}};var De,Re,fe;k.parameters={...k.parameters,docs:{...(De=k.parameters)==null?void 0:De.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} />;
+  }
+}`,...(fe=(Re=k.parameters)==null?void 0:Re.docs)==null?void 0:fe.source}}};var Le,we,Se;j.parameters={...j.parameters,docs:{...(Le=j.parameters)==null?void 0:Le.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} />;
+  }
+}`,...(Se=(we=j.parameters)==null?void 0:we.docs)==null?void 0:Se.source}}};var Pe,xe,Ae;V.parameters={...V.parameters,docs:{...(Pe=V.parameters)==null?void 0:Pe.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} />;
+  }
+}`,...(Ae=(xe=V.parameters)==null?void 0:xe.docs)==null?void 0:Ae.source}}};var ve,Oe,Me;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} />;
+  }
+}`,...(Me=(Oe=T.parameters)==null?void 0:Oe.docs)==null?void 0:Me.source}}};var Ie,ke,je;z.parameters={...z.parameters,docs:{...(Ie=z.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
+  args: {
+    hasAdditionalActionButton: true,
+    hasAdditionalActionMenuItems: true
+  }
+}`,...(je=(ke=z.parameters)==null?void 0:ke.docs)==null?void 0:je.source}}};var Ve,Te,ze;B.parameters={...B.parameters,docs:{...(Ve=B.parameters)==null?void 0:Ve.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} />;
+  }
+}`,...(ze=(Te=B.parameters)==null?void 0:Te.docs)==null?void 0:ze.source}}};var Be,Fe,Ke;F.parameters={...F.parameters,docs:{...(Be=F.parameters)==null?void 0:Be.docs,source:{originalSource:`{
+  args: {
+    availableLayouts: tableLayoutOnly,
+    hasPagination: true,
+    paginationType: "loadMore",
+    hasFilters: true
+  }
+}`,...(Ke=(Fe=F.parameters)==null?void 0:Fe.docs)==null?void 0:Ke.source}}};var Ee,Ne,We;K.parameters={...K.parameters,docs:{...(Ee=K.parameters)==null?void 0:Ee.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;
+    }) => {
+      console.log(pagination);
+    }, []);
+    const tableLayoutOptions = useMemo(() => ({
+      columns: personColumns
+    }), []);
+    return <DataView getData={getData} hasPagination onPaginationChange={onPaginationChange} tableLayoutOptions={tableLayoutOptions} />;
+  }
+}`,...(We=(Ne=K.parameters)==null?void 0:Ne.docs)==null?void 0:We.source}}};var $e,Ge,Ye;E.parameters={...E.parameters,docs:{...($e=E.parameters)==null?void 0:$e.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} />;
+  }
+}`,...(Ye=(Ge=E.parameters)==null?void 0:Ge.docs)==null?void 0:Ye.source}}};var He,qe,_e;N.parameters={...N.parameters,docs:{...(He=N.parameters)==null?void 0:He.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} />;
+  }
+}`,...(_e=(qe=N.parameters)==null?void 0:qe.docs)==null?void 0:_e.source}}};var Ue,Je,Qe;W.parameters={...W.parameters,docs:{...(Ue=W.parameters)==null?void 0:Ue.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} />;
+  }
+}`,...(Qe=(Je=W.parameters)==null?void 0:Je.docs)==null?void 0:Qe.source}}};var Xe,Ze,ea;$.parameters={...$.parameters,docs:{...(Xe=$.parameters)==null?void 0:Xe.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} />;
+  }
+}`,...(ea=(Ze=$.parameters)==null?void 0:Ze.docs)==null?void 0:ea.source}}};const fa=["Default","TableOnly","ListAndGrid","ListOnly","GridOnly","Everything","ExpandableRowsAndCards","Truncation","Empty","CustomFilters","FilterWithCustomRender","CustomFilterWithDefaultVariant","AdditionalActions","ColumnGrowDemo","LoadMore","PaginationHook","StackCards","CompactCards","GrowColumnWithoutActions","GrowColumnWithActions"],za=Object.freeze(Object.defineProperty({__proto__:null,AdditionalActions:z,ColumnGrowDemo:B,CompactCards:N,CustomFilterWithDefaultVariant:T,CustomFilters:j,Default:S,Empty:k,Everything:O,ExpandableRowsAndCards:M,FilterWithCustomRender:V,GridOnly:v,GrowColumnWithActions:$,GrowColumnWithoutActions:W,ListAndGrid:x,ListOnly:A,LoadMore:F,PaginationHook:K,StackCards:E,TableOnly:P,Truncation:I,__namedExportsOrder:fa,default:da},Symbol.toStringTag,{value:"Module"}));export{za as D,S as a};

package/dist/assets/DataView-BQBP0FCs.js

@@ -0,0 +1,101 @@
+import{n as I}from"./createTheme-BmPXDA4p.js";import{r as s}from"./index-NdkWRN8K.js";import{M as K}from"./Box-BXOPvc0Q.js";import{M as Ye}from"./Callout-CaNoXhaj.js";import{c as Ze}from"./createUniqueId-ByTaVY63.js";import{u as Le,a as Oe}from"./useScrollIndication-BJW9jXaC.js";import{M as en}from"./EmptyState-DQoihCwU.js";import{u as oe}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{M as nn}from"./Typography-CiNRLenM.js";import{M as sn}from"./DataFilters-DVey1xPT.js";import{j as n}from"./jsx-runtime-CnH95YSl.js";import{u as J}from"./useTranslation-vEf1lqoc.js";import{M as ee}from"./MenuButton-OjJFnmOD.js";import{M as ge}from"./ChevronDown-BnAWuc8V.js";import{M as we}from"./Button-BOzIr8Jh.js";import{M as tn}from"./CircularProgress-Ur28_31H.js";import{M as an}from"./Card-B5eIV1vH.js";import{M as on}from"./ChevronUp-B9JV-jmd.js";import{C as ve}from"./Checkbox-luq82K1t.js";import{T as rn}from"./Tooltip-B4GIR2eB.js";import{I as Ae}from"./IconButton-CK9Do7vj.js";import{M as Q}from"./MenuItem-CuP47MJ-.js";import{M as ln,a as cn,b as Be,c as dn,e as Ee,f as mn,d as un}from"./List-0o0OI1E9.js";import{t as gn}from"./i18next-DbMy2do-.js";import{u as bn,a as fn}from"./index.esm-D7MwfoQM.js";import{M as Me}from"./More-axx2rGKU.js";import{M as xn}from"./Show-qQzUH4Sq.js";import{u as pn,M as hn}from"./Pagination-CgxBDBwQ.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 Cn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),yn=({data:e,menuItems:l,rowSelection:r,setRowSelection:a})=>{const m=oe(),{t}=J(),i=Object.values(r).filter(Boolean).length,o=s.useCallback(()=>{const h=Object.fromEntries(e.map(b=>[b.id,!0]));a(h)},[e,a]),g=s.useCallback(()=>{a({})},[a]);return n.jsxs(Cn,{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"})]})]})},Fe=s.memo(yn);Fe.displayName="BulkActionsMenu";const Sn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginBlockStart:`-${e.Spacing1}`})),wn=I(Ae)(()=>({visibility:"hidden"})),Mn=({children:e,description:l,detailPanel:r,hasSelection:a,image:m,isSelected:t,onSelectionChange:i,overline:o,title:g,variant:h,menuButtonChildren:b})=>{const x=oe(),{t:f}=J(),C=s.useId(),[c,w]=s.useState(!1),D=s.useMemo(()=>n.jsx(Sn,{odysseyDesignTokens:x,children:n.jsx(ve,{checked:t,inputProps:{"aria-labelledby":C},onChange:i})}),[t,x,i,C]),B=s.useMemo(()=>r?n.jsx(rn,{title:f(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:n.jsx(Ae,{"aria-label":f(c?"table.rowexpansion.collapse":"table.rowexpansion.expand"),children:c?n.jsx(on,{}):n.jsx(ge,{}),onClick:()=>w(!c)})}):n.jsx(wn,{disabled:!0,children:n.jsx(ge,{})}),[c,r,f]),u=s.useMemo(()=>n.jsxs(n.Fragment,{children:[a&&D,B]}),[B,D,a]);return n.jsx(an,{__role:"listitem",accessory:u,children:e,description:l,detailPanel:c&&r,image:m,menuButtonChildren:b,overline:o,title:g,titleId:C,variant:h})},Ne=s.memo(Mn);Ne.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 jn=({isRowReorderingDisabled:e,row:l,rowActionMenuItems:r,rowIndex:a,totalRows:m,updateRowOrder:t})=>{const{t:i}=J(),o=l.original?l.original:l,g=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:0})},[o.id,t]),h=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:Math.max(0,a-1)})},[o.id,a,t]),b=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:a+1})},[o.id,a,t]),x=s.useCallback(()=>{t&&t({rowId:o.id,newRowIndex:m?m-1:a})},[o.id,a,m,t]);return n.jsxs(n.Fragment,{children:[r&&r(o),r&&t&&n.jsx("hr",{}),t&&n.jsxs(n.Fragment,{children:[n.jsxs(Q,{isDisabled:a<=0||e,onClick:g,children:[n.jsx(ln,{})," ",i("table.reorder.tofront")]}),n.jsxs(Q,{isDisabled:a<=0||e,onClick:h,children:[n.jsx(cn,{})," ",i("table.reorder.forward")]}),n.jsxs(Q,{isDisabled:(m?a>=m-1:!1)||e,onClick:b,children:[n.jsx(Be,{})," ",i("table.reorder.backward")]}),m&&n.jsxs(Q,{isDisabled:a>=m-1||e,onClick:x,children:[n.jsx(dn,{})," ",i("table.reorder.toback")]})]})]})},je=s.memo(jn);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 Tn=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)`}}})),In=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",paddingBlock:e.Spacing5})),Dn=({cardLayoutOptions:e,currentIndex:l,handleRowSelectionChange:r,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:t,onReorderRows:i,row:o,rowReorderingUtilities:g,rowSelection:h,totalRows:b})=>{const{overline:x,title:f,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:b,updateRowOrder:a&&i?g.updateRowOrder:void 0}):null,[e.rowActionMenuItems,l,a,t,i,o,g,b]);return n.jsx(Ne,{children:w,description:C,detailPanel:u,hasSelection:m,image:c,isSelected:h[o.id]??!1,menuButtonChildren:p,onSelectionChange:B,overline:x,title:f,variant:D},o.id)},Ve=s.memo(Dn);Ve.displayName="RowDataCard";const kn=({currentLayout:e,data:l,emptyState:r,hasRowReordering:a,hasRowSelection:m,isEmpty:t,isLoading:i,isNoResults:o,isRowReorderingDisabled:g,onReorderRows:h,pagination:b,rowReorderingUtilities:x,rowSelection:f,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(In,{odysseyDesignTokens:D,children:n.jsx(tn,{})}):n.jsx(n.Fragment,{children:!l||l.length===0||t||o?n.jsx(K,{children:r}):n.jsx(Tn,{currentLayout:e,maxGridColumns:c.maxGridColumns??3,odysseyDesignTokens:D,role:"list",children:l.map((u,p)=>{const z=p+(b.pageIndex-1)*b.pageSize;return n.jsx(Ve,{cardLayoutOptions:c,currentIndex:z,handleRowSelectionChange:B,hasRowReordering:a,hasRowSelection:m,isRowReorderingDisabled:g,onReorderRows:h,row:u,rowReorderingUtilities:x,rowSelection:f,totalRows:w},u.id)})})})})},He=s.memo(kn);He.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 zn=["list","grid"],vn=["table"],An=[...vn,...zn],We=["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 Bn=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:gn("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 En=({availableLayouts:e,currentLayout:l,setCurrentLayout:r})=>{const{t:a}=J(),m=s.useCallback(i=>{r(i)},[r]),t=s.useMemo(()=>e.map(i=>({value:i,onClick:()=>m(i),label:a(`dataview.layout.${i}`)})),[e,m,a]);return n.jsx(ee,{ariaLabel:a("dataview.layout.arialabel"),buttonLabel:a(`dataview.layout.${l}`),menuAlignment:"right",shouldCloseOnSelect:!1,children:t.map(({value:i,onClick:o,label:g})=>n.jsx(Q,{isSelected:l===i,onClick:o,children:g},i))})},Pe=s.memo(En);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 Fn={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"},Nn={"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"}}}},Vn=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 Hn=I("div")({whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}),Wn=I("div")({display:"flex"}),Pn=({columns:e,data:l,draggingRow:r,emptyState:a,enableVirtualization:m,getRowId:t,hasRowReordering:i,hasRowSelection:o,isEmpty:g,isLoading:h,isNoResults:b,isRowReorderingDisabled:x,onReorderRows:f,pagination:C,rowReorderingUtilities:c,rowSelection:w,setRowSelection:D,setTableState:B,tableLayoutOptions:u,tableState:p,totalRows:z})=>{const[ne,U]=s.useState(!0),[se,be]=s.useState(!0),[ie,R]=s.useState("100%"),X=s.useRef(!1),$=s.useRef(null),V=s.useRef(null),H=s.useRef(null);Le({setIsTableContainerScrolledToEnd:be,setIsTableContainerScrolledToStart:U,setTableInnerContainerWidth:R,tableInnerContainer:V.current,tableOuterContainer:$.current});const F=oe(),{t:M}=J(),Y=s.useMemo(()=>e.map(d=>d.accessorKey)??[],[e]),re=s.useMemo(()=>["mrt-row-drag","mrt-row-select","mrt-row-expand",...(Y==null?void 0:Y.filter(d=>typeof d=="string"))||[],"mrt-row-actions"],[Y]),j=s.useMemo(()=>p.rowDensity==="spacious"?"MuiTableBody-spacious":p.rowDensity==="compact"?"MuiTableBody-compact":"MuiTableBody-default",[p]),G=s.useCallback(({cell:d})=>{const y=d.getValue();return d.column.columnDef.hasTextWrapping||d.column.columnDef.enableWrapping?y:n.jsx(Hn,{children:y})},[]),{draggableTableBodyRowClassName:fe,dragHandleStyles:xe,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(Wn,{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:x,row:d,rowActionMenuItems:u.rowActionMenuItems,rowIndex:y,totalRows:z,updateRowOrder:i&&f?v:void 0})})]})},[i,x,f,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&&f||u.rowActionButtons||u.rowActionMenuItems),[i,f,u.rowActionButtons,u.rowActionMenuItems]),ae=e.some(d=>d.grow===!0),L=bn({data:!g&&!b?l:[],columns:e,getRowId:t,state:{sorting:p.columnSorting,columnVisibility:p.columnVisibility,isLoading:h,rowSelection:w,columnOrder:re},icons:{ArrowDownwardIcon:Be,DragHandleIcon:Ee,SyncAltIcon:mn,ExpandMoreIcon:ge},...Fn,displayColumnDefOptions:{...Nn,"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&&f||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||b?{height:"unset"}:void 0}),enableColumnResizing:u.hasColumnResizing,defaultColumn:{Cell:G},enableRowActions:!!(i===!0&&f||u.rowActionButtons||u.rowActionMenuItems),renderRowActions:({row:d})=>le({row:d}),enableRowOrdering:i&&!!f,enableRowDragging:i&&!!f,muiDetailPanelProps:({row:d})=>({sx:{paddingBlock:d.getIsExpanded()?`${F.Spacing3} !important`:void 0}}),muiTableBodyRowProps:({table:d,row:y,isDetailPanel:A})=>{var P;return{className:fe({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:x,sx:xe,...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(Vn,{isScrollableEnd:!se,isScrollableStart:!ne,odysseyDesignTokens:F,ref:$,children:n.jsx(fn,{table:L})})},Ke=s.memo(Pn);Ke.displayName="TableLayoutContent";const Kn=({setTableState:e,tableLayoutOptions:l,tableState:r})=>{const{t:a}=J(),{hasChangeableDensity:m,hasColumnVisibility:t,columns:i}=l,{rowDensity:o,columnVisibility:g}=r,h=s.useCallback(c=>{e(w=>({...w,rowDensity:c}))},[e]),b=s.useCallback(c=>{e(w=>({...w,columnVisibility:{...w.columnVisibility,[c]:w.columnVisibility?w.columnVisibility[c]===!1:!1}}))},[e]),x=s.useMemo(()=>new Set(i.filter(c=>g?g[c.accessorKey]!==!1:!0).map(c=>c.accessorKey)),[i,g]),f=s.useMemo(()=>m&&n.jsx(ee,{ariaLabel:a("table.density.arialabel"),endIcon:n.jsx(un,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:We.map(c=>n.jsx(Q,{isSelected:o===c,onClick:()=>h(c),children:a(`table.density.${c}`)},c))}),[m,a,o,h]),C=s.useMemo(()=>t&&n.jsx(ee,{ariaLabel:a("table.columnvisibility.arialabel"),endIcon:n.jsx(xn,{}),menuAlignment:"right",shouldCloseOnSelect:!1,children:i.filter(c=>c.enableHiding!==!1).map(c=>n.jsxs(Q,{onClick:()=>b(c.id),children:[n.jsx(ve,{checked:x.has(c.id)}),c.header]},c.accessorKey))}),[t,a,i,b,x]);return n.jsxs(n.Fragment,{children:[f,C]})},Ue=s.memo(Kn);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 Un=({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(b=>b.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 $n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",flexDirection:"column",gap:e.Spacing4})),Gn=I("div")(()=>({display:"flex",justifyContent:"space-between"})),_n=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",justifyContent:"flex-end",gap:e.Spacing2})),qn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing2})),Qn=I("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({marginInlineEnd:e.Spacing2})),Jn=({additionalActionButton:e,additionalActionMenuItems:l,availableLayouts:r=An,bulkActionMenuItems:a,currentPage:m=1,emptyPlaceholder:t,enableVirtualization:i,errorMessage:o,filters:g,getData:h,getRowId:b,hasFilters:x,hasPagination:f,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,hasSearch:D,hasSearchSubmitButton:B,hasRowReordering:u,hasRowSelection:p,initialLayout:z,isEmpty:ne,isLoading:U,isNoResults:se,isPaginationMoreDisabled:be,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:fe,maxResultsPerPage:xe,onPaginationChange:Z})=>{const _=oe(),{t:k}=J(),[E,pe]=s.useState(z??r[0]),[v,le]=s.useState([]),[te,ce]=s.useState(U??!0),[W,ae]=s.useState(ne??!0),[L,d]=s.useState(se??!1),[y,A]=s.useState(o),[P,$e]=s.useState(""),[de,Ge]=s.useState(g),[me,_e]=s.useState(g),[he,qe]=s.useState(),[q,Ce]=s.useState({});s.useEffect(()=>{$==null||$(q)},[q,$]),s.useEffect(()=>{H==null||H(q)},[q,H]);const[S,ye]=s.useState({pageIndex:m,pageSize:M}),[N,Te]=s.useState({columnSorting:[],columnVisibility:{},rowDensity:(j==null?void 0:j.initialDensity)??We[0]}),Se=D||x||e||l,O=Un({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)=>b?b(T,Re,Xe):T.id?T.id:Ze(),[b]);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(()=>{Bn({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===""&&(!x||me===de)&&v.length===0)},[m,v,me,x,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(en,{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(qn,{odysseyDesignTokens:_,children:[R&&n.jsx(Qn,{odysseyDesignTokens:_,children:n.jsx(nn,{color:"textSecondary",children:R})}),E==="table"&&j&&n.jsx(Ue,{setTableState:Te,tableLayoutOptions:j,tableState:N}),r.length>1&&n.jsx(Pe,{availableLayouts:r,currentLayout:E,setCurrentLayout:pe}),e,l&&n.jsx(ee,{ariaLabel:k("table.moreactions.arialabel"),buttonVariant:"secondary",endIcon:n.jsx(Me,{}),menuAlignment:"right",children:l})]}),[e,l,r,E,R,_,j,N,k]),Qe=s.useMemo(()=>i??F==="loadMore",[i,F]),{lastRow:Je}=pn({currentRowsCount:v.length,pageIndex:S.pageIndex,pageSize:S.pageSize,totalRows:G}),ze=Oe({totalRows:G,onReorderRows:V,data:v,setData:le,draggingRow:he,setDraggingRow:qe,resultsPerPage:S.pageSize,page:S.pageIndex});return n.jsxs($n,{odysseyDesignTokens:_,children:[y&&n.jsx(K,{children:n.jsx(Ye,{severity:"error",text:y})}),Se&&n.jsx(sn,{additionalActions:ue,filters:x?O:void 0,hasSearchSubmitButton:B,isDisabled:W,onChangeFilters:x?_e:void 0,onChangeSearch:D?$e:void 0,searchDelayTime:Y}),(a||p)&&n.jsxs(Gn,{children:[n.jsx(Fe,{data:v,menuItems:a,rowSelection:q,setRowSelection:Ce}),!Se&&ue]}),!Se&&!a&&!p&&ue&&n.jsx(_n,{odysseyDesignTokens:_,children:ue}),E==="table"&&j&&n.jsx(Ke,{columns:j.columns,data:v,draggingRow:he,emptyState:ke,enableVirtualization:Qe,getRowId:b||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(He,{cardLayoutOptions:re,currentLayout:E,data:v,draggingRow:he,emptyState:ke,getRowId:b||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}),f&&n.jsx(hn,{currentPageLabel:k("pagination.page"),currentRowsCount:v.length,hasPageInput:C,hasRowCountInput:c,hasRowCountLabel:w,isDisabled:W,isMoreDisabled:be,lastRow:Je,loadMoreLabel:k("pagination.loadmore"),maxPageIndex:fe,maxPageSize:xe,nextLabel:k("pagination.next"),onPaginationChange:ye,pageIndex:S.pageIndex,pageSize:S.pageSize,previousLabel:k("pagination.previous"),rowsPerPageLabel:k("pagination.rowsperpage"),totalRows:G,variant:F})]})},Rn=s.memo(Jn);Rn.displayName="DataView";export{Rn as M,An as a,We as d};

package/dist/assets/DatePicker-DIRg7n4d.js

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