feat: replace style will recover the origin style

[kitayoshi]

if replace style (handle style) are provided, origin style should be omitted.

Proposed solution

inline style on resizer (handleStyles) could never be covered by style which set byhandleClasses

// style
.myHandle-right {
  width: 20px;
}

// react
<Resizable
  handleClasses={{right: 'myHandle-right'}}
/>

results like:

// inline style set by origin right handle
{
  width: 10px;
}

// will be covered
.myHandle-right {
  width: 20px;
}

Tradeoffs

I should still write like these to make style in myHandle-right work:

<Resizable
  handleStyles={{right: {}}}
  handleClasses={{right: 'myHandle-right'}}
/>

I'm not sure whether I should write like:

style={{
  ...styles.base,
  ...(props.className ? styles[props.direction] : {}),
  ...(props.replaceStyles || {})
}}

Testing Done

yes

[kitayoshi]

And it truly implements document (now is not):

If you specify a value for right it will completely replace the styles for the right resize handle, but other handle will still use the default styles.

[bokuweb]

@midare Thanks for your PR.

[bokuweb]

oops. it' s my mistake. thanks.

[bokuweb]

I prefer the following :)

style={{
  ...styles.base,
  ...(props.className ? styles[props.direction] : {}),
  ...(props.replaceStyles || {})
}}