graphiql - npm Package Compare versions

Comparing version 3.0.8 to 3.0.9-canary-7703226d.0

dist/components/GraphiQL.d.ts

@@ -5,2 +5,3 @@ import React, { PropsWithChildren, ReactNode } from 'react';
     additionalContent?: React.ReactNode;
+    additionalComponent?: React.JSXElementConstructor<any>;
 };
@@ -7,0 +8,0 @@ export declare type GraphiQLProps = Omit<GraphiQLProviderProps, 'children'> & GraphiQLInterfaceProps;

dist/components/GraphiQL.js

@@ -88,3 +88,3 @@ "use strict";
 function GraphiQLInterface(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var isHeadersEditorEnabled = (_a = props.isHeadersEditorEnabled) !== null && _a !== void 0 ? _a : true;
@@ -99,3 +99,3 @@ var editorContext = (0, react_2.useEditorContext)({ nonNull: true });
     var prettify = (0, react_2.usePrettifyEditors)();
-    var _d = (0, react_2.useTheme)(), theme = _d.theme, setTheme = _d.setTheme;
+    var _e = (0, react_2.useTheme)(), theme = _e.theme, setTheme = _e.setTheme;
     var PluginContent = (_b = pluginContext === null || pluginContext === void 0 ? void 0 : pluginContext.visiblePlugin) === null || _b === void 0 ? void 0 : _b.content;
@@ -136,3 +136,3 @@ var pluginResize = (0, react_2.useDragResize)({
     });
-    var _e = __read((0, react_1.useState)(function () {
+    var _f = __read((0, react_1.useState)(function () {
         if (props.defaultEditorToolsVisibility === 'variables' ||
@@ -147,5 +147,5 @@ props.defaultEditorToolsVisibility === 'headers') {
             : 'variables';
-    }), 2), activeSecondaryEditor = _e[0], setActiveSecondaryEditor = _e[1];
-    var _f = __read((0, react_1.useState)(null), 2), showDialog = _f[0], setShowDialog = _f[1];
-    var _g = __read((0, react_1.useState)(null), 2), clearStorageStatus = _g[0], setClearStorageStatus = _g[1];
+    }), 2), activeSecondaryEditor = _f[0], setActiveSecondaryEditor = _f[1];
+    var _g = __read((0, react_1.useState)(null), 2), showDialog = _g[0], setShowDialog = _g[1];
+    var _h = __read((0, react_1.useState)(null), 2), clearStorageStatus = _h[0], setClearStorageStatus = _h[1];
     var children = react_1.default.Children.toArray(props.children);
@@ -163,4 +163,5 @@ var logo = children.find(function (child) {
         react_1.default.createElement(react_2.ToolbarButton, { onClick: copy, label: "Copy query (Shift-Ctrl-C)" },
-            react_1.default.createElement(react_2.CopyIcon, { className: "graphiql-toolbar-icon", "aria-hidden": "true" })), (_c = props.toolbar) === null || _c === void 0 ? void 0 :
-        _c.additionalContent));
+            react_1.default.createElement(react_2.CopyIcon, { className: "graphiql-toolbar-icon", "aria-hidden": "true" })),
+        ((_c = props.toolbar) === null || _c === void 0 ? void 0 : _c.additionalContent) && props.toolbar.additionalContent,
+        ((_d = props.toolbar) === null || _d === void 0 ? void 0 : _d.additionalComponent) && (react_1.default.createElement(props.toolbar.additionalComponent, null))));
     var footer = children.find(function (child) {
@@ -167,0 +168,0 @@ return isChildComponentType(child, GraphiQL.Footer);

esm/components/GraphiQL.d.ts

@@ -5,2 +5,3 @@ import React, { PropsWithChildren, ReactNode } from 'react';
     additionalContent?: React.ReactNode;
+    additionalComponent?: React.JSXElementConstructor<any>;
 };
@@ -7,0 +8,0 @@ export declare type GraphiQLProps = Omit<GraphiQLProviderProps, 'children'> & GraphiQLInterfaceProps;

esm/components/GraphiQL.js

@@ -61,3 +61,3 @@ var __assign = (this && this.__assign) || function () {
 export function GraphiQLInterface(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var isHeadersEditorEnabled = (_a = props.isHeadersEditorEnabled) !== null && _a !== void 0 ? _a : true;
@@ -72,3 +72,3 @@ var editorContext = useEditorContext({ nonNull: true });
     var prettify = usePrettifyEditors();
-    var _d = useTheme(), theme = _d.theme, setTheme = _d.setTheme;
+    var _e = useTheme(), theme = _e.theme, setTheme = _e.setTheme;
     var PluginContent = (_b = pluginContext === null || pluginContext === void 0 ? void 0 : pluginContext.visiblePlugin) === null || _b === void 0 ? void 0 : _b.content;
@@ -109,3 +109,3 @@ var pluginResize = useDragResize({
     });
-    var _e = __read(useState(function () {
+    var _f = __read(useState(function () {
         if (props.defaultEditorToolsVisibility === 'variables' ||
@@ -120,5 +120,5 @@ props.defaultEditorToolsVisibility === 'headers') {
             : 'variables';
-    }), 2), activeSecondaryEditor = _e[0], setActiveSecondaryEditor = _e[1];
-    var _f = __read(useState(null), 2), showDialog = _f[0], setShowDialog = _f[1];
-    var _g = __read(useState(null), 2), clearStorageStatus = _g[0], setClearStorageStatus = _g[1];
+    }), 2), activeSecondaryEditor = _f[0], setActiveSecondaryEditor = _f[1];
+    var _g = __read(useState(null), 2), showDialog = _g[0], setShowDialog = _g[1];
+    var _h = __read(useState(null), 2), clearStorageStatus = _h[0], setClearStorageStatus = _h[1];
     var children = React.Children.toArray(props.children);
@@ -136,4 +136,5 @@ var logo = children.find(function (child) {
         React.createElement(ToolbarButton, { onClick: copy, label: "Copy query (Shift-Ctrl-C)" },
-            React.createElement(CopyIcon, { className: "graphiql-toolbar-icon", "aria-hidden": "true" })), (_c = props.toolbar) === null || _c === void 0 ? void 0 :
-        _c.additionalContent));
+            React.createElement(CopyIcon, { className: "graphiql-toolbar-icon", "aria-hidden": "true" })),
+        ((_c = props.toolbar) === null || _c === void 0 ? void 0 : _c.additionalContent) && props.toolbar.additionalContent,
+        ((_d = props.toolbar) === null || _d === void 0 ? void 0 : _d.additionalComponent) && (React.createElement(props.toolbar.additionalComponent, null))));
     var footer = children.find(function (child) {
@@ -140,0 +141,0 @@ return isChildComponentType(child, GraphiQL.Footer);

package.json

 {
   "name": "graphiql",
-  "version": "3.0.8",
+  "version": "3.0.9-canary-7703226d.0",
   "description": "An graphical interactive in-browser GraphQL IDE.",
@@ -50,3 +50,3 @@ "contributors": [
   "dependencies": {
-    "@graphiql/react": "^0.20.1",
+    "@graphiql/react": "^0.20.2-canary-7703226d.0",
     "@graphiql/toolkit": "^0.9.1",
@@ -53,0 +53,0 @@ "graphql-language-service": "^5.2.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13303726

increased by0.01%

Worsened metrics

Lines of code

168222

decreased by-0.01%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• Updated@graphiql/react@^0.20.2-canary-7703226d.0