superdesk-ui-framework 4.0.46 → 4.0.48

package/dist/components/Menu.tsx

@@ -62,15 +62,14 @@ const menuItems: Array<IMenuItem> = [
 export class MenuDocs extends React.Component {
     render() {
         return (
-            <section className='docs-page__container'>
+            <section className="docs-page__container">
+                <h2 className="docs-page__h2">Menu</h2>
 
-                <h2 className='docs-page__h2'>Menu</h2>
-
-                <p className='docs-page__paragraph'></p>
+                <p className="docs-page__paragraph"></p>
                 <Markup.ReactMarkup>
                     <Markup.ReactMarkupPreview>
-                        <div className='docs-page__content-row docs-page__content-row--no-margin'>
-                            <div className='form__row'>
+                        <div className="docs-page__content-row docs-page__content-row--no-margin">
+                            <div className="form__row">
                                 <Menu items={menuItems}>
                                     {(toggle) => (
                                         <Button
@@ -83,7 +82,6 @@ export class MenuDocs extends React.Component {
                                 </Menu>
                             </div>
                         </div>
-
                     </Markup.ReactMarkupPreview>
 
                     <Markup.ReactMarkupCode>{`
@@ -117,43 +115,67 @@ export class MenuDocs extends React.Component {
                 <h3 className="docs-page__h3">Props</h3>
 
                 <PropsList>
-                    <Prop name='items' isRequired={true} type='array' default='' description='Array of objects. Allowed objects are: "Menu branch", "Menu leaf" or "Divider"'/>
+                    <Prop
+                        name="items"
+                        isRequired={true}
+                        type="array"
+                        default=""
+                        description='Array of objects. Allowed objects are: "Menu branch", "Menu leaf" or "Divider"'
+                    />
 
                     <Prop
-                        name='children'
+                        name="children"
                         isRequired={true}
-                        type='function'
-                        default=''
-                        description='Will have `toggle` function as an argument. Has to return a JSX element that will act a trigger for the menu.'
+                        type="function"
+                        default=""
+                        description="Will have `toggle` function as an argument. Has to return a JSX element that will act a trigger for the menu."
                     />
                 </PropsList>
 
-                <p className='docs-page__paragraph'>Menu branch</p>
+                <p className="docs-page__paragraph">Menu branch</p>
                 <PropsList>
-                    <Prop name='label' isRequired={true} type='string' default='' description='Name for menu group'/>
-                    <Prop name='icon' isRequired={false} type='string' default='' description='Available icons are listed in /#/react/icon-font'/>
+                    <Prop name="label" isRequired={true} type="string" default="" description="Name for menu group" />
                     <Prop
-                        name='children'
+                        name="icon"
+                        isRequired={false}
+                        type="string"
+                        default=""
+                        description="Available icons are listed in /#/react/icon-font"
+                    />
+                    <Prop
+                        name="children"
                         isRequired={true}
-                        type='array'
-                        default=''
+                        type="array"
+                        default=""
                         description='Array of objects. Allowed objects are: "Menu branch", "Menu leaf" or "Divider"'
                     />
                 </PropsList>
 
-                <p className='docs-page__paragraph'>Menu leaf</p>
+                <p className="docs-page__paragraph">Menu leaf</p>
                 <PropsList>
-                    <Prop name='label' isRequired={true} type='string' default='' description='Name for menu item'/>
-                    <Prop name='icon' isRequired={false} type='string' default='' description='Available icons are listed in /#/react/icon-font'/>
-                    <Prop name='onClick' isRequired={true} type='function' default='' description=''/>
-                    <Prop name='disabled' isRequired={false} type='boolean' default='' description=''/>
+                    <Prop name="label" isRequired={true} type="string" default="" description="Name for menu item" />
+                    <Prop
+                        name="icon"
+                        isRequired={false}
+                        type="string"
+                        default=""
+                        description="Available icons are listed in /#/react/icon-font"
+                    />
+                    <Prop name="onClick" isRequired={true} type="function" default="" description="" />
+                    <Prop name="disabled" isRequired={false} type="boolean" default="" description="" />
                 </PropsList>
 
-                <p className='docs-page__paragraph'>Menu separator</p>
+                <p className="docs-page__paragraph">Menu separator</p>
                 <PropsList>
-                    <Prop name='separator' isRequired={true} type='boolean' default='' description='Adds a separator between items.'/>
+                    <Prop
+                        name="separator"
+                        isRequired={true}
+                        type="boolean"
+                        default=""
+                        description="Adds a separator between items."
+                    />
                 </PropsList>
             </section>
-        )
+        );
     }
 }