Function splitStyles

src/utils/splitStyles.ts:22–60

(
  styles: ViewStyle,
  ...filters: Tuple
)

 * - A style property will exist in a single style object, the first filter it matched
 */
export function splitStyles<Tuple extends FiltersArray>(
  styles: ViewStyle,
  ...filters: Tuple
) {
  if (process.env.NODE_ENV !== 'production' && filters.length === 0) {
    console.error('No filters were passed when calling splitStyles');
  }

  // `Object.entries` will be used to iterate over the styles and `Object.fromEntries` will be called before returning
  // Entries which match the given filters will be temporarily stored in `newStyles`
  const newStyles = filters.map(() => [] as Entry[]);

  // Entries which match no filter
  const rest: Entry[] = [];

  // Iterate every style property
  outer: for (const item of Object.entries(styles) as Entry[]) {
    // Check each filter
    for (let i = 0; i < filters.length; i++) {
      // Check if filter matches
      if (filters[i](item[0])) {
        newStyles[i].push(item); // Push to temporary filtered entries array
        continue outer; // Skip to checking next style property
      }
    }

    // Adds to rest styles if not filtered
    rest.push(item);
  }

  // Put unmatched styles in the beginning
  newStyles.unshift(rest);

  // Convert arrays of entries into objects
  return newStyles.map((styles) => Object.fromEntries(styles)) as unknown as [
    ViewStyle,
    ...MappedTuple<Tuple>
  ];
}