@teambit/graphql 1.0.401 → 1.0.403

package/artifacts/__bit_junit.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <testsuites tests="0" failures="0" errors="0" skipped="0">
-  <testsuite name="teambit.harmony/graphql@1.0.401" tests="0" failures="0" errors="0" skipped="0"/>
+  <testsuite name="teambit.harmony/graphql@1.0.403" tests="0" failures="0" errors="0" skipped="0"/>
 </testsuites>

package/artifacts/preview/teambit_harmony_graphql-preview.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/graphql-preview"]=t():e["teambit.harmony/graphql-preview"]=t()}(self,(()=>(()=>{"use strict";var e={11675:(e,t,o)=>{var r={id:"teambit.harmony/graphql@1.0.401",homepage:"https://bit.cloud/teambit/harmony/graphql",exported:!0};function n(){const e=i(o(41594));return n=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,n.__bit_component=r,i.__bit_component=r;const a=()=>n().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},n().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-grphql.svg"}));a.__bit_component=r,t.Logo=a},41594:e=>{e.exports=React}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{compositions:()=>f,compositions_metadata:()=>y,overview:()=>m});var n={};o.r(n),o.d(n,{default:()=>d});var i=o(11675);o(41594);const a=MdxJsReact,p=TeambitMdxUiMdxScopeContext;var c=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},l.apply(null,arguments)}var s={},u="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;o[r]=e[r]}return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)o=i[r],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(e,c);return(0,a.mdx)(u,l({},s,o,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(p.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const f=[i],m=[n],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return r})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/graphql-preview"]=t():e["teambit.harmony/graphql-preview"]=t()}(self,(()=>(()=>{"use strict";var e={51605:(e,t,o)=>{var r={id:"teambit.harmony/graphql@1.0.403",homepage:"https://bit.cloud/teambit/harmony/graphql",exported:!0};function n(){const e=i(o(41594));return n=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,n.__bit_component=r,i.__bit_component=r;const a=()=>n().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},n().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-grphql.svg"}));a.__bit_component=r,t.Logo=a},41594:e=>{e.exports=React}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{compositions:()=>f,compositions_metadata:()=>y,overview:()=>m});var n={};o.r(n),o.d(n,{default:()=>d});var i=o(51605);o(41594);const a=MdxJsReact,p=TeambitMdxUiMdxScopeContext;var c=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},l.apply(null,arguments)}var s={},u="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;o[r]=e[r]}return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)o=i[r],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(e,c);return(0,a.mdx)(u,l({},s,o,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(p.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const f=[i],m=[n],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return r})()));

package/artifacts/schema.json

@@ -3895,7 +3895,7 @@
   "componentId": {
     "scope": "teambit.harmony",
     "name": "graphql",
-    "version": "1.0.401"
+    "version": "1.0.403"
   },
   "taggedModuleExports": []
 }

package/dist/{preview-1725765635764.js → preview-1725971117135.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_graphql@1.0.401/dist/graphql.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_graphql@1.0.401/dist/graphql.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_graphql@1.0.403/dist/graphql.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_graphql@1.0.403/dist/graphql.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/render-lifecycle.js

@@ -26,7 +26,7 @@ function _server() {
   return data;
 }
 function _lodash() {
-  const data = _interopRequireDefault(require("lodash.pick"));
+  const data = require("lodash");
   _lodash = function () {
     return data;
   };
@@ -71,7 +71,7 @@ class GraphqlRenderPlugins {
       const serverUrl = `http://localhost:${port}/graphql`;
       const client = this.graphqlUI.createSsrClient({
         serverUrl,
-        headers: (0, _lodash().default)(browser?.headers, ALLOWED_HEADERS)
+        headers: (0, _lodash().pick)(browser?.headers, ALLOWED_HEADERS)
       });
       const ctx = {
         client

package/dist/render-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_ssr","_server","_lodash","_uiFoundationUi","_graphqlProvider","_graphql","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ALLOWED_HEADERS","GraphqlRenderPlugins","constructor","graphqlUI","GraphqlAspect","id","browser","port","location","serverUrl","client","createSsrClient","headers","pick","ctx","app","getMarkupFromTree","tree","renderFunction","ReactDOMServer","renderToStaticMarkup","undefined","json","JSON","stringify","extract","raw","state","parse","console","error","window","isInsecure","protocol","wsUrl","host","createClient","subscriptionUri","_client","renderCtx","children","createElement","getProvider","isBrowser","BrowserGqlProvider","ServerGqlProvider","getClient","browserInit","exports","GraphQLProvider"],"sources":["render-lifecycle.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n// Calling getMarkupFromTree instead of getDataFromTree so we can control the render function\n// This is required since upgrade to @apollo/client v3.6.9 because otherwise the ssr is not working since\n// webpack is not bundling the react-dom/server\nimport { getMarkupFromTree } from '@apollo/client/react/ssr';\nimport ReactDOMServer from 'react-dom/server';\nimport type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport pick from 'lodash.pick';\n\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport type { SSR } from '@teambit/ui';\n\nimport type { GraphqlUI, GraphQLClient } from './graphql.ui.runtime';\nimport { GraphQLProvider } from './graphql-provider';\nimport { GraphqlAspect } from './graphql.aspect';\n\ntype RenderContext = {\n  client: GraphQLClient<any>;\n};\n\nconst ALLOWED_HEADERS = ['cookie'];\n\nexport class GraphqlRenderPlugins implements SSR.RenderPlugin<RenderContext, { state?: NormalizedCacheObject }> {\n  constructor(private graphqlUI: GraphqlUI) {}\n\n  key = GraphqlAspect.id;\n\n  serverInit = ({ browser }: SSR.SsrSession) => {\n    const port = browser?.location.port || 3000;\n    const serverUrl = `http://localhost:${port}/graphql`;\n\n    const client = this.graphqlUI.createSsrClient({\n      serverUrl,\n      headers: pick(browser?.headers, ALLOWED_HEADERS),\n    });\n\n    const ctx: RenderContext = { client };\n    return ctx;\n  };\n\n  /**\n   * Eagerly and recursively execute all gql queries in the app.\n   * Data will be available in gqlClient.extract()\n   */\n  onBeforeRender = async (ctx: RenderContext, app: ReactNode) => {\n    await getMarkupFromTree({ tree: app, renderFunction: ReactDOMServer.renderToStaticMarkup });\n  };\n\n  serialize = (ctx?: RenderContext) => {\n    const client = ctx?.client;\n    if (!client) return undefined;\n\n    return {\n      json: JSON.stringify(client.extract()),\n    };\n  };\n\n  deserialize = (raw?: string) => {\n    if (!raw) return { state: undefined };\n    let state: NormalizedCacheObject | undefined;\n    try {\n      state = JSON.parse(raw);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error('[GraphQL] failed deserializing state from DOM', e);\n    }\n\n    return { state };\n  };\n\n  private _client: ApolloClient<NormalizedCacheObject> | undefined = undefined;\n\n  browserInit = ({ state }: { state?: NormalizedCacheObject } = {}) => {\n    const { location } = window;\n    const isInsecure = location.protocol === 'http:';\n    const wsUrl = `${isInsecure ? 'ws:' : 'wss:'}//${location.host}/subscriptions`;\n\n    const client = this.graphqlUI.createClient('/graphql', { state, subscriptionUri: wsUrl });\n    this._client = client;\n\n    return { client };\n  };\n\n  getClient() {\n    if (!this._client) return this.browserInit().client;\n    return this._client;\n  }\n\n  private BrowserGqlProvider = ({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) => {\n    if (!renderCtx?.client) throw new TypeError('GQL client is not initialized, make sure `.browserInit()` executes');\n\n    return <this.graphqlUI.getProvider client={renderCtx?.client}>{children}</this.graphqlUI.getProvider>;\n  };\n\n  reactContext = isBrowser ? this.BrowserGqlProvider : ServerGqlProvider;\n}\n\nfunction ServerGqlProvider({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) {\n  if (!renderCtx?.client)\n    throw new TypeError('GQL client has not been initialized during SSR, make sure `.serverInit()` executes');\n\n  const { client } = renderCtx;\n  return <GraphQLProvider client={client}>{children}</GraphQLProvider>;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_ssr","_server","_lodash","_uiFoundationUi","_graphqlProvider","_graphql","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ALLOWED_HEADERS","GraphqlRenderPlugins","constructor","graphqlUI","GraphqlAspect","id","browser","port","location","serverUrl","client","createSsrClient","headers","pick","ctx","app","getMarkupFromTree","tree","renderFunction","ReactDOMServer","renderToStaticMarkup","undefined","json","JSON","stringify","extract","raw","state","parse","console","error","window","isInsecure","protocol","wsUrl","host","createClient","subscriptionUri","_client","renderCtx","children","createElement","getProvider","isBrowser","BrowserGqlProvider","ServerGqlProvider","getClient","browserInit","exports","GraphQLProvider"],"sources":["render-lifecycle.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n// Calling getMarkupFromTree instead of getDataFromTree so we can control the render function\n// This is required since upgrade to @apollo/client v3.6.9 because otherwise the ssr is not working since\n// webpack is not bundling the react-dom/server\nimport { getMarkupFromTree } from '@apollo/client/react/ssr';\nimport ReactDOMServer from 'react-dom/server';\nimport type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport { pick } from 'lodash';\n\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport type { SSR } from '@teambit/ui';\n\nimport type { GraphqlUI, GraphQLClient } from './graphql.ui.runtime';\nimport { GraphQLProvider } from './graphql-provider';\nimport { GraphqlAspect } from './graphql.aspect';\n\ntype RenderContext = {\n  client: GraphQLClient<any>;\n};\n\nconst ALLOWED_HEADERS = ['cookie'];\n\nexport class GraphqlRenderPlugins implements SSR.RenderPlugin<RenderContext, { state?: NormalizedCacheObject }> {\n  constructor(private graphqlUI: GraphqlUI) {}\n\n  key = GraphqlAspect.id;\n\n  serverInit = ({ browser }: SSR.SsrSession) => {\n    const port = browser?.location.port || 3000;\n    const serverUrl = `http://localhost:${port}/graphql`;\n\n    const client = this.graphqlUI.createSsrClient({\n      serverUrl,\n      headers: pick(browser?.headers, ALLOWED_HEADERS),\n    });\n\n    const ctx: RenderContext = { client };\n    return ctx;\n  };\n\n  /**\n   * Eagerly and recursively execute all gql queries in the app.\n   * Data will be available in gqlClient.extract()\n   */\n  onBeforeRender = async (ctx: RenderContext, app: ReactNode) => {\n    await getMarkupFromTree({ tree: app, renderFunction: ReactDOMServer.renderToStaticMarkup });\n  };\n\n  serialize = (ctx?: RenderContext) => {\n    const client = ctx?.client;\n    if (!client) return undefined;\n\n    return {\n      json: JSON.stringify(client.extract()),\n    };\n  };\n\n  deserialize = (raw?: string) => {\n    if (!raw) return { state: undefined };\n    let state: NormalizedCacheObject | undefined;\n    try {\n      state = JSON.parse(raw);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error('[GraphQL] failed deserializing state from DOM', e);\n    }\n\n    return { state };\n  };\n\n  private _client: ApolloClient<NormalizedCacheObject> | undefined = undefined;\n\n  browserInit = ({ state }: { state?: NormalizedCacheObject } = {}) => {\n    const { location } = window;\n    const isInsecure = location.protocol === 'http:';\n    const wsUrl = `${isInsecure ? 'ws:' : 'wss:'}//${location.host}/subscriptions`;\n\n    const client = this.graphqlUI.createClient('/graphql', { state, subscriptionUri: wsUrl });\n    this._client = client;\n\n    return { client };\n  };\n\n  getClient() {\n    if (!this._client) return this.browserInit().client;\n    return this._client;\n  }\n\n  private BrowserGqlProvider = ({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) => {\n    if (!renderCtx?.client) throw new TypeError('GQL client is not initialized, make sure `.browserInit()` executes');\n\n    return <this.graphqlUI.getProvider client={renderCtx?.client}>{children}</this.graphqlUI.getProvider>;\n  };\n\n  reactContext = isBrowser ? this.BrowserGqlProvider : ServerGqlProvider;\n}\n\nfunction ServerGqlProvider({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) {\n  if (!renderCtx?.client)\n    throw new TypeError('GQL client has not been initialized during SSR, make sure `.serverInit()` executes');\n\n  const { client } = renderCtx;\n  return <GraphQLProvider client={client}>{children}</GraphQLProvider>;\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIA,SAAAG,KAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,IAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,QAAA;EAAA,MAAAJ,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAE,OAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAK,QAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,OAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAM,gBAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,eAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIA,SAAAO,iBAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,gBAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,SAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,QAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAiD,SAAAC,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA,KAbjD;AACA;AACA;AAiBA,MAAMgB,eAAe,GAAG,CAAC,QAAQ,CAAC;AAE3B,MAAMC,oBAAoB,CAA+E;EAC9GC,WAAWA,CAASC,SAAoB,EAAE;IAAA,KAAtBA,SAAoB,GAApBA,SAAoB;IAAArB,eAAA,cAElCsB,wBAAa,CAACC,EAAE;IAAAvB,eAAA,qBAET,CAAC;MAAEwB;IAAwB,CAAC,KAAK;MAC5C,MAAMC,IAAI,GAAGD,OAAO,EAAEE,QAAQ,CAACD,IAAI,IAAI,IAAI;MAC3C,MAAME,SAAS,GAAG,oBAAoBF,IAAI,UAAU;MAEpD,MAAMG,MAAM,GAAG,IAAI,CAACP,SAAS,CAACQ,eAAe,CAAC;QAC5CF,SAAS;QACTG,OAAO,EAAE,IAAAC,cAAI,EAACP,OAAO,EAAEM,OAAO,EAAEZ,eAAe;MACjD,CAAC,CAAC;MAEF,MAAMc,GAAkB,GAAG;QAAEJ;MAAO,CAAC;MACrC,OAAOI,GAAG;IACZ,CAAC;IAED;AACF;AACA;AACA;IAHEhC,eAAA,yBAIiB,OAAOgC,GAAkB,EAAEC,GAAc,KAAK;MAC7D,MAAM,IAAAC,wBAAiB,EAAC;QAAEC,IAAI,EAAEF,GAAG;QAAEG,cAAc,EAAEC,iBAAc,CAACC;MAAqB,CAAC,CAAC;IAC7F,CAAC;IAAAtC,eAAA,oBAEYgC,GAAmB,IAAK;MACnC,MAAMJ,MAAM,GAAGI,GAAG,EAAEJ,MAAM;MAC1B,IAAI,CAACA,MAAM,EAAE,OAAOW,SAAS;MAE7B,OAAO;QACLC,IAAI,EAAEC,IAAI,CAACC,SAAS,CAACd,MAAM,CAACe,OAAO,CAAC,CAAC;MACvC,CAAC;IACH,CAAC;IAAA3C,eAAA,sBAEc4C,GAAY,IAAK;MAC9B,IAAI,CAACA,GAAG,EAAE,OAAO;QAAEC,KAAK,EAAEN;MAAU,CAAC;MACrC,IAAIM,KAAwC;MAC5C,IAAI;QACFA,KAAK,GAAGJ,IAAI,CAACK,KAAK,CAACF,GAAG,CAAC;MACzB,CAAC,CAAC,OAAO/C,CAAC,EAAE;QACV;QACAkD,OAAO,CAACC,KAAK,CAAC,+CAA+C,EAAEnD,CAAC,CAAC;MACnE;MAEA,OAAO;QAAEgD;MAAM,CAAC;IAClB,CAAC;IAAA7C,eAAA,kBAEkEuC,SAAS;IAAAvC,eAAA,sBAE9D,CAAC;MAAE6C;IAAyC,CAAC,GAAG,CAAC,CAAC,KAAK;MACnE,MAAM;QAAEnB;MAAS,CAAC,GAAGuB,MAAM;MAC3B,MAAMC,UAAU,GAAGxB,QAAQ,CAACyB,QAAQ,KAAK,OAAO;MAChD,MAAMC,KAAK,GAAG,GAAGF,UAAU,GAAG,KAAK,GAAG,MAAM,KAAKxB,QAAQ,CAAC2B,IAAI,gBAAgB;MAE9E,MAAMzB,MAAM,GAAG,IAAI,CAACP,SAAS,CAACiC,YAAY,CAAC,UAAU,EAAE;QAAET,KAAK;QAAEU,eAAe,EAAEH;MAAM,CAAC,CAAC;MACzF,IAAI,CAACI,OAAO,GAAG5B,MAAM;MAErB,OAAO;QAAEA;MAAO,CAAC;IACnB,CAAC;IAAA5B,eAAA,6BAO4B,CAAC;MAAEyD,SAAS;MAAEC;IAA6D,CAAC,KAAK;MAC5G,IAAI,CAACD,SAAS,EAAE7B,MAAM,EAAE,MAAM,IAAIb,SAAS,CAAC,oEAAoE,CAAC;MAEjH,oBAAO5B,MAAA,GAAAY,OAAA,CAAA4D,aAAA,MAAMtC,SAAS,CAACuC,WAAW;QAAChC,MAAM,EAAE6B,SAAS,EAAE7B;MAAO,GAAE8B,QAAqC,CAAC;IACvG,CAAC;IAAA1D,eAAA,uBAEc6D,2BAAS,GAAG,IAAI,CAACC,kBAAkB,GAAGC,iBAAiB;EAvE3B;EA4D3CC,SAASA,CAAA,EAAG;IACV,IAAI,CAAC,IAAI,CAACR,OAAO,EAAE,OAAO,IAAI,CAACS,WAAW,CAAC,CAAC,CAACrC,MAAM;IACnD,OAAO,IAAI,CAAC4B,OAAO;EACrB;AASF;AAACU,OAAA,CAAA/C,oBAAA,GAAAA,oBAAA;AAED,SAAS4C,iBAAiBA,CAAC;EAAEN,SAAS;EAAEC;AAA6D,CAAC,EAAE;EACtG,IAAI,CAACD,SAAS,EAAE7B,MAAM,EACpB,MAAM,IAAIb,SAAS,CAAC,oFAAoF,CAAC;EAE3G,MAAM;IAAEa;EAAO,CAAC,GAAG6B,SAAS;EAC5B,oBAAOtE,MAAA,GAAAY,OAAA,CAAA4D,aAAA,CAAChE,gBAAA,GAAAwE,eAAe;IAACvC,MAAM,EAAEA;EAAO,GAAE8B,QAA0B,CAAC;AACtE","ignoreList":[]}

package/package.json

@@ -1,46 +1,46 @@
 {
   "name": "@teambit/graphql",
-  "version": "1.0.401",
+  "version": "1.0.403",
   "homepage": "https://bit.cloud/teambit/harmony/graphql",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "graphql",
-    "version": "1.0.401"
+    "version": "1.0.403"
   },
   "dependencies": {
     "@graphql-modules/core": "0.7.17",
     "@graphql-tools/schema": "^10.0.0",
     "cors": "2.8.5",
     "express-graphql": "0.12.0",
-    "express": "4.17.1",
+    "express": "4.19.2",
     "graphql-disable-introspection": "^1.2.0",
     "graphql-subscriptions": "1.2.0",
     "http-proxy": "1.18.1",
     "subscriptions-transport-ws": "0.9.18",
     "cross-fetch": "3.1.5",
-    "lodash.pick": "4.4.0",
+    "lodash": "4.17.21",
     "apollo-link-context": "1.0.20",
     "apollo-link-http": "1.5.17",
     "apollo-link-ws": "1.0.20",
     "apollo-link": "1.2.14",
-    "apollo-server": "2.19.2",
+    "apollo-server": "2.26.2",
     "apollo-utilities": "1.3.4",
     "node-fetch": "2.6.7",
-    "ws": "7.4.2",
+    "ws": "7.5.10",
     "utf-8-validate": "5.0.5",
     "bufferutil": "4.0.3",
     "@teambit/harmony": "0.4.6",
     "@teambit/ui-foundation.ui.is-browser": "0.0.500",
-    "@teambit/cli": "0.0.978",
-    "@teambit/logger": "0.0.1071",
+    "@teambit/cli": "0.0.980",
+    "@teambit/logger": "0.0.1073",
     "@teambit/toolbox.network.get-port": "1.0.6",
-    "@teambit/ui": "1.0.401"
+    "@teambit/ui": "1.0.403"
   },
   "devDependencies": {
     "@types/cors": "2.8.10",
     "@types/express": "4.17.13",
-    "@types/lodash.pick": "4.4.6",
+    "@types/lodash": "4.14.165",
     "@types/node-fetch": "2.5.12",
     "@types/mocha": "9.1.0",
     "chai": "4.3.0",

package/render-lifecycle.tsx

@@ -5,7 +5,7 @@ import React, { ReactNode } from 'react';
 import { getMarkupFromTree } from '@apollo/client/react/ssr';
 import ReactDOMServer from 'react-dom/server';
 import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';
-import pick from 'lodash.pick';
+import { pick } from 'lodash';
 
 import { isBrowser } from '@teambit/ui-foundation.ui.is-browser';
 import type { SSR } from '@teambit/ui';