Add Typings for Classes

[martinmckenna]

Purpose

Add typings for classes prop, so that the user can use both MUI classes and notistack classes.

Look no red squiggly lines!!!

And with intellisense working

[martinmckenna]

I would also love to be notified when the next release goes live if possible so I can leverage this

[iamhosseindhv]

@martinmckenna thanks. next release will be published as soon as we merge this into master. I'll tag you here.

Regarding the PR, do you think we should do the same for OptionsObject? since all material-ui props and notistack classes can also be passed there. lmk what you think

[martinmckenna]

Does including the classes in the Options object actually do anything though? I just tested a bit and can't figure out a way to apply styles that way.

Here's my code

import {
  StyleRulesCallback,
  withStyles,
  WithStyles,
} from '@material-ui/core/styles';
import * as React from 'react';
import { compose } from 'recompose';

import { InjectedNotistackProps, withSnackbar } from 'notistack';

type ClassNames = 'root';

const styles: StyleRulesCallback<ClassNames> = (theme) => ({
  root: {
    padding: '10em',
    color: 'yellow',
    backgroundColor: 'blue'
  },
});

type CombinedProps = WithStyles<ClassNames> & InjectedNotistackProps;

const MyComponent: React.StatelessComponent<CombinedProps> = (props) => {

  props.enqueueSnackbar('Hello world', {
    variant: 'warning',
    classes: {
      root: props.classes.root,
      variantWarning: props.classes.root
    } as any
  })

  return (<div>Hello world</div>);
};

const styled = withStyles(styles);

export default compose<CombinedProps, {}>(
  styled,
  withSnackbar
)(MyComponent)

And here's how it looks, No blue background color or yellow text

If anything we should be omitting the classes props no?

[iamhosseindhv]

@martinmckenna Thanks for your contribution ❤️

And new version (v0.4.1) is published.