@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
33 lines • 1.15 kB
JavaScript
const stateToIcon = {
sortable: 'caret-down',
ascending: 'caret-up-filled',
descending: 'caret-down-filled',
};
export const getSortingStatus = (sortable, sorted, descending, disabled) => {
if (sorted) {
if (descending) {
return 'descending';
}
return 'ascending';
}
if (sortable && !disabled) {
return 'sortable';
}
return undefined;
};
export const getSortingIconName = (sortingState) => stateToIcon[sortingState];
export const isSorted = (column, sortingColumn) => column === sortingColumn ||
(column.sortingField !== undefined && column.sortingField === sortingColumn.sortingField) ||
(column.sortingComparator !== undefined && column.sortingComparator === sortingColumn.sortingComparator);
export const getSortingColumnId = (columnDefinitions = [], sortingColumn) => {
if (!sortingColumn) {
return null;
}
for (let i = 0; i < columnDefinitions.length; i++) {
if (isSorted(columnDefinitions[i], sortingColumn)) {
return columnDefinitions[i].id || null;
}
}
return null;
};
//# sourceMappingURL=utils.js.map