feat(Container): rename onResizing to beforeApplyResizer

Author: runjuu

demo/sections/collapsible-section.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Container, Section, Bar, Resizer } from '../../src';
 
-function onResizing(resizer: Resizer): void {
+function beforeApplyResizer(resizer: Resizer): void {
   if (resizer.getSectionSize(0) < 150) {
     resizer.resizeSection(0, { toSize: 0 });
   } else if (resizer.getSectionSize(0) < 300) {
@@ -20,7 +20,7 @@ export class CollapsibleSection extends React.PureComponent {
         <Container
           className="container"
           ref={this.containerRef}
-          onResizing={onResizing}
+          beforeApplyResizer={beforeApplyResizer}
         >
           <Section className="section" />
           <Bar size={10} className="bar" onClick={this.onBarClick} />

demo/sections/interactive-section.tsx

@@ -20,7 +20,7 @@ function onResizing(resizer: Resizer): void {
 export const InteractiveSection = () => (
   <div>
     <h2>Interactive section demo</h2>
-    <Container className="container" onResizing={onResizing}>
+    <Container className="container" beforeApplyResizer={onResizing}>
       <Section className="section" />
       <Bar size={10} className="bar" />
       <Section className="section" />

src/Container/index.tsx

@@ -22,7 +22,7 @@ import {
 
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
   vertical?: boolean;
-  onResizing?: (resizer: Resizer) => void;
+  beforeApplyResizer?: (resizer: Resizer) => void;
 }
 
 class Container extends React.PureComponent<Props> {
@@ -49,9 +49,9 @@ class Container extends React.PureComponent<Props> {
   ).pipe(
     filter(({ discard }) => !discard),
     map((resizeResult) => {
-      if (typeof this.props.onResizing === 'function') {
+      if (typeof this.props.beforeApplyResizer === 'function') {
         const resizer = new Resizer(resizeResult);
-        this.props.onResizing(resizer);
+        this.props.beforeApplyResizer(resizer);
         return resizer.getResult();
       } else {
         return resizeResult;
@@ -79,7 +79,7 @@ class Container extends React.PureComponent<Props> {
   }
 
   private get renderProps() {
-    return omit(this.props, 'vertical', 'onResizing');
+    return omit(this.props, 'vertical', 'beforeApplyResizer');
   }
 
   private get contextValue(): ResizerContext {