Used for configuring sorters in a view.
<SortSettings
fields={[{
id: 'fld1',
icon: () => null, // svg icon
name: 'Field 1'
}, {
id: 'fld2',
icon: () => null, // svg icon
name: 'Field 2'
}, {
id: 'fld3',
icon: () => null, // svg icon
name: 'Field 3'
}]}
sorters={[{
id: 'srt1',
fieldId: 'fld1',
ascending: true
}, {
id: 'srt2',
fieldId: 'fld2',
ascending: true
}, {
id: 'srt3',
fieldId: 'fld3',
ascending: false
}]}
onCreate={() => {
// do something
}}
onRemove={({id}) => {
// do something
}}
onSort={({oldIndex, newIndex}) => {
// do something
}}
onFieldIdChange={({id, fieldId}) => {
// do something
}}
onAscendingChange={({id, ascending}) => {
// do something
}}
/>