fix types incorrect types entry (#3740)

Author: dimaMachina

.changeset/nine-meals-happen.md

@@ -0,0 +1,6 @@
+---
+'@graphiql/plugin-code-exporter': patch
+'@graphiql/plugin-explorer': patch
+---
+
+fix types incorrect types entry

packages/graphiql-plugin-code-exporter/package.json

@@ -27,7 +27,7 @@
     ".": {
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {

packages/graphiql-plugin-explorer/README.md

@@ -44,4 +44,4 @@ function GraphiQLWithExplorer() {
 
 You can also use this plugin with `unpkg`, `jsdelivr`, and other CDNs.
 
-See the [example HTML file](examples/index.html) for this plugin
+See the [example HTML file](./example.html) for this plugin

packages/graphiql-plugin-explorer/examples/index.html renamed to packages/graphiql-plugin-explorer/example.html

@@ -68,15 +68,20 @@
       const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
 
       const root = ReactDOM.createRoot(document.getElementById('graphiql'));
-      root.render(
-        React.createElement(GraphiQL, {
-          fetcher: fetcher,
-          defaultEditorToolsVisibility: true,
-          plugins: [explorerPlugin],
-          defaultQuery:
-            'query AllFilms {\n  allFilms {\n    films {\n      title\n    }\n  }\n}',
-        }),
-      );
+      const app = React.createElement(GraphiQL, {
+        fetcher,
+        defaultEditorToolsVisibility: true,
+        plugins: [explorerPlugin],
+        defaultQuery: `query AllFilms {
+  allFilms {
+    films {
+      title
+    }
+  }
+}`,
+      });
+
+      root.render(app);
     </script>
   </body>
 </html>

packages/graphiql-plugin-explorer/package.json

@@ -26,7 +26,7 @@
     ".": {
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {

packages/graphiql-plugin-explorer/src/index.css

@@ -64,7 +64,7 @@
 
 .graphiql-explorer-graphql-arguments input {
   line-height: 0;
-  min-width: 5rem;
+  min-width: 2rem;
 }
 
 .graphiql-explorer-actions {