@jobber/hooks 2.9.2-CJS-to-ESM.19 → 2.9.2-CJS-to-ESM.25

package/dist/useCollectionQuery/index.cjs

@@ -0,0 +1,389 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __spreadValues = (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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../formatters/dist/global.js
+var require_global = __commonJS({
+  "../formatters/dist/global.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.global = void 0;
+    function getGlobal() {
+      if (typeof window !== "undefined") {
+        return window;
+      }
+      return global;
+    }
+    var glob = getGlobal();
+    exports2.global = glob;
+  }
+});
+
+// ../formatters/dist/config.js
+var require_config = __commonJS({
+  "../formatters/dist/config.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.config = void 0;
+    var global_1 = require_global();
+    var configOverrides = (global_1.global.ATLANTIS_ENV || {}).config || {};
+    exports2.config = Object.freeze(Object.assign({ defaultCurrency: "USD", errorNotifier(message, error) {
+      console.error(message, error);
+    } }, configOverrides));
+  }
+});
+
+// ../formatters/dist/currency.js
+var require_currency = __commonJS({
+  "../formatters/dist/currency.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.formatCurrency = void 0;
+    var config_1 = require_config();
+    function formatCurrency(amount, currency = config_1.config.defaultCurrency) {
+      return amount.toLocaleString("en", {
+        style: "currency",
+        currency
+      });
+    }
+    exports2.formatCurrency = formatCurrency;
+  }
+});
+
+// ../formatters/dist/CurrencyType.js
+var require_CurrencyType = __commonJS({
+  "../formatters/dist/CurrencyType.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  }
+});
+
+// ../formatters/dist/index.js
+var require_dist = __commonJS({
+  "../formatters/dist/index.js"(exports2) {
+    "use strict";
+    var __createBinding = exports2 && exports2.__createBinding || (Object.create ? function(o, m, k, k2) {
+      if (k2 === void 0)
+        k2 = k;
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() {
+          return m[k];
+        } };
+      }
+      Object.defineProperty(o, k2, desc);
+    } : function(o, m, k, k2) {
+      if (k2 === void 0)
+        k2 = k;
+      o[k2] = m[k];
+    });
+    var __exportStar = exports2 && exports2.__exportStar || function(m, exports3) {
+      for (var p in m)
+        if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports3, p))
+          __createBinding(exports3, m, p);
+    };
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    __exportStar(require_currency(), exports2);
+    __exportStar(require_CurrencyType(), exports2);
+    __exportStar(require_config(), exports2);
+  }
+});
+
+// src/useCollectionQuery/index.ts
+var useCollectionQuery_exports = {};
+__export(useCollectionQuery_exports, {
+  useCollectionQuery: () => useCollectionQuery
+});
+module.exports = __toCommonJS(useCollectionQuery_exports);
+
+// src/useCollectionQuery/useCollectionQuery.ts
+var import_client = require("@apollo/client");
+var import_lodash = require("lodash");
+var import_react3 = require("react");
+var import_formatters = __toESM(require_dist(), 1);
+
+// src/useCollectionQuery/uniqueNodes.tsx
+function uniqueNodes(nodes) {
+  const result = /* @__PURE__ */ new Map();
+  nodes.forEach((node) => {
+    result.set(`${node.__typename}-${node.id}`, node);
+  });
+  return Array.from(result.values());
+}
+
+// src/useCollectionQuery/uniqueEdges.tsx
+function createEdge(node) {
+  return {
+    node,
+    cursor: "",
+    __typename: `${node.__typename}Edge`
+  };
+}
+function uniqueEdges(edges) {
+  const result = /* @__PURE__ */ new Map();
+  edges.forEach((edge) => {
+    result.set(
+      `${edge.__typename}-${edge.node.__typename}-${edge.node.id}`,
+      edge
+    );
+  });
+  return Array.from(result.values());
+}
+
+// src/useIsMounted/useIsMounted.ts
+var import_react2 = require("react");
+
+// src/useSafeLayoutEffect/useSafeLayoutEffect.ts
+var import_react = require("react");
+var useSafeLayoutEffect = (globalThis == null ? void 0 : globalThis.document) ? import_react.useLayoutEffect : import_react.useEffect;
+
+// src/useIsMounted/useIsMounted.ts
+function useIsMounted() {
+  const isMounted = (0, import_react2.useRef)(false);
+  useSafeLayoutEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+}
+
+// src/useCollectionQuery/useCollectionQuery.ts
+function useCollectionQuery({
+  query,
+  queryOptions,
+  getCollectionByPath,
+  subscription
+}) {
+  var _a, _b;
+  const { data, loading, refetch, error, fetchMore, subscribeToMore } = (0, import_client.useQuery)(query, queryOptions);
+  const isMounted = useIsMounted();
+  const [loadingRefresh, setLoadingRefresh] = (0, import_react3.useState)(false);
+  const [loadingNextPage, setLoadingNextPage] = (0, import_react3.useState)(false);
+  const [hookError, setHookError] = (0, import_react3.useState)();
+  const loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;
+  const isSearching = !!((_a = queryOptions == null ? void 0 : queryOptions.variables) == null ? void 0 : _a.searchTerm);
+  const refresh = (0, import_react3.useCallback)(() => {
+    if (loadingInitialContent || loadingRefresh) {
+      return;
+    }
+    setLoadingRefresh(true);
+    fetchMore({
+      // a workaround fix for the error described in this post
+      // https://github.com/apollographql/apollo-client/issues/7491#issuecomment-767985363
+      // These changes can be reverted once we can update to version 3.4
+      // (the current release candidate)
+      variables: {},
+      updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev
+    }).catch((err) => import_formatters.config.errorNotifier("Refetch Error", err)).finally(() => {
+      if (isMounted.current) {
+        setLoadingRefresh(false);
+      }
+    });
+  }, [
+    loadingInitialContent,
+    loadingRefresh,
+    setLoadingRefresh,
+    refetch,
+    isMounted
+  ]);
+  const nextPage = (0, import_react3.useCallback)(() => {
+    var _a2;
+    if (loadingInitialContent || loadingRefresh || loadingNextPage) {
+      return;
+    }
+    const pageInfo = (_a2 = getCollectionByPath(data)) == null ? void 0 : _a2.pageInfo;
+    if (!pageInfo || !pageInfo.hasNextPage) {
+      return;
+    }
+    setLoadingNextPage(true);
+    setHookError(void 0);
+    fetchMore({
+      variables: {
+        cursor: pageInfo.endCursor
+      },
+      updateQuery: (prev, { fetchMoreResult }) => fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath)
+    }).catch((err) => {
+      import_formatters.config.errorNotifier("FetchMore Error", err);
+      setHookError(err);
+    }).finally(() => {
+      if (isMounted.current) {
+        setLoadingNextPage(false);
+      }
+    });
+  }, [
+    data,
+    loadingInitialContent,
+    loadingRefresh,
+    fetchMore,
+    loadingNextPage,
+    setLoadingNextPage,
+    getCollectionByPath,
+    isMounted
+  ]);
+  (0, import_react3.useEffect)(
+    () => {
+      if (subscription == void 0)
+        return;
+      const subscriptionOptions = subscription.options || {};
+      setHookError(void 0);
+      return subscribeToMore(__spreadProps(__spreadValues({}, subscriptionOptions), {
+        document: subscription.document,
+        updateQuery: (prev, { subscriptionData }) => subscribeToMoreHandler(
+          isSearching,
+          prev,
+          getCollectionByPath,
+          subscriptionData == null ? void 0 : subscriptionData.data,
+          subscription.getNodeByPath
+        ),
+        onError: (err) => {
+          import_formatters.config.errorNotifier("Subscribe to More Error", err);
+          setHookError(err);
+        }
+      }));
+    },
+    // Disabling this linter so we can force this only run once. If we didn't
+    // do this we would need to ensure subscription, subscribeToMore, and getNodeByPath
+    // all use useCallback.
+    [(_b = queryOptions == null ? void 0 : queryOptions.variables) == null ? void 0 : _b.searchTerm]
+  );
+  const combinedError = error || hookError;
+  return {
+    data,
+    error: combinedError,
+    refresh,
+    loadingRefresh,
+    nextPage,
+    loadingNextPage,
+    loadingInitialContent
+  };
+}
+function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath) {
+  const nextCollection = getCollectionByPath(fetchMoreResult);
+  const output = (0, import_lodash.cloneDeep)(prev);
+  const outputCollection = getCollectionByPath(output);
+  if (outputCollection === void 0 || nextCollection === void 0) {
+    return output;
+  }
+  if (outputCollection.nodes && nextCollection.nodes) {
+    outputCollection.nodes = getUpdatedNodes(
+      outputCollection.nodes,
+      nextCollection.nodes
+    );
+  }
+  if (outputCollection.edges && nextCollection.edges) {
+    outputCollection.edges = getUpdatedEdges(
+      outputCollection.edges,
+      nextCollection.edges
+    );
+  }
+  Object.assign(outputCollection, __spreadValues({
+    pageInfo: (0, import_lodash.cloneDeep)(nextCollection.pageInfo)
+  }, getTotalCount(nextCollection.totalCount)));
+  return output;
+}
+function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData, getNodeByPath) {
+  const node = getNodeByPath(subscriptionData);
+  const output = (0, import_lodash.cloneDeep)(prev);
+  const outputCollection = getCollectionByPath(output);
+  if (outputCollection == void 0 || node == void 0)
+    return output;
+  if (isAlreadyUpdated(outputCollection, node) || isSearching) {
+    return prev;
+  }
+  if (outputCollection.nodes) {
+    outputCollection.nodes = getUpdatedNodes(
+      outputCollection.nodes,
+      [node],
+      false
+    );
+  }
+  if (outputCollection.edges) {
+    outputCollection.edges = getUpdatedEdges(
+      outputCollection.edges,
+      [createEdge(node)],
+      false
+    );
+  }
+  Object.assign(outputCollection, __spreadValues({
+    pageInfo: (0, import_lodash.cloneDeep)(outputCollection.pageInfo)
+  }, getTotalCount(outputCollection.totalCount, 1)));
+  return output;
+}
+function getTotalCount(totalCount, additionalCount = 0) {
+  return totalCount !== void 0 ? { totalCount: totalCount + additionalCount } : {};
+}
+function isAlreadyUpdated(outputCollection, newNode) {
+  let edgesAlreadyUpdated = true;
+  let nodesAlreadyUpdated = true;
+  if (outputCollection.edges) {
+    edgesAlreadyUpdated = outputCollection.edges.some((edge) => {
+      return edge.node.id === newNode.id;
+    });
+  }
+  if (outputCollection.nodes) {
+    nodesAlreadyUpdated = outputCollection.nodes.some((node) => {
+      return node.id === newNode.id;
+    });
+  }
+  return edgesAlreadyUpdated && nodesAlreadyUpdated;
+}
+function getUpdatedEdges(prevEdges, nextEdges, appendToEnd = true) {
+  const newEdges = appendToEnd ? [...prevEdges, ...nextEdges] : [...nextEdges, ...prevEdges];
+  return uniqueEdges(newEdges);
+}
+function getUpdatedNodes(prevNodes, nextNodes, appendToEnd = true) {
+  const newNodes = appendToEnd ? [...prevNodes, ...nextNodes] : [...nextNodes, ...prevNodes];
+  return uniqueNodes(newNodes);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCollectionQuery
+});
+//# sourceMappingURL=index.cjs.map

package/dist/useCollectionQuery/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../formatters/dist/global.js","../../../formatters/dist/config.js","../../../formatters/dist/currency.js","../../../formatters/dist/CurrencyType.js","../../../formatters/dist/index.js","../../src/useCollectionQuery/index.ts","../../src/useCollectionQuery/useCollectionQuery.ts","../../src/useCollectionQuery/uniqueNodes.tsx","../../src/useCollectionQuery/uniqueEdges.tsx","../../src/useIsMounted/useIsMounted.ts","../../src/useSafeLayoutEffect/useSafeLayoutEffect.ts"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.global = void 0;\nfunction getGlobal() {\n    if (typeof window !== \"undefined\") {\n        return window;\n    }\n    return global;\n}\nconst glob = getGlobal();\nexports.global = glob;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.config = void 0;\nconst global_1 = require(\"./global\");\nconst configOverrides = (global_1.global.ATLANTIS_ENV || {}).config || {};\nexports.config = Object.freeze(Object.assign({ defaultCurrency: \"USD\", errorNotifier(message, error) {\n        console.error(message, error);\n    } }, configOverrides));\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.formatCurrency = void 0;\nconst config_1 = require(\"./config\");\nfunction formatCurrency(amount, currency = config_1.config.defaultCurrency) {\n    return amount.toLocaleString(\"en\", {\n        style: \"currency\",\n        currency: currency,\n    });\n}\nexports.formatCurrency = formatCurrency;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./currency\"), exports);\n__exportStar(require(\"./CurrencyType\"), exports);\n__exportStar(require(\"./config\"), exports);\n","export { useCollectionQuery } from \"./useCollectionQuery\";\n","import {\n  ApolloError,\n  DocumentNode,\n  QueryHookOptions,\n  SubscribeToMoreOptions,\n  useQuery,\n} from \"@apollo/client\";\nimport { cloneDeep } from \"lodash\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { config } from \"@jobber/formatters\";\nimport { Node, uniqueNodes } from \"./uniqueNodes\";\nimport { Edge, createEdge, uniqueEdges } from \"./uniqueEdges\";\nimport { useIsMounted } from \"../useIsMounted\";\n\ninterface UseCollectionQueryArguments<TQuery, TSubscription> {\n  /**\n   * The graphQL query that fetches the collection\n   */\n  query: DocumentNode;\n\n  /**\n   * A list of options for us to pass into the apollo `useQuery` hook\n   */\n  queryOptions?: QueryHookOptions<TQuery>;\n\n  /**\n   * A function that returns the location where the {@link Collection} is located.\n   *\n   * The collection is the part of the result that needs to be paginated.\n   */\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>;\n\n  /**\n   *  A list of subscription options if you want to create a GraphQL\n   *  subscription to listen for more content.\n   */\n  subscription?: ListSubscription<TSubscription>;\n}\n\ninterface ListSubscription<TSubscription> {\n  /**\n   * The graphQL subscription that listens for more data. This query should\n   * return a single Node that matches the data structure in\n   * `getCollectionByPath<TQuery>(...).edges.node` and\n   * `getCollectionByPath<TQuery>(...).nodes\n   */\n  document: DocumentNode;\n\n  /**\n   * A list of variables to pass into the apollo `subscribeToMore` function.\n   */\n  options?: Pick<SubscribeToMoreOptions<TSubscription>, \"variables\">;\n\n  /**\n   * A function that returns the location where the `Node` is located on the\n   * `TSubscription` object.\n   *\n   * It should return a single Node that matches the data structure in\n   * `getCollectionByPath<TQuery>(...).edges.node` and\n   * `getCollectionByPath<TQuery>(...).nodes\n   */\n  getNodeByPath: GetNodeByPath<TSubscription>;\n}\n\ninterface Collection {\n  edges?: Edge[];\n  nodes?: Node[];\n  pageInfo: {\n    endCursor?: string | undefined;\n    hasNextPage: boolean;\n    [otherProperties: string]: unknown;\n  };\n  totalCount?: number;\n  [otherProperties: string]: unknown;\n}\n\ninterface CollectionQueryResult<TQuery> {\n  data: TQuery | undefined;\n  error: ApolloError | undefined;\n  loadingRefresh: boolean;\n  loadingNextPage: boolean;\n  loadingInitialContent: boolean;\n  refresh(): void;\n  nextPage(): void;\n}\n\ntype GetCollectionByPathFunction<TQuery> = (\n  data: TQuery | undefined,\n) => Collection | undefined;\n\ntype GetNodeByPath<TSubscription> = (\n  data: TSubscription | undefined,\n) => Node | undefined;\n\nexport function useCollectionQuery<TQuery, TSubscription = undefined>({\n  query,\n  queryOptions,\n  getCollectionByPath,\n  subscription,\n}: UseCollectionQueryArguments<\n  TQuery,\n  TSubscription\n>): CollectionQueryResult<TQuery> {\n  const { data, loading, refetch, error, fetchMore, subscribeToMore } =\n    useQuery<TQuery>(query, queryOptions);\n\n  const isMounted = useIsMounted();\n  const [loadingRefresh, setLoadingRefresh] = useState<boolean>(false);\n  const [loadingNextPage, setLoadingNextPage] = useState<boolean>(false);\n  const [hookError, setHookError] = useState<ApolloError | undefined>();\n  const loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;\n  const isSearching = !!queryOptions?.variables?.searchTerm;\n\n  const refresh = useCallback(() => {\n    if (loadingInitialContent || loadingRefresh) {\n      return;\n    }\n\n    setLoadingRefresh(true);\n\n    fetchMore({\n      // a workaround fix for the error described in this post\n      // https://github.com/apollographql/apollo-client/issues/7491#issuecomment-767985363\n      // These changes can be reverted once we can update to version 3.4\n      // (the current release candidate)\n      variables: {},\n      updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev,\n    })\n      .catch(err => config.errorNotifier(\"Refetch Error\", err))\n      .finally(() => {\n        if (isMounted.current) {\n          setLoadingRefresh(false);\n        }\n      });\n  }, [\n    loadingInitialContent,\n    loadingRefresh,\n    setLoadingRefresh,\n    refetch,\n    isMounted,\n  ]);\n\n  const nextPage = useCallback(() => {\n    if (loadingInitialContent || loadingRefresh || loadingNextPage) {\n      return;\n    }\n\n    const pageInfo = getCollectionByPath(data)?.pageInfo;\n\n    if (!pageInfo || !pageInfo.hasNextPage) {\n      return;\n    }\n\n    setLoadingNextPage(true);\n    setHookError(undefined);\n\n    fetchMore({\n      variables: {\n        cursor: pageInfo.endCursor,\n      },\n      updateQuery: (prev, { fetchMoreResult }) =>\n        fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath),\n    })\n      .catch(err => {\n        config.errorNotifier(\"FetchMore Error\", err);\n        setHookError(err);\n      })\n      .finally(() => {\n        if (isMounted.current) {\n          setLoadingNextPage(false);\n        }\n      });\n  }, [\n    data,\n    loadingInitialContent,\n    loadingRefresh,\n    fetchMore,\n    loadingNextPage,\n    setLoadingNextPage,\n    getCollectionByPath,\n    isMounted,\n  ]);\n\n  useEffect(\n    () => {\n      if (subscription == undefined) return;\n\n      const subscriptionOptions = subscription.options || {};\n\n      // Reset this state so we can handle errors from the subscription\n      setHookError(undefined);\n\n      return subscribeToMore<TSubscription>({\n        ...subscriptionOptions,\n        document: subscription.document,\n        updateQuery: (prev, { subscriptionData }) =>\n          subscribeToMoreHandler(\n            isSearching,\n            prev,\n            getCollectionByPath,\n            subscriptionData?.data,\n            subscription.getNodeByPath,\n          ),\n        onError: err => {\n          config.errorNotifier(\"Subscribe to More Error\", err);\n          setHookError(err as ApolloError);\n        },\n      });\n    },\n    // Disabling this linter so we can force this only run once. If we didn't\n    // do this we would need to ensure subscription, subscribeToMore, and getNodeByPath\n    // all use useCallback.\n    [queryOptions?.variables?.searchTerm],\n  );\n\n  const combinedError = error || hookError;\n\n  return {\n    data,\n    error: combinedError,\n    refresh,\n    loadingRefresh,\n    nextPage,\n    loadingNextPage,\n    loadingInitialContent,\n  };\n}\n\n/**\n * The following method uses an `output` variable, and indirectly modifies it through the `outputCollection` variable.\n * This type of indirect modification is prone to bugs, but I couldn't think of a better way to write this code.\n *\n * Here's what I was balancing:\n * 1. We need to copy the structure of prev to ensure that when we're combining two objects, we're not losing properties\n * 2. We need to extract a key from an unknown path that's given to us by getCollectionByPath and then we need to modify\n *    that, and ensure that it's properly set on the cloned output object.\n * 3. We want to keep the interface to this hook as simple and easy to use as possible\n *\n * The alternative approaches that were rejected:\n * 1. We replace the getCollectionByPath with a keyPath string. (Eg. \"data.conversation.message\") and then we use lodash\n *    `get` and `set` which should remove all the object manipulation. But, this approach loses us the type safety that\n *    getCollectionByPath gives us\n * 2. We could add a setCollection function to the list of arguments for this hook. This leaves us with type safety but\n *    makes the `useCollectionQuery` interface more complicated by adding arguments\n */\nfunction fetchMoreUpdateQueryHandler<TQuery>(\n  prev: TQuery,\n  fetchMoreResult: TQuery | undefined,\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>,\n): TQuery {\n  const nextCollection = getCollectionByPath(fetchMoreResult);\n  const output = cloneDeep(prev);\n  const outputCollection = getCollectionByPath(output);\n\n  if (outputCollection === undefined || nextCollection === undefined) {\n    return output;\n  }\n\n  if (outputCollection.nodes && nextCollection.nodes) {\n    outputCollection.nodes = getUpdatedNodes(\n      outputCollection.nodes,\n      nextCollection.nodes,\n    );\n  }\n\n  if (outputCollection.edges && nextCollection.edges) {\n    outputCollection.edges = getUpdatedEdges(\n      outputCollection.edges,\n      nextCollection.edges,\n    );\n  }\n\n  Object.assign(outputCollection, {\n    pageInfo: cloneDeep(nextCollection.pageInfo),\n    ...getTotalCount(nextCollection.totalCount),\n  });\n\n  return output;\n}\n\nfunction subscribeToMoreHandler<TQuery, TSubscription>(\n  isSearching: boolean,\n  prev: TQuery,\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>,\n  subscriptionData: TSubscription | undefined,\n  getNodeByPath: GetNodeByPath<TSubscription>,\n): TQuery {\n  const node = getNodeByPath(subscriptionData);\n  const output = cloneDeep(prev);\n  const outputCollection = getCollectionByPath(output);\n\n  if (outputCollection == undefined || node == undefined) return output;\n\n  if (isAlreadyUpdated(outputCollection, node) || isSearching) {\n    return prev;\n  }\n\n  if (outputCollection.nodes) {\n    outputCollection.nodes = getUpdatedNodes(\n      outputCollection.nodes,\n      [node],\n      false,\n    );\n  }\n\n  if (outputCollection.edges) {\n    outputCollection.edges = getUpdatedEdges(\n      outputCollection.edges,\n      [createEdge(node)],\n      false,\n    );\n  }\n\n  Object.assign(outputCollection, {\n    pageInfo: cloneDeep(outputCollection.pageInfo),\n    ...getTotalCount(outputCollection.totalCount, 1),\n  });\n\n  return output;\n}\n\ninterface TotalCountReturn {\n  totalCount?: number;\n}\n\nfunction getTotalCount(\n  totalCount: number | undefined,\n  additionalCount = 0,\n): TotalCountReturn {\n  return totalCount !== undefined\n    ? { totalCount: totalCount + additionalCount }\n    : {};\n}\n\nexport function isAlreadyUpdated(outputCollection: Collection, newNode: Node) {\n  let edgesAlreadyUpdated = true;\n  let nodesAlreadyUpdated = true;\n\n  if (outputCollection.edges) {\n    edgesAlreadyUpdated = outputCollection.edges.some(edge => {\n      return edge.node.id === newNode.id;\n    });\n  }\n\n  if (outputCollection.nodes) {\n    nodesAlreadyUpdated = outputCollection.nodes.some(node => {\n      return node.id === newNode.id;\n    });\n  }\n\n  return edgesAlreadyUpdated && nodesAlreadyUpdated;\n}\n\nfunction getUpdatedEdges(\n  prevEdges: Edge[],\n  nextEdges: Edge[],\n  appendToEnd = true,\n) {\n  const newEdges = appendToEnd\n    ? [...prevEdges, ...nextEdges]\n    : [...nextEdges, ...prevEdges];\n\n  return uniqueEdges(newEdges);\n}\n\nfunction getUpdatedNodes(\n  prevNodes: Node[],\n  nextNodes: Node[],\n  appendToEnd = true,\n) {\n  const newNodes = appendToEnd\n    ? [...prevNodes, ...nextNodes]\n    : [...nextNodes, ...prevNodes];\n\n  return uniqueNodes(newNodes);\n}\n","export interface Node {\n  id: unknown;\n  __typename?: unknown;\n}\n\nexport function uniqueNodes(nodes: Node[]): Node[] {\n  const result = new Map<string, Node>();\n  nodes.forEach(node => {\n    result.set(`${node.__typename}-${node.id}`, node);\n  });\n\n  return Array.from(result.values());\n}\n","import { Node } from \"./uniqueNodes\";\n\nexport interface Edge {\n  __typename?: unknown;\n  node: Node;\n  cursor: string;\n}\n\nexport function createEdge(node: Node): Edge {\n  return {\n    node: node,\n    cursor: \"\",\n    __typename: `${node.__typename}Edge`,\n  };\n}\n\nexport function uniqueEdges(edges: Edge[]): Edge[] {\n  const result = new Map<string, Edge>();\n  edges.forEach(edge => {\n    result.set(\n      `${edge.__typename}-${edge.node.__typename}-${edge.node.id}`,\n      edge,\n    );\n  });\n\n  return Array.from(result.values());\n}\n","import { useRef } from \"react\";\nimport { useSafeLayoutEffect } from \"../useSafeLayoutEffect\";\n\n/**\n * Why does this work?\n *\n * The following is from the react docs:\n *    [The return function from `useLayoutEffect`] is the optional cleanup mechanism for effects.\n *    Every effect may return a function that cleans up after it.\n *\n *    When exactly does React clean up an effect? React performs the cleanup when the component unmounts.\n *    The cleanup for useLayoutEffect is called after component unmounts and before before browser painting\n *    the screen\n *\n * What does that mean for us? When this hook is initially loaded, we then trigger a `useLayoutEffect` that\n * sets the isMounted to true right after the component is mounted.\n * When the component unmounts, it calls the cleanup function that sets `isMounted` to false.\n * This `useLayoutEffect` hook will only be run once.\n */\nexport function useIsMounted(): { current: boolean } {\n  const isMounted = useRef(false);\n\n  useSafeLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n}\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useSafeLayoutEffect = globalThis?.document\n  ? useLayoutEffect\n  : useEffect;\n"],"mappings":"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","names":["exports","exports","exports","exports","exports","import_react","import_react","_a"]}

package/dist/useCollectionQuery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../formatters/dist/global.js","../../../formatters/dist/config.js","../../../formatters/dist/currency.js","../../../formatters/dist/CurrencyType.js","../../../formatters/dist/index.js","../../src/useCollectionQuery/useCollectionQuery.ts","../../src/useCollectionQuery/uniqueNodes.tsx","../../src/useCollectionQuery/uniqueEdges.tsx","../../src/useIsMounted/useIsMounted.ts","../../src/useSafeLayoutEffect/useSafeLayoutEffect.ts"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.global = void 0;\nfunction getGlobal() {\n    if (typeof window !== \"undefined\") {\n        return window;\n    }\n    return global;\n}\nconst glob = getGlobal();\nexports.global = glob;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.config = void 0;\nconst global_1 = require(\"./global\");\nconst configOverrides = (global_1.global.ATLANTIS_ENV || {}).config || {};\nexports.config = Object.freeze(Object.assign({ defaultCurrency: \"USD\", errorNotifier(message, error) {\n        console.error(message, error);\n    } }, configOverrides));\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.formatCurrency = void 0;\nconst config_1 = require(\"./config\");\nfunction formatCurrency(amount, currency = config_1.config.defaultCurrency) {\n    return amount.toLocaleString(\"en\", {\n        style: \"currency\",\n        currency: currency,\n    });\n}\nexports.formatCurrency = formatCurrency;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./currency\"), exports);\n__exportStar(require(\"./CurrencyType\"), exports);\n__exportStar(require(\"./config\"), exports);\n","import {\n  ApolloError,\n  DocumentNode,\n  QueryHookOptions,\n  SubscribeToMoreOptions,\n  useQuery,\n} from \"@apollo/client\";\nimport { cloneDeep } from \"lodash\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { config } from \"@jobber/formatters\";\nimport { Node, uniqueNodes } from \"./uniqueNodes\";\nimport { Edge, createEdge, uniqueEdges } from \"./uniqueEdges\";\nimport { useIsMounted } from \"../useIsMounted\";\n\ninterface UseCollectionQueryArguments<TQuery, TSubscription> {\n  /**\n   * The graphQL query that fetches the collection\n   */\n  query: DocumentNode;\n\n  /**\n   * A list of options for us to pass into the apollo `useQuery` hook\n   */\n  queryOptions?: QueryHookOptions<TQuery>;\n\n  /**\n   * A function that returns the location where the {@link Collection} is located.\n   *\n   * The collection is the part of the result that needs to be paginated.\n   */\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>;\n\n  /**\n   *  A list of subscription options if you want to create a GraphQL\n   *  subscription to listen for more content.\n   */\n  subscription?: ListSubscription<TSubscription>;\n}\n\ninterface ListSubscription<TSubscription> {\n  /**\n   * The graphQL subscription that listens for more data. This query should\n   * return a single Node that matches the data structure in\n   * `getCollectionByPath<TQuery>(...).edges.node` and\n   * `getCollectionByPath<TQuery>(...).nodes\n   */\n  document: DocumentNode;\n\n  /**\n   * A list of variables to pass into the apollo `subscribeToMore` function.\n   */\n  options?: Pick<SubscribeToMoreOptions<TSubscription>, \"variables\">;\n\n  /**\n   * A function that returns the location where the `Node` is located on the\n   * `TSubscription` object.\n   *\n   * It should return a single Node that matches the data structure in\n   * `getCollectionByPath<TQuery>(...).edges.node` and\n   * `getCollectionByPath<TQuery>(...).nodes\n   */\n  getNodeByPath: GetNodeByPath<TSubscription>;\n}\n\ninterface Collection {\n  edges?: Edge[];\n  nodes?: Node[];\n  pageInfo: {\n    endCursor?: string | undefined;\n    hasNextPage: boolean;\n    [otherProperties: string]: unknown;\n  };\n  totalCount?: number;\n  [otherProperties: string]: unknown;\n}\n\ninterface CollectionQueryResult<TQuery> {\n  data: TQuery | undefined;\n  error: ApolloError | undefined;\n  loadingRefresh: boolean;\n  loadingNextPage: boolean;\n  loadingInitialContent: boolean;\n  refresh(): void;\n  nextPage(): void;\n}\n\ntype GetCollectionByPathFunction<TQuery> = (\n  data: TQuery | undefined,\n) => Collection | undefined;\n\ntype GetNodeByPath<TSubscription> = (\n  data: TSubscription | undefined,\n) => Node | undefined;\n\nexport function useCollectionQuery<TQuery, TSubscription = undefined>({\n  query,\n  queryOptions,\n  getCollectionByPath,\n  subscription,\n}: UseCollectionQueryArguments<\n  TQuery,\n  TSubscription\n>): CollectionQueryResult<TQuery> {\n  const { data, loading, refetch, error, fetchMore, subscribeToMore } =\n    useQuery<TQuery>(query, queryOptions);\n\n  const isMounted = useIsMounted();\n  const [loadingRefresh, setLoadingRefresh] = useState<boolean>(false);\n  const [loadingNextPage, setLoadingNextPage] = useState<boolean>(false);\n  const [hookError, setHookError] = useState<ApolloError | undefined>();\n  const loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;\n  const isSearching = !!queryOptions?.variables?.searchTerm;\n\n  const refresh = useCallback(() => {\n    if (loadingInitialContent || loadingRefresh) {\n      return;\n    }\n\n    setLoadingRefresh(true);\n\n    fetchMore({\n      // a workaround fix for the error described in this post\n      // https://github.com/apollographql/apollo-client/issues/7491#issuecomment-767985363\n      // These changes can be reverted once we can update to version 3.4\n      // (the current release candidate)\n      variables: {},\n      updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev,\n    })\n      .catch(err => config.errorNotifier(\"Refetch Error\", err))\n      .finally(() => {\n        if (isMounted.current) {\n          setLoadingRefresh(false);\n        }\n      });\n  }, [\n    loadingInitialContent,\n    loadingRefresh,\n    setLoadingRefresh,\n    refetch,\n    isMounted,\n  ]);\n\n  const nextPage = useCallback(() => {\n    if (loadingInitialContent || loadingRefresh || loadingNextPage) {\n      return;\n    }\n\n    const pageInfo = getCollectionByPath(data)?.pageInfo;\n\n    if (!pageInfo || !pageInfo.hasNextPage) {\n      return;\n    }\n\n    setLoadingNextPage(true);\n    setHookError(undefined);\n\n    fetchMore({\n      variables: {\n        cursor: pageInfo.endCursor,\n      },\n      updateQuery: (prev, { fetchMoreResult }) =>\n        fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath),\n    })\n      .catch(err => {\n        config.errorNotifier(\"FetchMore Error\", err);\n        setHookError(err);\n      })\n      .finally(() => {\n        if (isMounted.current) {\n          setLoadingNextPage(false);\n        }\n      });\n  }, [\n    data,\n    loadingInitialContent,\n    loadingRefresh,\n    fetchMore,\n    loadingNextPage,\n    setLoadingNextPage,\n    getCollectionByPath,\n    isMounted,\n  ]);\n\n  useEffect(\n    () => {\n      if (subscription == undefined) return;\n\n      const subscriptionOptions = subscription.options || {};\n\n      // Reset this state so we can handle errors from the subscription\n      setHookError(undefined);\n\n      return subscribeToMore<TSubscription>({\n        ...subscriptionOptions,\n        document: subscription.document,\n        updateQuery: (prev, { subscriptionData }) =>\n          subscribeToMoreHandler(\n            isSearching,\n            prev,\n            getCollectionByPath,\n            subscriptionData?.data,\n            subscription.getNodeByPath,\n          ),\n        onError: err => {\n          config.errorNotifier(\"Subscribe to More Error\", err);\n          setHookError(err as ApolloError);\n        },\n      });\n    },\n    // Disabling this linter so we can force this only run once. If we didn't\n    // do this we would need to ensure subscription, subscribeToMore, and getNodeByPath\n    // all use useCallback.\n    [queryOptions?.variables?.searchTerm],\n  );\n\n  const combinedError = error || hookError;\n\n  return {\n    data,\n    error: combinedError,\n    refresh,\n    loadingRefresh,\n    nextPage,\n    loadingNextPage,\n    loadingInitialContent,\n  };\n}\n\n/**\n * The following method uses an `output` variable, and indirectly modifies it through the `outputCollection` variable.\n * This type of indirect modification is prone to bugs, but I couldn't think of a better way to write this code.\n *\n * Here's what I was balancing:\n * 1. We need to copy the structure of prev to ensure that when we're combining two objects, we're not losing properties\n * 2. We need to extract a key from an unknown path that's given to us by getCollectionByPath and then we need to modify\n *    that, and ensure that it's properly set on the cloned output object.\n * 3. We want to keep the interface to this hook as simple and easy to use as possible\n *\n * The alternative approaches that were rejected:\n * 1. We replace the getCollectionByPath with a keyPath string. (Eg. \"data.conversation.message\") and then we use lodash\n *    `get` and `set` which should remove all the object manipulation. But, this approach loses us the type safety that\n *    getCollectionByPath gives us\n * 2. We could add a setCollection function to the list of arguments for this hook. This leaves us with type safety but\n *    makes the `useCollectionQuery` interface more complicated by adding arguments\n */\nfunction fetchMoreUpdateQueryHandler<TQuery>(\n  prev: TQuery,\n  fetchMoreResult: TQuery | undefined,\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>,\n): TQuery {\n  const nextCollection = getCollectionByPath(fetchMoreResult);\n  const output = cloneDeep(prev);\n  const outputCollection = getCollectionByPath(output);\n\n  if (outputCollection === undefined || nextCollection === undefined) {\n    return output;\n  }\n\n  if (outputCollection.nodes && nextCollection.nodes) {\n    outputCollection.nodes = getUpdatedNodes(\n      outputCollection.nodes,\n      nextCollection.nodes,\n    );\n  }\n\n  if (outputCollection.edges && nextCollection.edges) {\n    outputCollection.edges = getUpdatedEdges(\n      outputCollection.edges,\n      nextCollection.edges,\n    );\n  }\n\n  Object.assign(outputCollection, {\n    pageInfo: cloneDeep(nextCollection.pageInfo),\n    ...getTotalCount(nextCollection.totalCount),\n  });\n\n  return output;\n}\n\nfunction subscribeToMoreHandler<TQuery, TSubscription>(\n  isSearching: boolean,\n  prev: TQuery,\n  getCollectionByPath: GetCollectionByPathFunction<TQuery>,\n  subscriptionData: TSubscription | undefined,\n  getNodeByPath: GetNodeByPath<TSubscription>,\n): TQuery {\n  const node = getNodeByPath(subscriptionData);\n  const output = cloneDeep(prev);\n  const outputCollection = getCollectionByPath(output);\n\n  if (outputCollection == undefined || node == undefined) return output;\n\n  if (isAlreadyUpdated(outputCollection, node) || isSearching) {\n    return prev;\n  }\n\n  if (outputCollection.nodes) {\n    outputCollection.nodes = getUpdatedNodes(\n      outputCollection.nodes,\n      [node],\n      false,\n    );\n  }\n\n  if (outputCollection.edges) {\n    outputCollection.edges = getUpdatedEdges(\n      outputCollection.edges,\n      [createEdge(node)],\n      false,\n    );\n  }\n\n  Object.assign(outputCollection, {\n    pageInfo: cloneDeep(outputCollection.pageInfo),\n    ...getTotalCount(outputCollection.totalCount, 1),\n  });\n\n  return output;\n}\n\ninterface TotalCountReturn {\n  totalCount?: number;\n}\n\nfunction getTotalCount(\n  totalCount: number | undefined,\n  additionalCount = 0,\n): TotalCountReturn {\n  return totalCount !== undefined\n    ? { totalCount: totalCount + additionalCount }\n    : {};\n}\n\nexport function isAlreadyUpdated(outputCollection: Collection, newNode: Node) {\n  let edgesAlreadyUpdated = true;\n  let nodesAlreadyUpdated = true;\n\n  if (outputCollection.edges) {\n    edgesAlreadyUpdated = outputCollection.edges.some(edge => {\n      return edge.node.id === newNode.id;\n    });\n  }\n\n  if (outputCollection.nodes) {\n    nodesAlreadyUpdated = outputCollection.nodes.some(node => {\n      return node.id === newNode.id;\n    });\n  }\n\n  return edgesAlreadyUpdated && nodesAlreadyUpdated;\n}\n\nfunction getUpdatedEdges(\n  prevEdges: Edge[],\n  nextEdges: Edge[],\n  appendToEnd = true,\n) {\n  const newEdges = appendToEnd\n    ? [...prevEdges, ...nextEdges]\n    : [...nextEdges, ...prevEdges];\n\n  return uniqueEdges(newEdges);\n}\n\nfunction getUpdatedNodes(\n  prevNodes: Node[],\n  nextNodes: Node[],\n  appendToEnd = true,\n) {\n  const newNodes = appendToEnd\n    ? [...prevNodes, ...nextNodes]\n    : [...nextNodes, ...prevNodes];\n\n  return uniqueNodes(newNodes);\n}\n","export interface Node {\n  id: unknown;\n  __typename?: unknown;\n}\n\nexport function uniqueNodes(nodes: Node[]): Node[] {\n  const result = new Map<string, Node>();\n  nodes.forEach(node => {\n    result.set(`${node.__typename}-${node.id}`, node);\n  });\n\n  return Array.from(result.values());\n}\n","import { Node } from \"./uniqueNodes\";\n\nexport interface Edge {\n  __typename?: unknown;\n  node: Node;\n  cursor: string;\n}\n\nexport function createEdge(node: Node): Edge {\n  return {\n    node: node,\n    cursor: \"\",\n    __typename: `${node.__typename}Edge`,\n  };\n}\n\nexport function uniqueEdges(edges: Edge[]): Edge[] {\n  const result = new Map<string, Edge>();\n  edges.forEach(edge => {\n    result.set(\n      `${edge.__typename}-${edge.node.__typename}-${edge.node.id}`,\n      edge,\n    );\n  });\n\n  return Array.from(result.values());\n}\n","import { useRef } from \"react\";\nimport { useSafeLayoutEffect } from \"../useSafeLayoutEffect\";\n\n/**\n * Why does this work?\n *\n * The following is from the react docs:\n *    [The return function from `useLayoutEffect`] is the optional cleanup mechanism for effects.\n *    Every effect may return a function that cleans up after it.\n *\n *    When exactly does React clean up an effect? React performs the cleanup when the component unmounts.\n *    The cleanup for useLayoutEffect is called after component unmounts and before before browser painting\n *    the screen\n *\n * What does that mean for us? When this hook is initially loaded, we then trigger a `useLayoutEffect` that\n * sets the isMounted to true right after the component is mounted.\n * When the component unmounts, it calls the cleanup function that sets `isMounted` to false.\n * This `useLayoutEffect` hook will only be run once.\n */\nexport function useIsMounted(): { current: boolean } {\n  const isMounted = useRef(false);\n\n  useSafeLayoutEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n}\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useSafeLayoutEffect = globalThis?.document\n  ? useLayoutEffect\n  : useEffect;\n"],"mappings":"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","names":["exports","useEffect","_a","useEffect"]}

package/dist/useFocusTrap/index.cjs

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useFocusTrap/index.ts
+var useFocusTrap_exports = {};
+__export(useFocusTrap_exports, {
+  useFocusTrap: () => useFocusTrap
+});
+module.exports = __toCommonJS(useFocusTrap_exports);
+
+// src/useFocusTrap/useFocusTrap.ts
+var import_react = require("react");
+function useFocusTrap(active) {
+  const ref = (0, import_react.useRef)(null);
+  function handleKeyDown(event) {
+    if (!(active && ref.current) || event.key !== "Tab") {
+      return;
+    }
+    const { firstElement, lastElement } = getElements(ref.current);
+    if (event.shiftKey) {
+      if (document.activeElement === firstElement) {
+        lastElement.focus();
+        event.preventDefault();
+      }
+    } else {
+      if (document.activeElement === lastElement) {
+        firstElement.focus();
+        event.preventDefault();
+      }
+    }
+  }
+  (0, import_react.useEffect)(() => {
+    if (active && ref.current) {
+      const { firstElement } = getElements(ref.current);
+      firstElement.focus();
+      ref.current.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      var _a;
+      (_a = ref.current) == null ? void 0 : _a.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [active]);
+  return ref;
+}
+function getElements(ref) {
+  const focusables = [
+    "button",
+    "[href]",
+    "input",
+    "select",
+    "textarea",
+    '[tabindex]:not([tabindex="-1"])'
+  ];
+  const elements = [
+    ...ref.querySelectorAll(focusables.join(", "))
+  ];
+  if (ref.getAttribute("tabindex") === "0") {
+    elements.unshift(ref);
+  }
+  const firstElement = elements[0];
+  const lastElement = elements[elements.length - 1];
+  return { firstElement, lastElement };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFocusTrap
+});
+//# sourceMappingURL=index.cjs.map

package/dist/useFocusTrap/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useFocusTrap/index.ts","../../src/useFocusTrap/useFocusTrap.ts"],"sourcesContent":["export { useFocusTrap } from \"./useFocusTrap\";\n","import { useEffect, useRef } from \"react\";\n\n/**\n * Traps the focus within the children of the ref element.\n *\n * @param active - Turns the focus trapping on or off. Also adds aria-hidden on the\n * body but not the dialog.\n *\n * @returns ref\n */\nexport function useFocusTrap<T extends HTMLElement>(active: boolean) {\n  // There's an ongoing issue with useRef return type clashing with an element's\n  // ref prop type. TLDR: Use null because useRef doesn't expect undefined.\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572\n  const ref = useRef<T>(null);\n\n  function handleKeyDown(event: KeyboardEvent) {\n    if (!(active && ref.current) || event.key !== \"Tab\") {\n      return;\n    }\n\n    const { firstElement, lastElement } = getElements(ref.current);\n\n    if (event.shiftKey) {\n      if (document.activeElement === firstElement) {\n        lastElement.focus();\n        event.preventDefault();\n      }\n    } else {\n      if (document.activeElement === lastElement) {\n        firstElement.focus();\n        event.preventDefault();\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (active && ref.current) {\n      const { firstElement } = getElements(ref.current);\n      firstElement.focus();\n      ref.current.addEventListener(\"keydown\", handleKeyDown);\n    }\n\n    return () => {\n      ref.current?.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [active]);\n\n  return ref;\n}\n\nfunction getElements<T extends HTMLElement>(ref: T) {\n  const focusables = [\n    \"button\",\n    \"[href]\",\n    \"input\",\n    \"select\",\n    \"textarea\",\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ];\n  const elements = [\n    ...ref.querySelectorAll<HTMLElement>(focusables.join(\", \")),\n  ];\n\n  // If the ref is focusable, ensure it's the first element to be focused.\n  if (ref.getAttribute(\"tabindex\") === \"0\") {\n    elements.unshift(ref);\n  }\n\n  const firstElement = elements[0];\n  const lastElement = elements[elements.length - 1];\n\n  return { firstElement, lastElement };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkC;AAU3B,SAAS,aAAoC,QAAiB;AAInE,QAAM,UAAM,qBAAU,IAAI;AAE1B,WAAS,cAAc,OAAsB;AAC3C,QAAI,EAAE,UAAU,IAAI,YAAY,MAAM,QAAQ,OAAO;AACnD;AAAA,IACF;AAEA,UAAM,EAAE,cAAc,YAAY,IAAI,YAAY,IAAI,OAAO;AAE7D,QAAI,MAAM,UAAU;AAClB,UAAI,SAAS,kBAAkB,cAAc;AAC3C,oBAAY,MAAM;AAClB,cAAM,eAAe;AAAA,MACvB;AAAA,IACF,OAAO;AACL,UAAI,SAAS,kBAAkB,aAAa;AAC1C,qBAAa,MAAM;AACnB,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,UAAU,IAAI,SAAS;AACzB,YAAM,EAAE,aAAa,IAAI,YAAY,IAAI,OAAO;AAChD,mBAAa,MAAM;AACnB,UAAI,QAAQ,iBAAiB,WAAW,aAAa;AAAA,IACvD;AAEA,WAAO,MAAM;AA3CjB;AA4CM,gBAAI,YAAJ,mBAAa,oBAAoB,WAAW;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;AAEA,SAAS,YAAmC,KAAQ;AAClD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW;AAAA,IACf,GAAG,IAAI,iBAA8B,WAAW,KAAK,IAAI,CAAC;AAAA,EAC5D;AAGA,MAAI,IAAI,aAAa,UAAU,MAAM,KAAK;AACxC,aAAS,QAAQ,GAAG;AAAA,EACtB;AAEA,QAAM,eAAe,SAAS,CAAC;AAC/B,QAAM,cAAc,SAAS,SAAS,SAAS,CAAC;AAEhD,SAAO,EAAE,cAAc,YAAY;AACrC;","names":[]}

package/dist/useFocusTrap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useFocusTrap/useFocusTrap.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * Traps the focus within the children of the ref element.\n *\n * @param active - Turns the focus trapping on or off. Also adds aria-hidden on the\n * body but not the dialog.\n *\n * @returns ref\n */\nexport function useFocusTrap<T extends HTMLElement>(active: boolean) {\n  // There's an ongoing issue with useRef return type clashing with an element's\n  // ref prop type. TLDR: Use null because useRef doesn't expect undefined.\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572\n  const ref = useRef<T>(null);\n\n  function handleKeyDown(event: KeyboardEvent) {\n    if (!(active && ref.current) || event.key !== \"Tab\") {\n      return;\n    }\n\n    const { firstElement, lastElement } = getElements(ref.current);\n\n    if (event.shiftKey) {\n      if (document.activeElement === firstElement) {\n        lastElement.focus();\n        event.preventDefault();\n      }\n    } else {\n      if (document.activeElement === lastElement) {\n        firstElement.focus();\n        event.preventDefault();\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (active && ref.current) {\n      const { firstElement } = getElements(ref.current);\n      firstElement.focus();\n      ref.current.addEventListener(\"keydown\", handleKeyDown);\n    }\n\n    return () => {\n      ref.current?.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [active]);\n\n  return ref;\n}\n\nfunction getElements<T extends HTMLElement>(ref: T) {\n  const focusables = [\n    \"button\",\n    \"[href]\",\n    \"input\",\n    \"select\",\n    \"textarea\",\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ];\n  const elements = [\n    ...ref.querySelectorAll<HTMLElement>(focusables.join(\", \")),\n  ];\n\n  // If the ref is focusable, ensure it's the first element to be focused.\n  if (ref.getAttribute(\"tabindex\") === \"0\") {\n    elements.unshift(ref);\n  }\n\n  const firstElement = elements[0];\n  const lastElement = elements[elements.length - 1];\n\n  return { firstElement, lastElement };\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAU3B,SAAS,aAAoC,QAAiB;AAInE,QAAM,MAAM,OAAU,IAAI;AAE1B,WAAS,cAAc,OAAsB;AAC3C,QAAI,EAAE,UAAU,IAAI,YAAY,MAAM,QAAQ,OAAO;AACnD;AAAA,IACF;AAEA,UAAM,EAAE,cAAc,YAAY,IAAI,YAAY,IAAI,OAAO;AAE7D,QAAI,MAAM,UAAU;AAClB,UAAI,SAAS,kBAAkB,cAAc;AAC3C,oBAAY,MAAM;AAClB,cAAM,eAAe;AAAA,MACvB;AAAA,IACF,OAAO;AACL,UAAI,SAAS,kBAAkB,aAAa;AAC1C,qBAAa,MAAM;AACnB,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,UAAU,IAAI,SAAS;AACzB,YAAM,EAAE,aAAa,IAAI,YAAY,IAAI,OAAO;AAChD,mBAAa,MAAM;AACnB,UAAI,QAAQ,iBAAiB,WAAW,aAAa;AAAA,IACvD;AAEA,WAAO,MAAM;AA3CjB;AA4CM,gBAAI,YAAJ,mBAAa,oBAAoB,WAAW;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;AAEA,SAAS,YAAmC,KAAQ;AAClD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW;AAAA,IACf,GAAG,IAAI,iBAA8B,WAAW,KAAK,IAAI,CAAC;AAAA,EAC5D;AAGA,MAAI,IAAI,aAAa,UAAU,MAAM,KAAK;AACxC,aAAS,QAAQ,GAAG;AAAA,EACtB;AAEA,QAAM,eAAe,SAAS,CAAC;AAC/B,QAAM,cAAc,SAAS,SAAS,SAAS,CAAC;AAEhD,SAAO,EAAE,cAAc,YAAY;AACrC;","names":[]}

package/dist/useInView/index.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useInView/index.ts
+var useInView_exports = {};
+__export(useInView_exports, {
+  useInView: () => useInView
+});
+module.exports = __toCommonJS(useInView_exports);
+
+// src/useInView/useInView.ts
+var import_react = require("react");
+function useInView() {
+  const ref = (0, import_react.useRef)(null);
+  const [isInView, setIsInView] = (0, import_react.useState)(false);
+  const handleIntersection = (0, import_react.useCallback)(
+    (entries) => setIsInView(entries[0].isIntersecting),
+    [setIsInView]
+  );
+  (0, import_react.useEffect)(() => {
+    if (!window.IntersectionObserver)
+      return;
+    const observer = new IntersectionObserver(handleIntersection);
+    ref.current && observer.observe(ref.current);
+    return () => {
+      ref.current && observer.unobserve(ref.current);
+    };
+  }, [handleIntersection, ref.current]);
+  return [ref, isInView];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useInView
+});
+//# sourceMappingURL=index.cjs.map

package/dist/useInView/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useInView/index.ts","../../src/useInView/useInView.ts"],"sourcesContent":["export * from \"./useInView\";\n","import { RefObject, useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useInView<T extends Element>(): [RefObject<T>, boolean] {\n  const ref = useRef<T>(null);\n  const [isInView, setIsInView] = useState(false);\n\n  const handleIntersection: IntersectionObserverCallback = useCallback(\n    entries => setIsInView(entries[0].isIntersecting),\n    [setIsInView],\n  );\n\n  useEffect(() => {\n    if (!window.IntersectionObserver) return;\n\n    const observer = new IntersectionObserver(handleIntersection);\n    ref.current && observer.observe(ref.current);\n\n    return () => {\n      ref.current && observer.unobserve(ref.current);\n    };\n  }, [handleIntersection, ref.current]);\n\n  return [ref, isInView];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAoE;AAE7D,SAAS,YAAwD;AACtE,QAAM,UAAM,qBAAU,IAAI;AAC1B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAE9C,QAAM,yBAAmD;AAAA,IACvD,aAAW,YAAY,QAAQ,CAAC,EAAE,cAAc;AAAA,IAChD,CAAC,WAAW;AAAA,EACd;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAsB;AAElC,UAAM,WAAW,IAAI,qBAAqB,kBAAkB;AAC5D,QAAI,WAAW,SAAS,QAAQ,IAAI,OAAO;AAE3C,WAAO,MAAM;AACX,UAAI,WAAW,SAAS,UAAU,IAAI,OAAO;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,oBAAoB,IAAI,OAAO,CAAC;AAEpC,SAAO,CAAC,KAAK,QAAQ;AACvB;","names":[]}

package/dist/useInView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useInView/useInView.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useInView<T extends Element>(): [RefObject<T>, boolean] {\n  const ref = useRef<T>(null);\n  const [isInView, setIsInView] = useState(false);\n\n  const handleIntersection: IntersectionObserverCallback = useCallback(\n    entries => setIsInView(entries[0].isIntersecting),\n    [setIsInView],\n  );\n\n  useEffect(() => {\n    if (!window.IntersectionObserver) return;\n\n    const observer = new IntersectionObserver(handleIntersection);\n    ref.current && observer.observe(ref.current);\n\n    return () => {\n      ref.current && observer.unobserve(ref.current);\n    };\n  }, [handleIntersection, ref.current]);\n\n  return [ref, isInView];\n}\n"],"mappings":";AAAA,SAAoB,aAAa,WAAW,QAAQ,gBAAgB;AAE7D,SAAS,YAAwD;AACtE,QAAM,MAAM,OAAU,IAAI;AAC1B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,qBAAmD;AAAA,IACvD,aAAW,YAAY,QAAQ,CAAC,EAAE,cAAc;AAAA,IAChD,CAAC,WAAW;AAAA,EACd;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAsB;AAElC,UAAM,WAAW,IAAI,qBAAqB,kBAAkB;AAC5D,QAAI,WAAW,SAAS,QAAQ,IAAI,OAAO;AAE3C,WAAO,MAAM;AACX,UAAI,WAAW,SAAS,UAAU,IAAI,OAAO;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,oBAAoB,IAAI,OAAO,CAAC;AAEpC,SAAO,CAAC,KAAK,QAAQ;AACvB;","names":[]}