chore(divider-samples): format tsx files

Author: ddaribo

samples/layouts/divider/base/src/index.tsx

@@ -9,7 +9,7 @@ IgrDividerModule.register();
 export default class DividerBase extends React.Component<any, any> {
 
     constructor(props: any) {
-        super(props);  
+        super(props);
     }
 
     public render(): JSX.Element {
@@ -21,10 +21,8 @@ export default class DividerBase extends React.Component<any, any> {
             </div>
         );
     }
-
-    
 }
 
 // rendering above class to the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<DividerBase/>);
+root.render(<DividerBase />);

samples/layouts/divider/middle/src/index.tsx

@@ -9,31 +9,29 @@ IgrDividerModule.register();
 export default class DividerMiddle extends React.Component<any, any> {
 
     constructor(props: any) {
-        super(props);  
+        super(props);
     }
 
     public render(): JSX.Element {
         return (
             <div className="container sample center">
-        <div className="parent">
-          <div className="content">
-              <h4 className="mb">Both sides inset.</h4>
-              <IgrDivider key="divider2" className="withInset" middle="true"></IgrDivider>
-              <p className="mt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias at consectetur dolor magnam maiores nihil quasi quod repudiandae similique. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, culpa delectus eius fuga ipsa iste laborum nemo, numquam omnis perferendis soluta sunt. Animi asperiores aspernatur assumenda doloribus eligendi.</p>
-          </div>
-          <div className="content">
-              <h4 className="mb">Left side only(default).</h4>
-              <IgrDivider key="divider2" className="withInset"></IgrDivider>
-              <p className="mt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias at consectetur dolor magnam maiores nihil quasi quod repudiandae similique. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, culpa delectus eius fuga ipsa iste laborum nemo, numquam omnis perferendis soluta sunt. Animi asperiores aspernatur assumenda doloribus eligendi.</p>
-          </div>
-      </div>
-      </div>     
+                <div className="parent">
+                    <div className="content">
+                        <h4 className="mb">Both sides inset.</h4>
+                        <IgrDivider key="divider2" className="withInset" middle="true"></IgrDivider>
+                        <p className="mt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias at consectetur dolor magnam maiores nihil quasi quod repudiandae similique. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, culpa delectus eius fuga ipsa iste laborum nemo, numquam omnis perferendis soluta sunt. Animi asperiores aspernatur assumenda doloribus eligendi.</p>
+                    </div>
+                    <div className="content">
+                        <h4 className="mb">Left side only(default).</h4>
+                        <IgrDivider key="divider2" className="withInset"></IgrDivider>
+                        <p className="mt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias at consectetur dolor magnam maiores nihil quasi quod repudiandae similique. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, culpa delectus eius fuga ipsa iste laborum nemo, numquam omnis perferendis soluta sunt. Animi asperiores aspernatur assumenda doloribus eligendi.</p>
+                    </div>
+                </div>
+            </div>
         );
     }
-
-    
 }
 
 // rendering above class to the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<DividerMiddle/>);
+root.render(<DividerMiddle />);

samples/layouts/divider/select/src/index.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrDividerModule, 
-        IgrDivider, 
-        IgrSelectModule,
-        IgrSelectItemModule,        
-        IgrSelect,
-        IgrSelectItem, } from 'igniteui-react';
+import {
+    IgrDividerModule,
+    IgrDivider,
+    IgrSelectModule,
+    IgrSelectItemModule,
+    IgrSelect,
+    IgrSelectItem,
+} from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 IgrDividerModule.register();
@@ -16,7 +18,7 @@ IgrSelectItemModule.register();
 export default class DividerSelect extends React.Component<any, any> {
 
     constructor(props: any) {
-        super(props);  
+        super(props);
     }
 
     public render(): JSX.Element {
@@ -31,10 +33,8 @@ export default class DividerSelect extends React.Component<any, any> {
             </div>
         );
     }
-
-    
 }
 
 // rendering above class to the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<DividerSelect/>);
+root.render(<DividerSelect />);

samples/layouts/divider/vertical/src/index.tsx

@@ -9,13 +9,13 @@ IgrDividerModule.register();
 export default class DividerVertical extends React.Component<any, any> {
 
     constructor(props: any) {
-        super(props);  
+        super(props);
     }
 
     public render(): JSX.Element {
         return (
             <div className="container sample">
-                 <div className="content">
+                <div className="content">
                     <p>
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa officiis
                         suscipit veniam vitae. Ab ad, dolores iure nostrum quo ratione rerum
@@ -37,10 +37,8 @@ export default class DividerVertical extends React.Component<any, any> {
             </div>
         );
     }
-
-    
 }
 
 // rendering above class to the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<DividerVertical/>);
+root.render(<DividerVertical />);