rn-custom-style-sheet/src/BreakPoint/Utils/Sorting/SortingUtils.ts

React Native component to select a specific value from a range of values.

import type { BreakPointSortType, BreakPointType } from '../../Breakpoints';

export function sortBreakpointValues(values: BreakPointType): BreakPointType {
  const breakpointsAsArray: BreakPointSortType[] =
    Object.keys(values).map(key => ({ key, val: values[key] ?? 0 })) || [];
  // Sort in ascending order
  breakpointsAsArray.sort(
    (breakpoint1: BreakPointSortType, breakpoint2: BreakPointSortType) =>
      breakpoint1.val - breakpoint2.val
  );
  return breakpointsAsArray.reduce(
    (acc: BreakPointType, obj: BreakPointSortType) => {
      return { ...acc, [obj.key]: obj.val };
    },
    {}
  );
}