Improved ScrollView actions.

Author: virtualvivek

dev-scripts.txt

@@ -6,7 +6,7 @@ npm install node-sass --save-dev
 -effects-
 package.json >
 	"scripts": {
-		"compile:sass": "node-sass src/lib/scss/stylesheet/main.scss src/lib/dist/react-windows-ui.css",
+		"compile:sass": "node-sass src/lib/scss/main.scss src/lib/dist/react-windows-ui.min.css --output-style compressed",
 		},
 
 --compile--

package.json

@@ -43,7 +43,7 @@
     "compile:sass": "node-sass src/lib/scss/main.scss src/lib/dist/react-windows-ui.min.css --output-style compressed",
     "compile:sass-rtl": "node-sass src/lib/scss/stylesheet-rtl/main.scss src/lib/dist/react-windows-ui-rtl.min.css --output-style compressed",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d build",
+    "deploy": "gh-pages -d build -r https://github.com/virtualvivek/react-windows-ui",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

src/demo/v4.2.4/docs/Alert_docs/index.js

@@ -59,6 +59,7 @@ class AlertDocs extends React.Component {
       </div> */}
 
       <Alert
+        backdropBlur
         isVisible={this.state.showAlert}
         onBackdropPress={this.toggleAlert}
         title="Alert"

src/demo/v4.2.4/docs/Alert_docs/props-view.js

@@ -61,6 +61,12 @@ const PropsView = () => {
           <td>default</td>
           <td>Set's alert close using ref.</td>
         </tr>
+        <tr>
+          <td><p className="ui-code">backdropBlur</p></td>
+          <td>boolean</td>
+          <td>false</td>
+          <td>Set's alert backdrop blur.</td>
+        </tr>
         <tr>
           <td><p className="ui-code">onBackdropPress</p></td>
           <td>function</td>

src/demo/v4.2.4/docs/Dialog_docs/props-view.js

@@ -55,6 +55,12 @@ const PropsView = () => {
           <td>default</td>
           <td>Set's dialog close using ref.</td>
         </tr>
+        <tr>
+          <td><p className="ui-code">backdropBlur</p></td>
+          <td>boolean</td>
+          <td>false</td>
+          <td>Set's dialog backdrop blur.</td>
+        </tr>
         <tr>
           <td><p className="ui-code">onBackdropPress</p></td>
           <td>function</td>

src/demo/v4.2.4/docs/InputGroup_docs/codes.js

@@ -78,7 +78,7 @@ const ExampleUsageCode =
 
 const _onChange = (value) => {
   setInputVal(value);
-  inputRef.current.value; // You can also fetch value this way.
+  // inputRef.current.value; // You can also fetch value this way.
 }
 
 return (

src/demo/v4.2.4/docs/InputGroup_docs/index.js

@@ -37,15 +37,14 @@ const InputGroupDocs = () => {
       />
       <span>&nbsp;&nbsp;  Edit Text.</span>
       <br/><br/>
-      <details>
-        <summary>Example Usage</summary>
-        <SyntaxHighlighter
-          language="javascript"
-          style={vscDarkPlus}
-          className="code code-container">
-          {ExampleUsageCode}
-        </SyntaxHighlighter>
-      </details>
+     
+      <SyntaxHighlighter
+        language="javascript"
+        style={vscDarkPlus}
+        className="code code-container">
+        {ExampleUsageCode}
+      </SyntaxHighlighter>
+      
 
       <h1>InputText</h1>
       <h2>Import</h2>

src/demo/v4.2.4/docs/InputGroup_docs/props-textarea.js

@@ -64,13 +64,13 @@ const TextAreaProps = () => {
         <tr>
           <td><p className="ui-code">onChange</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's TextArea on Change listener.</td>
         </tr>
         <tr>
           <td><p className="ui-code">onResize</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's TextArea on Resize listener.</td>
         </tr>
         <tr>

src/demo/v4.2.4/docs/InputGroup_docs/props-view.js

@@ -88,7 +88,7 @@ const PropsView = () => {
         <tr>
           <td><p className="ui-code">onFocus</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input onFocus event listener.</td>
         </tr>
         <tr>
@@ -100,31 +100,31 @@ const PropsView = () => {
         <tr>
           <td><p className="ui-code">onChange</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input on Change listener.</td>
         </tr>
         <tr>
           <td><p className="ui-code">onClick</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input on Click listener.</td>
         </tr>
         <tr>
           <td><p className="ui-code">onKeyUp</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input on KeyUp listener.</td>
         </tr>
         <tr>
           <td><p className="ui-code">onKeyDown</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input on KeyDown listener.</td>
         </tr>
         <tr>
           <td><p className="ui-code">onClearButtonClick</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>Set's Input onClearButtonClick listener.</td>
         </tr>
       </tbody>

src/demo/v4.2.4/docs/InputSearch_docs/props-view.js

@@ -52,31 +52,31 @@ const PropsView = () => {
         <tr>
           <td><p className="ui-code">onClick</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>onClick listener</td>
         </tr>
         <tr>
           <td><p className="ui-code">onChange</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>onChange listener</td>
         </tr>
         <tr>
           <td><p className="ui-code">onKeyUp</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>onKeyUp listener</td>
         </tr>
         <tr>
           <td><p className="ui-code">onKeyDown</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>onKeyDown listener</td>
         </tr>
         <tr>
           <td><p className="ui-code">onSubmit</p></td>
           <td>function</td>
-          <td>[ ]</td>
+          <td>default</td>
           <td>onSubmit listener | For InputSearchBar</td>
         </tr>
         <tr>
@@ -111,7 +111,7 @@ const PropsView = () => {
         <tr>
           <td><p className="ui-code">data ▶ onClick</p></td>
           <td>function</td>
-          <td>null</td>
+          <td>default</td>
           <td>Set's Search data item onClick</td>
         </tr>
       </tbody>