import{j as t,a as e,F as s}from"./dataProvider-3f13e24d.js";import{M as a,C as p,b as o}from"./index-ba82f09b.js";import{L as l,D as d,F as c,P as f,A as h,I as u}from"./List.stories-4130c33d.js";import{u as m}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./_baseSet-5837f3b2.js";import"./_baseAssignValue-4b27bc5d.js";import"./index-d3ea75b5.js";import"./iframe-973434a3.js";import"../sb-preview/runtime.js";import"./index-11d98b33.js";import"./assertThisInitialized-081f9914.js";import"./cloneDeep-35baf799.js";import"./_baseIteratee-d87c84d1.js";import"./_baseFor-d6cf4e2e.js";import"./identity-66bf3aad.js";import"./_initCloneObject-017b06d4.js";import"./keysIn-ce4aae3b.js";import"./index-356e4a49.js";import"./index-cd5774e0.js";import"./index-8d47fad6.js";import"./TopToolbar-b554b4e8.js";import"./clsx.m-a48b126d.js";import"./Button-a22a3ea5.js";import"./Tooltip-459141a0.js";import"./useIsFocusVisible-e5ed743c.js";import"./useRecordContext-3e1d0ecf.js";import"./jsx-runtime_commonjs-proxy-8cae6ccb.js";import"./TextInput-fb26ec3e.js";import"./isPlainObject-457bc8dd.js";import"./Clear-da86992f.js";import"./useRefresh-9110db68.js";import"./index-fa9b5ce0.js";import"./debounce-202f04f1.js";import"./ComponentPropType-842e1716.js";import"./useMutation-5bff67ad.js";import"./TextField-83dafc04.js";import"./sanitizeFieldRestProps-fb2f7069.js";import"./genericMemo-8de5a1aa.js";import"./DateField-cd19e71c.js";function n(r){const i=Object.assign({h1:"h1",p:"p",code:"code",a:"a",h2:"h2"},m(),r.components);return e(s,{children:[t(a,{of:l}),`
`,t(i.h1,{id:"list",children:"List"}),`
`,e(i.p,{children:["The ",t(i.code,{children:"<List>"})," component is the root component for list pages. It fetches a list of records from the data provider, puts it in a ListContext, renders the default list page layout (title, buttons, filters, pagination), and renders its children. Usual children of ",t(i.code,{children:"<List>"}),", like ",t(i.code,{children:"<Datagrid>"}),", are responsible for displaying the list of records. ",t(i.a,{href:"https://marmelab.com/react-admin/List.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"More information"}),"."]}),`
`,t(p,{}),`
`,t(i.h2,{id:"default",children:"Default"}),`
`,t(o,{of:d}),`
`,t(i.h2,{id:"filter",children:"Filter"}),`
`,t(o,{of:c}),`
`,t(i.h2,{id:"permanentfilter",children:"PermanentFilter"}),`
`,t(o,{of:f}),`
`,t(i.h2,{id:"aside",children:"Aside"}),`
`,t(o,{of:h}),`
`,t(i.h2,{id:"infinite",children:"Infinite"}),`
`,t(o,{of:u})]})}function ot(r={}){const{wrapper:i}=Object.assign({},m(),r.components);return i?t(i,Object.assign({},r,{children:t(n,r)})):n(r)}export{ot as default};
