@graphitation/apollo-react-relay-duct-tape 0.7.3 → 1.0.0-alpha.1

package/lib/storeObservation/compiledHooks/useCompiledRefetchableFragment.js

@@ -0,0 +1,131 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __objSpread = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  useCompiledRefetchableFragment: () => useCompiledRefetchableFragment
+});
+var import_react = __toModule(require("react"));
+var import_react_dom = __toModule(require("react-dom"));
+var import_client = __toModule(require("@apollo/client"));
+var import_invariant = __toModule(require("invariant"));
+var import_useCompiledFragment = __toModule(require("./useCompiledFragment"));
+var import_lodash = __toModule(require("lodash"));
+var import_convertFetchPolicy = __toModule(require("../../convertFetchPolicy"));
+function useCompiledRefetchableFragment(documents, fragmentReference) {
+  const {executionQueryDocument, metadata} = documents;
+  (0, import_invariant.default)(metadata && metadata.mainFragment, "useRefetchableFragment(): Expected metadata to have been extracted from the fragment. Did you forget to invoke the compiler?");
+  (0, import_invariant.default)(executionQueryDocument, "useRefetchableFragment(): Expected fragment `%s` to be refetchable when using `useRefetchableFragment`. Did you forget to add a @refetchable directive to the fragment?", metadata.mainFragment.name);
+  const client = (0, import_client.useApolloClient)();
+  const [
+    fragmentReferenceWithOwnVariables,
+    setFragmentReferenceWithOwnVariables
+  ] = (0, import_react.useState)(fragmentReference);
+  const data = (0, import_useCompiledFragment.useCompiledFragment)(documents, fragmentReferenceWithOwnVariables);
+  const disposable = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => () => {
+    if (disposable.current) {
+      disposable.current.dispose();
+      disposable.current = void 0;
+    }
+  }, []);
+  const refetch = (0, import_react.useCallback)((variablesSubset, options) => {
+    var _a;
+    const variables = __objSpread(__objSpread(__objSpread({}, fragmentReference.__fragments), variablesSubset), {
+      id: fragmentReference.id
+    });
+    const observable = client.watchQuery({
+      fetchPolicy: (_a = (0, import_convertFetchPolicy.convertFetchPolicy)(options == null ? void 0 : options.fetchPolicy)) != null ? _a : "network-only",
+      query: executionQueryDocument,
+      variables
+    });
+    let subscription = observable.subscribe(({data: data2, error}) => {
+      subscription.unsubscribe();
+      subscription = void 0;
+      disposable.current = void 0;
+      (0, import_react_dom.unstable_batchedUpdates)(() => {
+        var _a2;
+        if (options == null ? void 0 : options.UNSTABLE_onCompletedWithData) {
+          options.UNSTABLE_onCompletedWithData(error || null, data2);
+        } else {
+          (_a2 = options == null ? void 0 : options.onCompleted) == null ? void 0 : _a2.call(options, error || null);
+        }
+        if (!error) {
+          const _b = variables, {id: _} = _b, variablesToPropagate = __objRest(_b, ["id"]);
+          const nextVariables = __objSpread(__objSpread({}, fragmentReference.__fragments), variablesToPropagate);
+          if (!(0, import_lodash.isEqual)(fragmentReferenceWithOwnVariables.__fragments, nextVariables)) {
+            const nextFragmentReference = {
+              __fragments: nextVariables
+            };
+            if (fragmentReference.id !== void 0) {
+              nextFragmentReference.id = fragmentReference.id;
+            }
+            setFragmentReferenceWithOwnVariables(nextFragmentReference);
+          }
+        }
+      });
+    }, (error) => {
+      var _a2;
+      subscription.unsubscribe();
+      subscription = void 0;
+      if (options == null ? void 0 : options.UNSTABLE_onCompletedWithData) {
+        options.UNSTABLE_onCompletedWithData(error, null);
+      } else {
+        (_a2 = options == null ? void 0 : options.onCompleted) == null ? void 0 : _a2.call(options, error);
+      }
+    });
+    disposable.current = {dispose: () => subscription == null ? void 0 : subscription.unsubscribe()};
+    return disposable.current;
+  }, [
+    client,
+    executionQueryDocument,
+    fragmentReference.id,
+    fragmentReference.__fragments
+  ]);
+  return [data, refetch];
+}

package/lib/storeObservation/compiledHooks/useCompiledRefetchableFragment.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useCompiledRefetchableFragment.ts"],
+  "sourcesContent": ["import { useState, useCallback, useRef, useEffect } from \"react\";\nimport { unstable_batchedUpdates } from \"react-dom\";\nimport { useApolloClient } from \"@apollo/client\";\nimport invariant from \"invariant\";\nimport { CompiledArtefactModule } from \"relay-compiler-language-graphitation\";\nimport { useCompiledFragment } from \"./useCompiledFragment\";\nimport { FragmentReference } from \"./types\";\nimport { isEqual } from \"lodash\";\nimport { FetchPolicy } from \"../../types\";\nimport { convertFetchPolicy } from \"../../convertFetchPolicy\";\n\nexport interface Disposable {\n  dispose(): void;\n}\n\nexport type RefetchFn<Variables extends {} = {}> = (\n  variables: Partial<Variables>,\n  options?: RefetchOptions\n) => Disposable;\n\nexport interface RefetchOptions {\n  onCompleted?: (error: Error | null) => void;\n  fetchPolicy?: FetchPolicy;\n}\n\n/**\n * These do not exist in the Relay API and should not be exported from the package.\n */\nexport interface PrivateRefetchOptions\n  extends Omit<RefetchOptions, \"fetchPolicy\"> {\n  /**\n   * Returns the fetched data.\n   */\n  UNSTABLE_onCompletedWithData?: (\n    error: Error | null,\n    data: Record<string, any> | null\n  ) => void;\n\n  fetchPolicy?: FetchPolicy | \"no-cache\";\n}\n\nexport function useCompiledRefetchableFragment(\n  documents: CompiledArtefactModule,\n  fragmentReference: FragmentReference\n): [data: {}, refetch: RefetchFn] {\n  const { executionQueryDocument, metadata } = documents;\n  invariant(\n    metadata && metadata.mainFragment,\n    \"useRefetchableFragment(): Expected metadata to have been extracted from \" +\n      \"the fragment. Did you forget to invoke the compiler?\"\n  );\n  invariant(\n    executionQueryDocument,\n    \"useRefetchableFragment(): Expected fragment `%s` to be refetchable when \" +\n      \"using `useRefetchableFragment`. Did you forget to add a @refetchable \" +\n      \"directive to the fragment?\",\n    metadata.mainFragment.name\n  );\n\n  const client = useApolloClient();\n\n  // We use state for this, so that...\n  const [\n    fragmentReferenceWithOwnVariables,\n    setFragmentReferenceWithOwnVariables,\n  ] = useState(fragmentReference);\n  // ...this gets invoked again with updated variables.\n  const data = useCompiledFragment(\n    documents,\n    fragmentReferenceWithOwnVariables\n  );\n\n  const disposable = useRef<Disposable>();\n  useEffect(\n    () => () => {\n      if (disposable.current) {\n        disposable.current.dispose();\n        disposable.current = undefined;\n      }\n    },\n    [] // On unmount\n  );\n\n  const refetch = useCallback<RefetchFn>(\n    (variablesSubset, options?: PrivateRefetchOptions) => {\n      const variables = {\n        ...fragmentReference.__fragments,\n        ...variablesSubset,\n        id: fragmentReference.id,\n      };\n      const observable = client.watchQuery({\n        fetchPolicy: convertFetchPolicy(options?.fetchPolicy) ?? \"network-only\",\n        query: executionQueryDocument,\n        variables,\n      });\n      let subscription:\n        | ZenObservable.Subscription\n        | undefined = observable.subscribe(\n        ({ data, error }) => {\n          // Be sure not to keep a retain cycle, so cleanup the reference first thing.\n          subscription!.unsubscribe();\n          subscription = undefined;\n          disposable.current = undefined;\n\n          unstable_batchedUpdates(() => {\n            if (options?.UNSTABLE_onCompletedWithData) {\n              options.UNSTABLE_onCompletedWithData(error || null, data);\n            } else {\n              options?.onCompleted?.(error || null);\n            }\n            if (!error) {\n              const { id: _, ...variablesToPropagate } = variables;\n              const nextVariables = {\n                ...fragmentReference.__fragments,\n                ...variablesToPropagate,\n              };\n              // No need to trigger an update to propagate new variables if they don't actually change.\n              if (\n                !isEqual(\n                  fragmentReferenceWithOwnVariables.__fragments,\n                  nextVariables\n                )\n              ) {\n                const nextFragmentReference: FragmentReference = {\n                  __fragments: nextVariables,\n                };\n                // Don't add an empty key if this is a fragment on the Query type.\n                if (fragmentReference.id !== undefined) {\n                  nextFragmentReference.id = fragmentReference.id;\n                }\n                setFragmentReferenceWithOwnVariables(nextFragmentReference);\n              }\n            }\n          });\n        },\n        (error) => {\n          // Be sure not to keep a retain cycle\n          subscription!.unsubscribe();\n          subscription = undefined;\n\n          if (options?.UNSTABLE_onCompletedWithData) {\n            options.UNSTABLE_onCompletedWithData(error, null);\n          } else {\n            options?.onCompleted?.(error);\n          }\n        }\n      );\n      disposable.current = { dispose: () => subscription?.unsubscribe() };\n      return disposable.current;\n    },\n    [\n      client,\n      executionQueryDocument,\n      fragmentReference.id,\n      fragmentReference.__fragments,\n    ]\n  );\n\n  return [data, refetch];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD;AACzD,uBAAwC;AACxC,oBAAgC;AAChC,uBAAsB;AAEtB,iCAAoC;AAEpC,oBAAwB;AAExB,gCAAmC;AAgC5B,wCACL,WACA,mBACgC;AAChC,QAAM,CAAE,wBAAwB,YAAa;AAC7C,gCACE,YAAY,SAAS,cACrB;AAGF,gCACE,wBACA,2KAGA,SAAS,aAAa;AAGxB,QAAM,SAAS;AAGf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,MACE,2BAAS;AAEb,QAAM,OAAO,oDACX,WACA;AAGF,QAAM,aAAa;AACnB,8BACE,MAAM,MAAM;AACV,QAAI,WAAW,SAAS;AACtB,iBAAW,QAAQ;AACnB,iBAAW,UAAU;AAAA;AAAA,KAGzB;AAGF,QAAM,UAAU,8BACd,CAAC,iBAAiB,YAAoC;AApF1D;AAqFM,UAAM,YAAY,wCACb,kBAAkB,cAClB,kBAFa;AAAA,MAGhB,IAAI,kBAAkB;AAAA;AAExB,UAAM,aAAa,OAAO,WAAW;AAAA,MACnC,aAAa,wDAAmB,mCAAS,iBAA5B,YAA4C;AAAA,MACzD,OAAO;AAAA,MACP;AAAA;AAEF,QAAI,eAEY,WAAW,UACzB,CAAC,CAAE,aAAM,WAAY;AAEnB,mBAAc;AACd,qBAAe;AACf,iBAAW,UAAU;AAErB,oDAAwB,MAAM;AAxGxC;AAyGY,YAAI,mCAAS,8BAA8B;AACzC,kBAAQ,6BAA6B,SAAS,MAAM;AAAA,eAC/C;AACL,oDAAS,gBAAT,kCAAuB,SAAS;AAAA;AAElC,YAAI,CAAC,OAAO;AACV,gBAA2C,gBAAnC,KAAI,KAA+B,IAAzB,iCAAyB,IAAzB,CAAV;AACR,gBAAM,gBAAgB,4BACjB,kBAAkB,cAClB;AAGL,cACE,CAAC,2BACC,kCAAkC,aAClC,gBAEF;AACA,kBAAM,wBAA2C;AAAA,cAC/C,aAAa;AAAA;AAGf,gBAAI,kBAAkB,OAAO,QAAW;AACtC,oCAAsB,KAAK,kBAAkB;AAAA;AAE/C,iDAAqC;AAAA;AAAA;AAAA;AAAA,OAK7C,CAAC,UAAU;AAvInB;AAyIU,mBAAc;AACd,qBAAe;AAEf,UAAI,mCAAS,8BAA8B;AACzC,gBAAQ,6BAA6B,OAAO;AAAA,aACvC;AACL,kDAAS,gBAAT,kCAAuB;AAAA;AAAA;AAI7B,eAAW,UAAU,CAAE,SAAS,MAAM,6CAAc;AACpD,WAAO,WAAW;AAAA,KAEpB;AAAA,IACE;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAkB;AAAA;AAItB,SAAO,CAAC,MAAM;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks/useCompiledRefetchableFragment.mjs

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __objSpread = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/storeObservation/compiledHooks/useCompiledRefetchableFragment.ts
+import {useState, useCallback, useRef, useEffect} from "react";
+import {unstable_batchedUpdates} from "react-dom";
+import {useApolloClient} from "@apollo/client";
+import invariant from "invariant";
+import {useCompiledFragment} from "./useCompiledFragment.mjs";
+import {isEqual} from "lodash";
+import {convertFetchPolicy} from "../../convertFetchPolicy.mjs";
+function useCompiledRefetchableFragment(documents, fragmentReference) {
+  const {executionQueryDocument, metadata} = documents;
+  invariant(metadata && metadata.mainFragment, "useRefetchableFragment(): Expected metadata to have been extracted from the fragment. Did you forget to invoke the compiler?");
+  invariant(executionQueryDocument, "useRefetchableFragment(): Expected fragment `%s` to be refetchable when using `useRefetchableFragment`. Did you forget to add a @refetchable directive to the fragment?", metadata.mainFragment.name);
+  const client = useApolloClient();
+  const [
+    fragmentReferenceWithOwnVariables,
+    setFragmentReferenceWithOwnVariables
+  ] = useState(fragmentReference);
+  const data = useCompiledFragment(documents, fragmentReferenceWithOwnVariables);
+  const disposable = useRef();
+  useEffect(() => () => {
+    if (disposable.current) {
+      disposable.current.dispose();
+      disposable.current = void 0;
+    }
+  }, []);
+  const refetch = useCallback((variablesSubset, options) => {
+    var _a;
+    const variables = __objSpread(__objSpread(__objSpread({}, fragmentReference.__fragments), variablesSubset), {
+      id: fragmentReference.id
+    });
+    const observable = client.watchQuery({
+      fetchPolicy: (_a = convertFetchPolicy(options == null ? void 0 : options.fetchPolicy)) != null ? _a : "network-only",
+      query: executionQueryDocument,
+      variables
+    });
+    let subscription = observable.subscribe(({data: data2, error}) => {
+      subscription.unsubscribe();
+      subscription = void 0;
+      disposable.current = void 0;
+      unstable_batchedUpdates(() => {
+        var _a2;
+        if (options == null ? void 0 : options.UNSTABLE_onCompletedWithData) {
+          options.UNSTABLE_onCompletedWithData(error || null, data2);
+        } else {
+          (_a2 = options == null ? void 0 : options.onCompleted) == null ? void 0 : _a2.call(options, error || null);
+        }
+        if (!error) {
+          const _b = variables, {id: _} = _b, variablesToPropagate = __objRest(_b, ["id"]);
+          const nextVariables = __objSpread(__objSpread({}, fragmentReference.__fragments), variablesToPropagate);
+          if (!isEqual(fragmentReferenceWithOwnVariables.__fragments, nextVariables)) {
+            const nextFragmentReference = {
+              __fragments: nextVariables
+            };
+            if (fragmentReference.id !== void 0) {
+              nextFragmentReference.id = fragmentReference.id;
+            }
+            setFragmentReferenceWithOwnVariables(nextFragmentReference);
+          }
+        }
+      });
+    }, (error) => {
+      var _a2;
+      subscription.unsubscribe();
+      subscription = void 0;
+      if (options == null ? void 0 : options.UNSTABLE_onCompletedWithData) {
+        options.UNSTABLE_onCompletedWithData(error, null);
+      } else {
+        (_a2 = options == null ? void 0 : options.onCompleted) == null ? void 0 : _a2.call(options, error);
+      }
+    });
+    disposable.current = {dispose: () => subscription == null ? void 0 : subscription.unsubscribe()};
+    return disposable.current;
+  }, [
+    client,
+    executionQueryDocument,
+    fragmentReference.id,
+    fragmentReference.__fragments
+  ]);
+  return [data, refetch];
+}
+export {
+  useCompiledRefetchableFragment
+};

package/lib/storeObservation/compiledHooks/useCompiledRefetchableFragment.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useCompiledRefetchableFragment.ts"],
+  "sourcesContent": ["import { useState, useCallback, useRef, useEffect } from \"react\";\nimport { unstable_batchedUpdates } from \"react-dom\";\nimport { useApolloClient } from \"@apollo/client\";\nimport invariant from \"invariant\";\nimport { CompiledArtefactModule } from \"relay-compiler-language-graphitation\";\nimport { useCompiledFragment } from \"./useCompiledFragment\";\nimport { FragmentReference } from \"./types\";\nimport { isEqual } from \"lodash\";\nimport { FetchPolicy } from \"../../types\";\nimport { convertFetchPolicy } from \"../../convertFetchPolicy\";\n\nexport interface Disposable {\n  dispose(): void;\n}\n\nexport type RefetchFn<Variables extends {} = {}> = (\n  variables: Partial<Variables>,\n  options?: RefetchOptions\n) => Disposable;\n\nexport interface RefetchOptions {\n  onCompleted?: (error: Error | null) => void;\n  fetchPolicy?: FetchPolicy;\n}\n\n/**\n * These do not exist in the Relay API and should not be exported from the package.\n */\nexport interface PrivateRefetchOptions\n  extends Omit<RefetchOptions, \"fetchPolicy\"> {\n  /**\n   * Returns the fetched data.\n   */\n  UNSTABLE_onCompletedWithData?: (\n    error: Error | null,\n    data: Record<string, any> | null\n  ) => void;\n\n  fetchPolicy?: FetchPolicy | \"no-cache\";\n}\n\nexport function useCompiledRefetchableFragment(\n  documents: CompiledArtefactModule,\n  fragmentReference: FragmentReference\n): [data: {}, refetch: RefetchFn] {\n  const { executionQueryDocument, metadata } = documents;\n  invariant(\n    metadata && metadata.mainFragment,\n    \"useRefetchableFragment(): Expected metadata to have been extracted from \" +\n      \"the fragment. Did you forget to invoke the compiler?\"\n  );\n  invariant(\n    executionQueryDocument,\n    \"useRefetchableFragment(): Expected fragment `%s` to be refetchable when \" +\n      \"using `useRefetchableFragment`. Did you forget to add a @refetchable \" +\n      \"directive to the fragment?\",\n    metadata.mainFragment.name\n  );\n\n  const client = useApolloClient();\n\n  // We use state for this, so that...\n  const [\n    fragmentReferenceWithOwnVariables,\n    setFragmentReferenceWithOwnVariables,\n  ] = useState(fragmentReference);\n  // ...this gets invoked again with updated variables.\n  const data = useCompiledFragment(\n    documents,\n    fragmentReferenceWithOwnVariables\n  );\n\n  const disposable = useRef<Disposable>();\n  useEffect(\n    () => () => {\n      if (disposable.current) {\n        disposable.current.dispose();\n        disposable.current = undefined;\n      }\n    },\n    [] // On unmount\n  );\n\n  const refetch = useCallback<RefetchFn>(\n    (variablesSubset, options?: PrivateRefetchOptions) => {\n      const variables = {\n        ...fragmentReference.__fragments,\n        ...variablesSubset,\n        id: fragmentReference.id,\n      };\n      const observable = client.watchQuery({\n        fetchPolicy: convertFetchPolicy(options?.fetchPolicy) ?? \"network-only\",\n        query: executionQueryDocument,\n        variables,\n      });\n      let subscription:\n        | ZenObservable.Subscription\n        | undefined = observable.subscribe(\n        ({ data, error }) => {\n          // Be sure not to keep a retain cycle, so cleanup the reference first thing.\n          subscription!.unsubscribe();\n          subscription = undefined;\n          disposable.current = undefined;\n\n          unstable_batchedUpdates(() => {\n            if (options?.UNSTABLE_onCompletedWithData) {\n              options.UNSTABLE_onCompletedWithData(error || null, data);\n            } else {\n              options?.onCompleted?.(error || null);\n            }\n            if (!error) {\n              const { id: _, ...variablesToPropagate } = variables;\n              const nextVariables = {\n                ...fragmentReference.__fragments,\n                ...variablesToPropagate,\n              };\n              // No need to trigger an update to propagate new variables if they don't actually change.\n              if (\n                !isEqual(\n                  fragmentReferenceWithOwnVariables.__fragments,\n                  nextVariables\n                )\n              ) {\n                const nextFragmentReference: FragmentReference = {\n                  __fragments: nextVariables,\n                };\n                // Don't add an empty key if this is a fragment on the Query type.\n                if (fragmentReference.id !== undefined) {\n                  nextFragmentReference.id = fragmentReference.id;\n                }\n                setFragmentReferenceWithOwnVariables(nextFragmentReference);\n              }\n            }\n          });\n        },\n        (error) => {\n          // Be sure not to keep a retain cycle\n          subscription!.unsubscribe();\n          subscription = undefined;\n\n          if (options?.UNSTABLE_onCompletedWithData) {\n            options.UNSTABLE_onCompletedWithData(error, null);\n          } else {\n            options?.onCompleted?.(error);\n          }\n        }\n      );\n      disposable.current = { dispose: () => subscription?.unsubscribe() };\n      return disposable.current;\n    },\n    [\n      client,\n      executionQueryDocument,\n      fragmentReference.id,\n      fragmentReference.__fragments,\n    ]\n  );\n\n  return [data, refetch];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAgCO,wCACL,WACA,mBACgC;AAChC,QAAM,CAAE,wBAAwB,YAAa;AAC7C,YACE,YAAY,SAAS,cACrB;AAGF,YACE,wBACA,2KAGA,SAAS,aAAa;AAGxB,QAAM,SAAS;AAGf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,MACE,SAAS;AAEb,QAAM,OAAO,oBACX,WACA;AAGF,QAAM,aAAa;AACnB,YACE,MAAM,MAAM;AACV,QAAI,WAAW,SAAS;AACtB,iBAAW,QAAQ;AACnB,iBAAW,UAAU;AAAA;AAAA,KAGzB;AAGF,QAAM,UAAU,YACd,CAAC,iBAAiB,YAAoC;AApF1D;AAqFM,UAAM,YAAY,wCACb,kBAAkB,cAClB,kBAFa;AAAA,MAGhB,IAAI,kBAAkB;AAAA;AAExB,UAAM,aAAa,OAAO,WAAW;AAAA,MACnC,aAAa,yBAAmB,mCAAS,iBAA5B,YAA4C;AAAA,MACzD,OAAO;AAAA,MACP;AAAA;AAEF,QAAI,eAEY,WAAW,UACzB,CAAC,CAAE,aAAM,WAAY;AAEnB,mBAAc;AACd,qBAAe;AACf,iBAAW,UAAU;AAErB,8BAAwB,MAAM;AAxGxC;AAyGY,YAAI,mCAAS,8BAA8B;AACzC,kBAAQ,6BAA6B,SAAS,MAAM;AAAA,eAC/C;AACL,oDAAS,gBAAT,kCAAuB,SAAS;AAAA;AAElC,YAAI,CAAC,OAAO;AACV,gBAA2C,gBAAnC,KAAI,KAA+B,IAAzB,iCAAyB,IAAzB,CAAV;AACR,gBAAM,gBAAgB,4BACjB,kBAAkB,cAClB;AAGL,cACE,CAAC,QACC,kCAAkC,aAClC,gBAEF;AACA,kBAAM,wBAA2C;AAAA,cAC/C,aAAa;AAAA;AAGf,gBAAI,kBAAkB,OAAO,QAAW;AACtC,oCAAsB,KAAK,kBAAkB;AAAA;AAE/C,iDAAqC;AAAA;AAAA;AAAA;AAAA,OAK7C,CAAC,UAAU;AAvInB;AAyIU,mBAAc;AACd,qBAAe;AAEf,UAAI,mCAAS,8BAA8B;AACzC,gBAAQ,6BAA6B,OAAO;AAAA,aACvC;AACL,kDAAS,gBAAT,kCAAuB;AAAA;AAAA;AAI7B,eAAW,UAAU,CAAE,SAAS,MAAM,6CAAc;AACpD,WAAO,WAAW;AAAA,KAEpB;AAAA,IACE;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAkB;AAAA;AAItB,SAAO,CAAC,MAAM;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Taken from: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/src/index.ts
+ * MIT License: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/LICENSE
+ *
+ * Updated to use lodash, which is already a dependency of Teams.
+ */
+/**
+ * @param value the value to be memoized (usually a dependency list)
+ * @returns a memoized version of the value as long as it remains deeply equal
+ */
+export declare function useDeepCompareMemoize<T>(value: T): T;
+//# sourceMappingURL=useDeepCompareMemoize.d.ts.map

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeepCompareMemoize.d.ts","sourceRoot":"","sources":["../../../src/storeObservation/compiledHooks/useDeepCompareMemoize.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAUhD"}

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  useDeepCompareMemoize: () => useDeepCompareMemoize
+});
+var import_react = __toModule(require("react"));
+var import_lodash = __toModule(require("lodash"));
+function useDeepCompareMemoize(value) {
+  const ref = (0, import_react.useRef)(value);
+  const signalRef = (0, import_react.useRef)(0);
+  if (!(0, import_lodash.isEqual)(value, ref.current)) {
+    ref.current = value;
+    signalRef.current += 1;
+  }
+  return (0, import_react.useMemo)(() => ref.current, [signalRef.current]);
+}

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useDeepCompareMemoize.ts"],
+  "sourcesContent": ["/**\n * Taken from: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/src/index.ts\n * MIT License: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/LICENSE\n *\n * Updated to use lodash, which is already a dependency of Teams.\n */\n\nimport { useMemo, useRef } from \"react\";\nimport { isEqual } from \"lodash\";\n\n/**\n * @param value the value to be memoized (usually a dependency list)\n * @returns a memoized version of the value as long as it remains deeply equal\n */\nexport function useDeepCompareMemoize<T>(value: T) {\n  const ref = useRef<T>(value);\n  const signalRef = useRef<number>(0);\n\n  if (!isEqual(value, ref.current)) {\n    ref.current = value;\n    signalRef.current += 1;\n  }\n\n  return useMemo(() => ref.current, [signalRef.current]);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAOA,mBAAgC;AAChC,oBAAwB;AAMjB,+BAAkC,OAAU;AACjD,QAAM,MAAM,yBAAU;AACtB,QAAM,YAAY,yBAAe;AAEjC,MAAI,CAAC,2BAAQ,OAAO,IAAI,UAAU;AAChC,QAAI,UAAU;AACd,cAAU,WAAW;AAAA;AAGvB,SAAO,0BAAQ,MAAM,IAAI,SAAS,CAAC,UAAU;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.mjs

@@ -0,0 +1,15 @@
+// src/storeObservation/compiledHooks/useDeepCompareMemoize.ts
+import {useMemo, useRef} from "react";
+import {isEqual} from "lodash";
+function useDeepCompareMemoize(value) {
+  const ref = useRef(value);
+  const signalRef = useRef(0);
+  if (!isEqual(value, ref.current)) {
+    ref.current = value;
+    signalRef.current += 1;
+  }
+  return useMemo(() => ref.current, [signalRef.current]);
+}
+export {
+  useDeepCompareMemoize
+};

package/lib/storeObservation/compiledHooks/useDeepCompareMemoize.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useDeepCompareMemoize.ts"],
+  "sourcesContent": ["/**\n * Taken from: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/src/index.ts\n * MIT License: https://github.com/kentcdodds/use-deep-compare-effect/blob/b08633471714cdd1a1dba6af4bbfbfcf89d3492f/LICENSE\n *\n * Updated to use lodash, which is already a dependency of Teams.\n */\n\nimport { useMemo, useRef } from \"react\";\nimport { isEqual } from \"lodash\";\n\n/**\n * @param value the value to be memoized (usually a dependency list)\n * @returns a memoized version of the value as long as it remains deeply equal\n */\nexport function useDeepCompareMemoize<T>(value: T) {\n  const ref = useRef<T>(value);\n  const signalRef = useRef<number>(0);\n\n  if (!isEqual(value, ref.current)) {\n    ref.current = value;\n    signalRef.current += 1;\n  }\n\n  return useMemo(() => ref.current, [signalRef.current]);\n}\n"],
+  "mappings": ";AAOA;AACA;AAMO,+BAAkC,OAAU;AACjD,QAAM,MAAM,OAAU;AACtB,QAAM,YAAY,OAAe;AAEjC,MAAI,CAAC,QAAQ,OAAO,IAAI,UAAU;AAChC,QAAI,UAAU;AACd,cAAU,WAAW;AAAA;AAGvB,SAAO,QAAQ,MAAM,IAAI,SAAS,CAAC,UAAU;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks/useForceUpdate.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function useForceUpdate(): import("react").DispatchWithoutAction;
+//# sourceMappingURL=useForceUpdate.d.ts.map

package/lib/storeObservation/compiledHooks/useForceUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../../src/storeObservation/compiledHooks/useForceUpdate.ts"],"names":[],"mappings":";AAEA,wBAAgB,cAAc,0CAG7B"}

package/lib/storeObservation/compiledHooks/useForceUpdate.js

@@ -0,0 +1,31 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  useForceUpdate: () => useForceUpdate
+});
+var import_react = __toModule(require("react"));
+function useForceUpdate() {
+  const [_, forceUpdate] = (0, import_react.useReducer)((x) => x + 1, 0);
+  return forceUpdate;
+}

package/lib/storeObservation/compiledHooks/useForceUpdate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useForceUpdate.ts"],
+  "sourcesContent": ["import { useReducer } from \"react\";\n\nexport function useForceUpdate() {\n  const [_, forceUpdate] = useReducer((x) => x + 1, 0);\n  return forceUpdate;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAEpB,0BAA0B;AAC/B,QAAM,CAAC,GAAG,eAAe,6BAAW,CAAC,MAAM,IAAI,GAAG;AAClD,SAAO;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks/useForceUpdate.mjs

@@ -0,0 +1,9 @@
+// src/storeObservation/compiledHooks/useForceUpdate.ts
+import {useReducer} from "react";
+function useForceUpdate() {
+  const [_, forceUpdate] = useReducer((x) => x + 1, 0);
+  return forceUpdate;
+}
+export {
+  useForceUpdate
+};

package/lib/storeObservation/compiledHooks/useForceUpdate.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/storeObservation/compiledHooks/useForceUpdate.ts"],
+  "sourcesContent": ["import { useReducer } from \"react\";\n\nexport function useForceUpdate() {\n  const [_, forceUpdate] = useReducer((x) => x + 1, 0);\n  return forceUpdate;\n}\n"],
+  "mappings": ";AAAA;AAEO,0BAA0B;AAC/B,QAAM,CAAC,GAAG,eAAe,WAAW,CAAC,MAAM,IAAI,GAAG;AAClD,SAAO;AAAA;",
+  "names": []
+}

package/lib/storeObservation/compiledHooks.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compiledHooks.test.d.ts.map

package/lib/storeObservation/compiledHooks.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiledHooks.test.d.ts","sourceRoot":"","sources":["../../src/storeObservation/compiledHooks.test.tsx"],"names":[],"mappings":""}