Chore: Update to 5.1.0 (#1661)

microsoftgraph · Apr 13, 2022 · b8787e5 · b8787e5
1 parent 728734d
commit b8787e5
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
         "name": "graph-explorer-v2",
-        "version": "5.0.0",
+        "version": "5.1.0",
         "private": true,
         "dependencies": {
                 "@augloop/types-core": "file:packages/types-core-2.16.189.tgz",

diff --git a/src/app/services/actions/query-action-creator-util.ts b/src/app/services/actions/query-action-creator-util.ts
@@ -97,9 +97,9 @@ function createAuthenticatedRequest(
     });
   }
 
-  const msalAuthOptions:AuthCodeMSALBrowserAuthenticationProviderOptions = {
+  const msalAuthOptions: AuthCodeMSALBrowserAuthenticationProviderOptions = {
     account: authenticationWrapper.getAccount()!,
-    interactionType: InteractionType.Popup ,
+    interactionType: InteractionType.Popup,
     scopes
   }
   const middlewareOptions = new AuthenticationHandlerOptions(

diff --git a/src/app/services/actions/snippet-action-creator.ts b/src/app/services/actions/snippet-action-creator.ts
@@ -67,7 +67,7 @@ export function getSnippet(language: string): Function {
 
       // eslint-disable-next-line max-len
       let body = `${sampleQuery.selectedVerb} /${queryVersion}/${requestUrl + search} ${httpVersion}\r\n${host}\r\n${sampleHeaders}\r\n\r\n`;
-      if(sampleQuery.selectedVerb !== 'GET'){
+      if (sampleQuery.selectedVerb !== 'GET') {
         body += `${requestBody}`;
       }
 

diff --git a/src/app/views/App.tsx b/src/app/views/App.tsx
@@ -365,7 +365,7 @@ class App extends Component<IAppProps, IAppState> {
     element.style.removeProperty('flex-basis');
   }
 
-  private removeSidebarHeightProperty(){
+  private removeSidebarHeightProperty() {
     /*
     height style property is added automatically on the sidebar when the window resizes
     and is set to 100% leading to a distortion of the page when these exact steps are followed.
@@ -422,18 +422,19 @@ class App extends Component<IAppProps, IAppState> {
     return (
       // @ts-ignore
       <ThemeContext.Provider value={this.props.appTheme}>
-        <div className={`ms-Grid ${classes.app}`} style={{ paddingLeft : mobileScreen && '15px'}}>
+        <div className={`ms-Grid ${classes.app}`} style={{ paddingLeft: mobileScreen && '15px' }}>
           <Announced
             message={
               !showSidebar
                 ? translateMessage('Sidebar minimized')
                 : translateMessage('Sidebar maximized')
             }
           />
-          <div className={ `ms-Grid-row ${classes.appRow}`} style={{
+          <div className={`ms-Grid-row ${classes.appRow}`} style={{
             flexWrap: mobileScreen && 'wrap',
-            marginRight: showSidebar || (graphExplorerMode === Mode.TryIt)  && '-20px',
-            flexDirection: (graphExplorerMode === Mode.TryIt) ? 'column' : 'row' }}>
+            marginRight: showSidebar || (graphExplorerMode === Mode.TryIt) && '-20px',
+            flexDirection: (graphExplorerMode === Mode.TryIt) ? 'column' : 'row'
+          }}>
 
             {graphExplorerMode === Mode.Complete && (
               <Resizable
@@ -492,7 +493,7 @@ class App extends Component<IAppProps, IAppState> {
                   width: graphExplorerMode === Mode.TryIt ? '100%' : contentWidth,
                   height: contentHeight
                 }}
-                style={!sidebarProperties.showSidebar && !mobileScreen ? {marginLeft: '8px'} : {} }
+                style={!sidebarProperties.showSidebar && !mobileScreen ? { marginLeft: '8px' } : {}}
               >
                 <div style={{ marginBottom: 8 }} >
                   <QueryRunner onSelectVerb={this.handleSelectVerb} />

diff --git a/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts b/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts
@@ -18,7 +18,7 @@ export const autoCompleteStyles = (theme: ITheme) => {
       paddingLeft: 0,
       position: 'absolute',
       backgroundColor: theme.palette.neutralLighter,
-      minWidth: controlWidth,
+      minWidth: '40%',
       zIndex: 1,
       cursor: 'pointer',
       color: theme.palette.black

diff --git a/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx b/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx
@@ -1,5 +1,7 @@
-import { DefaultButton, Dialog, DialogFooter, DialogType, DirectionalHint, FontSizes,
-  IconButton, IIconProps, TooltipHost } from '@fluentui/react';
+import {
+  DefaultButton, Dialog, DialogFooter, DialogType, DirectionalHint, FontSizes,
+  IconButton, IIconProps, TooltipHost
+} from '@fluentui/react';
 import React, { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 
@@ -40,13 +42,13 @@ export const ShareQuery = () => {
       });
   }
 
-  const iconProps : IIconProps = {
+  const iconProps: IIconProps = {
     iconName: 'Share'
   }
 
   const shareButtonStyles = shareQueryStyles().iconButton;
 
-  const content = <div style={{padding:'3px'}}>{translateMessage('Share Query')}</div>
+  const content = <div style={{ padding: '3px' }}>{translateMessage('Share Query')}</div>
   const calloutProps = {
     gapSpace: 0
   };