update docs page

docs/src/app/pages/Components/ActiveCallButton/Demo.js

@@ -14,8 +14,14 @@ props.icon = KeypadIcon;
  * A example of `ActiveCallButton`
  */
 const ActiveCallButtonDemo = () => (
-  <ActiveCallButton
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    height: '200px',
+    width: '100px',
+  }}>
+    <ActiveCallButton
+      {...props}
+    />
+  </div>
 );
 export default ActiveCallButtonDemo;

docs/src/app/pages/Components/CircleButton/Demo.js

@@ -11,8 +11,14 @@ props.icon = EndIcon;
  * A example of `CircleButton`
  */
 const CircleButtonDemo = () => (
-  <CircleButton
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    height: '100px',
+    width: '100px',
+  }}>
+    <CircleButton
+      {...props}
+    />
+  </div>
 );
 export default CircleButtonDemo;

docs/src/app/pages/Components/ConversationMessageList/Demo.js

@@ -15,8 +15,8 @@ props.messages = [{
   subject: 'I\'m fine.'
 }];
 props.dateTimeFormatter = ({
-    utcTimestamp,
-  }) => new Date(utcTimestamp).toString();
+  utcTimestamp,
+}) => new Date(utcTimestamp).toString();
 
 /**
  * A example of `ConversationMessageList`

docs/src/app/pages/Components/MessageItem/Demo.js

@@ -21,9 +21,9 @@ props.currentLocale = 'en-US';
 props.dateTimeFormatter = () => null;
 props.showConversationDetail = () => null;
 props.brand = 'RingCentral';
-props.markVoicemail = () => null;
-props.readVoicemail = () => null;
-props.unmarkVoicemail = () => null;
+props.markMessage = () => null;
+props.readMessage = () => null;
+props.unmarkMessage = () => null;
 props.onClickToDial = () => null;
 props.onCreateContact = () => null;
 /**

docs/src/app/pages/Components/MessageList/Demo.js

@@ -37,11 +37,11 @@ props.brand = 'RingCentral';
 props.showConversationDetail = () => null;
 props.countryCode = '+1';
 props.areaCode = '+1';
-props.markVoicemail = () => null;
-props.readVoicemail = () => null;
+props.markMessage = () => null;
+props.readMessage = () => null;
+props.unmarkMessage = () => null;
 props.onClickToDial = () => null;
 props.onCreateContact = () => null;
-props.unmarkVoicemail = () => null;
 
 /**
  * A example of `MessageList`

docs/src/app/pages/Components/MessagesPanel/Demo.js

@@ -5,16 +5,17 @@ import MessagesPanel from 'ringcentral-widgets/components/MessagesPanel';
 const props = {};
 props.currentLocale = 'en-US';
 props.goToComposeText = () => null;
-props.readVoicemail = () => null;
-props.unmarkVoicemail = () => null;
-props.markVoicemail = () => null;
+props.markMessage = () => null;
+props.readMessage = () => null;
+props.unmarkMessage = () => null;
 props.showConversationDetail = () => null;
 props.onClickToDial = () => null;
 props.onViewContact = () => null;
 props.onCreateContact = () => null;
 props.brand = 'RingCentral';
-props.textUnreadCounts = 0;
+props.textUnreadCounts = 1;
 props.voiceUnreadCounts = 0;
+props.faxUnreadCounts = 0;
 props.conversations = [{
   id: 1,
   conversationId: '1',

docs/src/app/pages/Components/NavigationBar/Demo.js

@@ -58,9 +58,14 @@ props.tabs = [
 
 props.goTo = path => alert(`go to ${path}`);
 const NavigationBarDemo = () => (
-  <NavigationBar
-    button={TabNavigationButton}
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    width: '300px',
+  }}>
+    <NavigationBar
+      button={TabNavigationButton}
+      {...props}
+    />
+  </div>
 );
 export default NavigationBarDemo;

docs/src/app/pages/Components/PresenceSettingSection/Demo.js

@@ -12,14 +12,19 @@ props.setBusy = () => null;
 props.setDoNotDisturb = () => null;
 props.setInvisible = () => null;
 props.toggleAcceptCallQueueCalls = () => null;
-props.showPresenceSettings = false;
+props.showPresenceSettings = true;
 
 /**
  * A example of `PresenceSettingSection`
  */
 const PresenceSettingSectionDemo = () => (
-  <PresenceSettingSection
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    width: '300px',
+  }}>
+    <PresenceSettingSection
+      {...props}
+    />
+  </div>
 );
 export default PresenceSettingSectionDemo;

docs/src/app/pages/Components/RadioBtnGroup/Demo.js

@@ -16,6 +16,7 @@ props.radioOptions = [{
 props.disabled = false;
 props.formatPhone = v => v;
 props.onRadioSelect = () => null;
+props.currentLocale = 'en-US';
 
 /**
  * A example of `RadioBtnGroup`

docs/src/app/pages/Components/SettingsPanel/Demo.js

@@ -16,8 +16,14 @@ props.version = 'test string';
  * A example of `SettingsPanel`
  */
 const SettingsPanelDemo = () => (
-  <SettingsPanel
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    height: '500px',
+    width: '300px',
+  }}>
+    <SettingsPanel
+      {...props}
+    />
+  </div>
 );
 export default SettingsPanelDemo;

docs/src/app/pages/Components/Spinner/Demo.js

@@ -8,8 +8,14 @@ const props = {};
  * A example of `Spinner`
  */
 const SpinnerDemo = () => (
-  <Spinner
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    height: '50px',
+    width: '50px',
+  }}>
+    <Spinner
+      {...props}
+    />
+  </div>
 );
 export default SpinnerDemo;

docs/src/app/pages/Components/SpinnerOverlay/Demo.js

@@ -8,8 +8,14 @@ const props = {};
  * A example of `SpinnerOverlay`
  */
 const SpinnerOverlayDemo = () => (
-  <SpinnerOverlay
-    {...props}
-  />
+  <div style={{
+    position: 'relative',
+    height: '300px',
+    width: '300px',
+  }}>
+    <SpinnerOverlay
+      {...props}
+    />
+  </div>
 );
 export default SpinnerOverlayDemo;

package.json

@@ -27,7 +27,6 @@
   "peerDependencies": {
     "babel-runtime": "^6.20.0",
     "format-message": "^5.0.0",
-    "intl": "^1.2.5",
     "isomorphic-fetch": "^2.2.1",
     "locale-loader": "^1.4.5",
     "moment": "^2.19.2",
@@ -38,7 +37,7 @@
     "react-router-redux": "^4.0.7",
     "ringcentral": "^3.1.3",
     "ringcentral-client": "^1.0.0-beta.1",
-    "ringcentral-integration": "^0.7.37"
+    "ringcentral-integration": "^0.7.46"
   },
   "devDependencies": {
     "alias-webpack-plugin": "^1.0.6",
@@ -74,7 +73,6 @@
     "gulp-istanbul": "^1.1.1",
     "gulp-sourcemaps": "^2.4.0",
     "identity-obj-proxy": "^3.0.0",
-    "intl": "^1.2.5",
     "jest": "^20.0.4",
     "json-loader": "^0.5.4",
     "locale-loader": "^1.4.5",

yarn.lock

@@ -4154,10 +4154,6 @@ interpret@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.3.tgz#cbc35c62eeee73f19ab7b10a801511401afc0f90"
 
-intl@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/intl/-/intl-1.2.5.tgz#82244a2190c4e419f8371f5aa34daa3420e2abde"
-
 invariant@^2.0.0, invariant@^2.1.0, invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"