fix: graphiql non-relative import issues (#1534) fixes #1530

Author: acao

packages/graphiql/src/components/HistoryQuery.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { QueryStoreItem } from 'src/utility/QueryStore';
+import { QueryStoreItem } from '../utility/QueryStore';
 
 export type HandleEditLabelFn = (
   query?: string,

packages/graphiql/src/components/QueryEditor.tsx

@@ -12,7 +12,7 @@ import MD from 'markdown-it';
 import { normalizeWhitespace } from '../utility/normalizeWhitespace';
 import onHasCompletion from '../utility/onHasCompletion';
 import commonKeys from '../utility/commonKeys';
-import { SizerComponent } from 'src/utility/CodeMirrorSizer';
+import { SizerComponent } from '../utility/CodeMirrorSizer';
 
 const md = new MD();
 const AUTO_COMPLETE_AFTER_KEY = /^[a-zA-Z0-9_@(]$/;

packages/graphiql/src/new-components/Toolbar/Tabs.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from 'theme-ui';
 import WithDividers from './support/WithDividers';
-import { ReactNodeLike } from 'src/types';
+import { ReactNodeLike } from '../../types';
 
 export type TabProps = { active: boolean } & React.DetailedHTMLProps<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

packages/graphiql/src/new-components/themes/decorators.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactNodeLike } from 'src/types';
+import { ReactNodeLike } from '../../types';
 
 const styles = {
   maxWidth: '60em',

packages/graphiql/src/new-components/themes/types.ts

@@ -1,4 +1,4 @@
-import { Maybe, ReactNodeLike } from 'src/types';
+import { Maybe, ReactNodeLike } from '../../types';
 
 export type Color = string;
 export type Colors = {

packages/graphiql/tsconfig.json

@@ -5,7 +5,6 @@
     "outDir": "./dist",
     "composite": true,
     "jsx": "react",
-    "baseUrl": ".",
     "target": "es5",
     "strictPropertyInitialization": false
   },