storybook-addon-apollo-client/dist/preview.cjs.map

Use Apollo Client in your Storybook stories.

{"version":3,"sources":["../src/constants.ts","../src/withApolloClient.tsx","../src/preview.ts"],"names":["ADDON_ID","PARAM_KEY","EVENTS","withApolloClient","Story","context","props","emit","useChannel","mock","print","React","MockedProvider","decorators"],"mappings":"8QAAO,IAAMA,CAAAA,CAAW,yBAAA,CAEXC,CAAAA,CAAY,cAAA,CAEZC,CAAAA,CAAS,CACpB,MAAA,CAAQ,CAAA,EAAGF,CAAQ,CAAA,OAAA,CAAA,CACnB,OAAA,CAAS,CAAA,EAAGA,CAAQ,CAAA,QAAA,CAAA,CACpB,KAAA,CAAO,CAAA,EAAGA,CAAQ,CAAA,MAAA,CACpB,ECDO,IAAMG,CAAAA,CAAsC,CAACC,CAAAA,CAAOC,CAAAA,GAAY,CACrE,IAAMC,CAAAA,CAAQD,EAAQ,UAAA,CAAWJ,CAAS,CAAA,CAEpCM,CAAAA,CAAOC,qBAAAA,CAAW,CACtB,CAACN,CAAAA,CAAO,OAAO,EAAG,IAAM,CACtBK,CAAAA,CAAKL,CAAAA,CAAO,MAAA,CAAQ,CAClB,MAAOI,CAAAA,EAAO,KAAA,EAAS,EAAC,CACxB,OAAA,CAASA,CAAAA,EAAO,KAAA,EAAO,GAAA,CAAKG,CAAAA,EAASC,aAAAA,CAAMD,CAAAA,CAAK,OAAA,CAAQ,KAAK,CAAC,CAAA,EAAK,EACrE,CAAC,EACH,CAAA,CACA,CAACP,CAAAA,CAAO,KAAK,EAAG,IAAM,CACpBK,CAAAA,CAAKL,CAAAA,CAAO,MAAA,CAAQ,CAClB,KAAA,CAAO,EAAC,CACR,QAAS,EACX,CAAC,EACH,CACF,CAAC,CAAA,CAED,OAAKI,CAAAA,CAKHK,kBAAAA,CAAA,aAAA,CAACC,sBAAAA,CAAA,CAAgB,GAAGN,CAAAA,CAAAA,CAClBK,kBAAAA,CAAA,cAACP,CAAAA,CAAA,CAAO,GAAGC,CAAAA,CAAS,CACtB,CAAA,CANOM,kBAAAA,CAAA,aAAA,CAACP,CAAAA,CAAA,CAAO,GAAGC,CAAAA,CAAS,CAQ/B,CAAA,CChCO,IAAMQ,CAAAA,CAAa,CAACV,CAAgB","file":"preview.cjs","sourcesContent":["export const ADDON_ID = \"storybook/apollo-client\";\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const PARAM_KEY = `apolloClient`;\n\nexport const EVENTS = {\n  RESULT: `${ADDON_ID}/result`,\n  REQUEST: `${ADDON_ID}/request`,\n  CLEAR: `${ADDON_ID}/clear`,\n};\n","import React from \"react\";\nimport { useChannel } from \"storybook/internal/preview-api\";\nimport { EVENTS, PARAM_KEY } from \"./constants\";\nimport { print } from \"graphql\";\nimport { MockedProvider } from \"@apollo/client/testing\";\nimport type { DecoratorFunction } from \"storybook/internal/types\";\n\nexport const withApolloClient: DecoratorFunction = (Story, context) => {\n  const props = context.parameters[PARAM_KEY];\n\n  const emit = useChannel({\n    [EVENTS.REQUEST]: () => {\n      emit(EVENTS.RESULT, {\n        mocks: props?.mocks ?? [],\n        queries: props?.mocks?.map((mock) => print(mock.request.query)) ?? [],\n      });\n    },\n    [EVENTS.CLEAR]: () => {\n      emit(EVENTS.RESULT, {\n        mocks: [],\n        queries: [],\n      });\n    },\n  });\n\n  if (!props) {\n    return <Story {...context} />;\n  }\n\n  return (\n    <MockedProvider {...props}>\n      <Story {...context} />\n    </MockedProvider>\n  );\n};\n","import { withApolloClient } from \"./withApolloClient\";\n\nexport const decorators = [withApolloClient];\n"]}