How to use the baseui/table.SORT_DIRECTION.DESC function in baseui
To help you get started, we’ve selected a few baseui examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
uber / baseweb / documentation-site / examples / table / sortable.tsx View on Github 
return sorted;
}
if (this.state.nameDirection === SORT_DIRECTION.DESC) {
return sorted.reverse();
}
}
if (this.state.ageDirection) {
//@ts-ignore
const sorted = DATA.slice(0).sort((a, b) => a[1] - b[1]);
if (this.state.ageDirection === SORT_DIRECTION.ASC) {
return sorted;
}
if (this.state.ageDirection === SORT_DIRECTION.DESC) {
return sorted.reverse();
}
}
return DATA;
};handleSort = (title: string, prevDirection: DirectionT) => {
let nextDirection = null;
if (prevDirection === SORT_DIRECTION.ASC) {
nextDirection = SORT_DIRECTION.DESC;
}
if (prevDirection === SORT_DIRECTION.DESC) {
nextDirection = null;
}
if (prevDirection === null) {
nextDirection = SORT_DIRECTION.ASC;
}
if (title === 'name') {
this.setState({
nameDirection: nextDirection,
ageDirection: null,
});
return;
}
if (title === 'age') {
this.setState({handleSort = (title: string, prevDirection: DirectionT) => {
let nextDirection = null;
if (prevDirection === SORT_DIRECTION.ASC) {
nextDirection = SORT_DIRECTION.DESC;
}
if (prevDirection === SORT_DIRECTION.DESC) {
nextDirection = null;
}
if (prevDirection === null) {
nextDirection = SORT_DIRECTION.ASC;
}
if (title === 'name') {
this.setState({
nameDirection: nextDirection,
ageDirection: null,
});
return;
}handleSort = (title: string, prevDirection: DirectionT) => {
let nextDirection = null;
if (prevDirection === SORT_DIRECTION.ASC) {
nextDirection = SORT_DIRECTION.DESC;
}
if (prevDirection === SORT_DIRECTION.DESC) {
nextDirection = null;
}
if (prevDirection === null) {
nextDirection = SORT_DIRECTION.ASC;
}
if (title === 'name') {
this.setState({
nameDirection: nextDirection,
ageDirection: null,
});
return;
}handleSort = (title: string, prevDirection: DirectionT) => {
let nextDirection = null;
if (prevDirection === SORT_DIRECTION.ASC) {
nextDirection = SORT_DIRECTION.DESC;
}
if (prevDirection === SORT_DIRECTION.DESC) {
nextDirection = null;
}
if (prevDirection === null) {
nextDirection = SORT_DIRECTION.ASC;
}
if (title === 'name') {
this.setState({
nameDirection: nextDirection,
ageDirection: null,
});
return;
}
if (title === 'age') {
this.setState({if (this.state.nameDirection === SORT_DIRECTION.ASC) {
return sorted;
}
if (this.state.nameDirection === SORT_DIRECTION.DESC) {
return sorted.reverse();
}
}
if (this.state.ageDirection) {
const sorted = DATA.slice(0).sort((a, b) => a[1] - b[1]);
if (this.state.ageDirection === SORT_DIRECTION.ASC) {
return sorted;
}
if (this.state.ageDirection === SORT_DIRECTION.DESC) {
return sorted.reverse();
}
}
return DATA;
};baseui
A React Component library implementing the Base design language
Package Health Score
80 / 100Popular baseui functions
- baseui.createTheme
- baseui.styled
- baseui.useStyletron
- baseui.withStyle
- baseui/button.KIND.minimal
- baseui/button.KIND.secondary
- baseui/button.KIND.tertiary
- baseui/button.SIZE.compact
- baseui/data-table.NUMERICAL_FORMATS.ACCOUNTING
- baseui/datepicker.formatDate
- baseui/header-navigation.ALIGN.right
- baseui/input.SIZE.compact
- baseui/layer.TETHER_PLACEMENT.right
- baseui/list.ARTWORK_SIZES.LARGE
- baseui/phone-input.COUNTRIES.US
- baseui/popover.PLACEMENT.bottomLeft
- baseui/popover.TRIGGER_TYPE.hover
- baseui/select.TYPE.search
- baseui/table.SORT_DIRECTION.ASC
- baseui/table.SORT_DIRECTION.DESC