fix(deps): update dependency @graphiql/react to v0.37.1

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@graphiql/react (source)	0.32.1 -> 0.37.1

---

Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.

---

Release Notes

graphql/graphiql (@​graphiql/react)

v0.37.1

Compare Source

Patch Changes

• #​4081 4950dec Thanks @​dimaMachina! - feat: add loader for initial loading of operation editor
  fix: adjust command palette width, border and remove box-shadow
  feat: add short cut Cmd/Ctrl + , for opening GraphiQL settings dialog

v0.37.0

Compare Source

Minor Changes

• #​4078 6e5d5fc Thanks @​dimaMachina! - fix color in the F1 popup should be graphiql primary color and add deprecated exports for useEditorStore, useExecutionStore, usePluginStore and useSchemaStore

Patch Changes

• #​4079 293beed Thanks @​dimaMachina! - remove legacy codemirror CSS styles

v0.36.0

Compare Source

Minor Changes

• #​4071 3a0a755 Thanks @​dimaMachina! - feat(graphql-language-service): export getContextAtPosition
  feat(graphiql): dynamically import monaco-editor and monaco-graphql

  When using GraphiQL in Next.js app, you no longer need to use next/dynamic:

  -import dynamic from 'next/dynamic'
  -const GraphiQL = dynamic(() => import('graphiql').then(mod => mod.GraphiQL), {
  -  ssr: false
  -})
  +import { GraphiQL } from 'graphiql'

• #​4074 fd3f9e6 Thanks @​dimaMachina! - Ensure storage and theme store values aren't shared between GraphiQL instances. Deprecate useTheme and useStorage hooks in favour of values from useGraphiQL and useGraphiQLActions hooks

  feat(@graphiql/plugin-history/@graphiql/plugin-doc-explorer): move @graphiql/react to peerDependencies

• #​4077 3d41e11 Thanks @​dimaMachina! - add new example Usage GraphiQL 5 with Vite, React Router and ssr: true

Patch Changes

• #​4076 416e3a0 Thanks @​dimaMachina! - fix broken useOperationsEditorState and useEditorState hook and add unit tests

• Updated dependencies [3a0a755]:

  • monaco-graphql@​1.7.2
  • graphql-language-service@​5.5.0

v0.35.6

Compare Source

Patch Changes

• #​4069 142f3f2 Thanks @​dimaMachina! - reduce bundle size, import prettier dynamically to avoid bundling Prettier

  diff from vite example

  -dist/assets/index-BMgFrxsd.js             4,911.53 kB │ gzip: 1,339.77 kB
  +dist/assets/index-BlpzusGL.js             4,221.28 kB │ gzip: 1,145.58 kB

v0.35.5

Compare Source

Patch Changes

• #​4063 44b18e4 Thanks @​dimaMachina! - fix useOperationsEditorState wasn't returned updated return value

v0.35.4

Compare Source

Patch Changes

• #​4052 9b54581 Thanks @​dimaMachina! - fix multiple GraphiQL instances, suffix a unique id for operation, request headers, variables and response URI.

  E.g., the first GraphiQL instance will have:

  • 1-operation.graphql
  • 1-request-headers.json
  • 1-variables.json
  • 1-response.json

  The 2nd instance will have:

  • 2-operation.graphql
  • 2-request-headers.json
  • 2-variables.json
  • 2-response.json

  etc.

• #​4049 2c0586d Thanks @​dimaMachina! - - use allowTrailingComma option in jsonc parser to make tryParseJsonObject sync

  • parse introspection headers with jsonc parser
  • use prettier format for operation editor since we already use prettier for jsonc editors

• #​4050 002f133 Thanks @​dimaMachina! - fix can't access property "jsonDefaults"

v0.35.3

Compare Source

Patch Changes

• #​4046 8b56462 Thanks @​dimaMachina! - Enable font ligatures in monaco-editors fix incorrect caret position on Windows

v0.35.2

Compare Source

Patch Changes

• #​4044 68b347c Thanks @​dimaMachina! - fix Fixes Uncaught Error: can't access property "offsetNode", hitResult is null on Mozilla

v0.35.1

Compare Source

Patch Changes

• #​4037 e548574 Thanks @​dimaMachina! - fix execute button becomes unstyled if there are several queries present

v0.35.0

Compare Source

Minor Changes

• #​3990 27e7eb6 Thanks @​dimaMachina! - - allow multiple independent instances of GraphiQL on the same page

  • store onClickReference in query editor in React ref
  • remove onClickReference from variable editor
  • fix shortcut text per OS for run query in execute query button's tooltip and in default query
  • allow override all default GraphiQL plugins
  • adjust operation argument color to be purple from GraphiQL v2 on dark/light theme

• #​3949 0844dc1 Thanks @​dimaMachina! - - replace onCopyQuery hook with copyQuery function

  • replace onMergeQuery hook with mergeQuery function
  • replace onPrettifyEditors hook with prettifyEditors function
  • remove fetcher prop from SchemaContextProvider and schemaStore and add fetcher to executionStore
  • add onCopyQuery and onPrettifyQuery props to EditorContextProvider
  • remove exports (use GraphiQLProvider)
    • EditorContextProvider
    • ExecutionContextProvider
    • PluginContextProvider
    • SchemaContextProvider
    • StorageContextProvider
    • ExecutionContextType
    • PluginContextType
  • feat(@​graphiql/react): migrate React context to zustand:
    • replace useExecutionContext with useExecutionStore hook
    • replace useEditorContext with useEditorStore hook
  • prefer getComputedStyle over window.getComputedStyle

• #​3999 866a8f3 Thanks @​dimaMachina! - update graphiql-cdn example to show how to load workers with esm.sh

• #​4009 4936492 Thanks @​dimaMachina! - separate store actions from state, add useGraphiQLActions state

• #​4005 1e3ec84 Thanks @​dimaMachina! - support externalFragments prop and remove validationRules prop

• #​4003 0c8e390 Thanks @​dimaMachina! - remove readOnly prop
  document keyMap prop was removed in migration guide

• #​3735 0a08642 Thanks @​dimaMachina! - - Remove query, variables, headers, and response props from <GraphiQL /> and <GraphiQLProvider />

  • Add initialQuery, initialVariables and initialHeaders props
  • Fix defaultQuery, when is set will only be used for the first tab. When opening more tabs, the query editor will start out empty
  • remove useSynchronizeValue hook

• #​4017 cff3da5 Thanks @​dimaMachina! - extract graphiql sidebar to react component

• #​4025 6a50740 Thanks @​dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig

• #​3234 86a96e5 Thanks @​dimaMachina! - Migration from Codemirror to Monaco Editor

  Replacing codemirror-graphql with monaco-graphql

  Support for comments in Variables and Headers editors

• #​4011 30bc3f9 Thanks @​dimaMachina! - fix execute query shortcut in query editor, run it even there are no operations in query editor

  fix plugin store, save last opened plugin in storage

• #​4014 4b39f11 Thanks @​dimaMachina! - extract storage key constants

• #​4026 7fb5ac3 Thanks @​dimaMachina! - - deprecate useExplorerContext, useHistoryContext, usePrettifyEditors, useCopyQuery, useMergeQuery, useExecutionContext, usePluginContext, useSchemaContext, useStorageContext hooks

  • fix response editor overflow on <GraphiQL.Footer />
  • export GraphiQLProps type
  • allow children: ReactNode for <GraphiQL.Toolbar />
  • change ToolbarMenu component:
    • The label and className props were removed
    • The button prop should now be a button element
  • document useGraphiQL and useGraphiQLActions hooks in @graphiql/react README.md
  • rename useThemeStore to useTheme

• #​3950 2455907 Thanks @​dimaMachina! - - remove useQueryEditor, useVariableEditor, useHeaderEditor, useResponseEditor hooks

  • remove UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs exports
  • rename components
    • StorageContextProvider => StorageStore
    • EditorContextProvider => EditorStore
    • SchemaContextProvider => SchemaStore
    • ExecutionContextProvider => ExecutionStore
    • HistoryContextProvider => HistoryStore
    • ExplorerContextProvider => ExplorerStore

Patch Changes

• #​4020 3c0ad34 Thanks @​dimaMachina! - - run cypress tests in React strict mode
  • fix defaultQuery with empty string does not result in an empty default query
  • fix useDidUpdate in React strict mode
• Updated dependencies [1e3ec84]:
  • monaco-graphql@​1.7.1

v0.34.1

Compare Source

Patch Changes

• #​3970 7054591 Thanks @​dimaMachina! - revert #​3946 to have support multiple embedded graphiql instances on the same page

• Updated dependencies [7054591]:

  • @​graphiql/toolkit@​0.11.3

v0.34.0

Compare Source

Minor Changes

• #​3946 71755b7 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand:
  • replace useExecutionContext with useExecutionStore hook
  • replace useEditorContext with useEditorStore hook
  • replace useAutoCompleteLeafs hook with getAutoCompleteLeafs function

Patch Changes

• #​3963 6d631e2 Thanks @​dimaMachina! - fix headers are not set in the refetch of introspection query

v0.33.0

Compare Source

Minor Changes

• #​3945 117627b Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace usePluginContext with usePluginStore hook

• #​3947 fa78481 Thanks @​dimaMachina! - refactor useStorage, useDocExplorer and useHistory hooks

• #​3943 7275472 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace useSchemaContext with useSchemaStore hook

• #​3942 00c8605 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace useStorageContext with useStorage hook

v0.32.2

Compare Source

Patch Changes

• #​3936 2bfbb06 Thanks @​dimaMachina! - add scroll-x to graphiql tabs area

• #​3939 69ad489 Thanks @​dimaMachina! - prefer React.FC type when declaring React components

• #​3937 2500288 Thanks @​dimaMachina! - remove Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format warnings on SSR

---

Configuration

📅 Schedule: Branch creation - "after 10pm every weekday,before 5am every weekday,every weekend" in timezone Europe/London, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.