robintail / merge-sx Goto Github PK

import { Theme } from "@mui/system";
import { SxProps } from "@mui/material";

export const mergeSx = <T extends Theme>(...styles: (SxProps<T> | false | undefined)[]): SxProps<T> => {
  return styles.flat(2).filter(Boolean) as SxProps<T>;
};

// not sure if Theme actually required:
export const mergeSx2 = (...styles: (SxProps | false | undefined)[]): SxProps => {
  return styles.flat(2).filter(Boolean) as SxProps;
};

// or even without filter if no need to support undefined in arguments
// since SxProps respects boolean in array, and then no need for type casting:
export const mergeSx3 = (...styles: (SxProps | false)[]): SxProps => styles.flat(2);