react-relay 16.2.0 → 18.0.0

package/lib/relay-hooks/experimental/usePaginationFragment_EXPERIMENTAL.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var useLoadMoreFunction = require('../useLoadMoreFunction');
-var useRelayEnvironment = require('../useRelayEnvironment');
-var useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-var _require = require('react'),
-  useCallback = _require.useCallback,
-  useDebugValue = _require.useDebugValue,
-  useState = _require.useState;
-var _require2 = require('relay-runtime'),
-  getFragment = _require2.getFragment,
-  getFragmentIdentifier = _require2.getFragmentIdentifier,
-  getPaginationMetadata = _require2.getPaginationMetadata;
-function usePaginationFragment(fragmentInput, parentFragmentRef) {
-  var fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(fragmentNode, 'first argument of usePaginationFragment()');
-  var componentDisplayName = 'usePaginationFragment()';
-  var _getPaginationMetadat = getPaginationMetadata(fragmentNode, componentDisplayName),
-    connectionPathInFragmentData = _getPaginationMetadat.connectionPathInFragmentData,
-    paginationRequest = _getPaginationMetadat.paginationRequest,
-    paginationMetadata = _getPaginationMetadat.paginationMetadata;
-  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, parentFragmentRef, componentDisplayName),
-    fragmentData = _useRefetchableFragme.fragmentData,
-    fragmentRef = _useRefetchableFragme.fragmentRef,
-    refetch = _useRefetchableFragme.refetch;
-  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
-  var _useLoadMore = useLoadMore({
-      componentDisplayName: componentDisplayName,
-      connectionPathInFragmentData: connectionPathInFragmentData,
-      direction: 'backward',
-      fragmentData: fragmentData,
-      fragmentIdentifier: fragmentIdentifier,
-      fragmentNode: fragmentNode,
-      fragmentRef: fragmentRef,
-      paginationMetadata: paginationMetadata,
-      paginationRequest: paginationRequest
-    }),
-    loadPrevious = _useLoadMore[0],
-    hasPrevious = _useLoadMore[1],
-    isLoadingPrevious = _useLoadMore[2],
-    disposeFetchPrevious = _useLoadMore[3];
-  var _useLoadMore2 = useLoadMore({
-      componentDisplayName: componentDisplayName,
-      connectionPathInFragmentData: connectionPathInFragmentData,
-      direction: 'forward',
-      fragmentData: fragmentData,
-      fragmentIdentifier: fragmentIdentifier,
-      fragmentNode: fragmentNode,
-      fragmentRef: fragmentRef,
-      paginationMetadata: paginationMetadata,
-      paginationRequest: paginationRequest
-    }),
-    loadNext = _useLoadMore2[0],
-    hasNext = _useLoadMore2[1],
-    isLoadingNext = _useLoadMore2[2],
-    disposeFetchNext = _useLoadMore2[3];
-  var refetchPagination = useCallback(function (variables, options) {
-    disposeFetchNext();
-    disposeFetchPrevious();
-    return refetch(variables, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, options), {}, {
-      __environment: undefined
-    }));
-  }, [disposeFetchNext, disposeFetchPrevious, refetch]);
-  if (process.env.NODE_ENV !== "production") {
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData,
-      hasNext: hasNext,
-      isLoadingNext: isLoadingNext,
-      hasPrevious: hasPrevious,
-      isLoadingPrevious: isLoadingPrevious
-    });
-  }
-  return {
-    data: fragmentData,
-    loadNext: loadNext,
-    loadPrevious: loadPrevious,
-    hasNext: hasNext,
-    hasPrevious: hasPrevious,
-    isLoadingNext: isLoadingNext,
-    isLoadingPrevious: isLoadingPrevious,
-    refetch: refetchPagination
-  };
-}
-function useLoadMore(args) {
-  var environment = useRelayEnvironment();
-  var _useState = useState(false),
-    isLoadingMore = _useState[0],
-    reallySetIsLoadingMore = _useState[1];
-  var setIsLoadingMore = function setIsLoadingMore(value) {
-    var _environment$getSched;
-    var schedule = (_environment$getSched = environment.getScheduler()) === null || _environment$getSched === void 0 ? void 0 : _environment$getSched.schedule;
-    if (schedule) {
-      schedule(function () {
-        reallySetIsLoadingMore(value);
-      });
-    } else {
-      reallySetIsLoadingMore(value);
-    }
-  };
-  var observer = {
-    start: function start() {
-      return setIsLoadingMore(true);
-    },
-    complete: function complete() {
-      return setIsLoadingMore(false);
-    },
-    error: function error() {
-      return setIsLoadingMore(false);
-    }
-  };
-  var handleReset = function handleReset() {
-    return setIsLoadingMore(false);
-  };
-  var _useLoadMoreFunction = useLoadMoreFunction((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, args), {}, {
-      observer: observer,
-      onReset: handleReset
-    })),
-    loadMore = _useLoadMoreFunction[0],
-    hasMore = _useLoadMoreFunction[1],
-    disposeFetch = _useLoadMoreFunction[2];
-  return [loadMore, hasMore, isLoadingMore, disposeFetch];
-}
-module.exports = usePaginationFragment;

package/lib/relay-hooks/experimental/useRefetchableFragment_EXPERIMENTAL.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-var _require = require('react'),
-  useDebugValue = _require.useDebugValue;
-var _require2 = require('relay-runtime'),
-  getFragment = _require2.getFragment;
-function useRefetchableFragment(fragmentInput, fragmentRef) {
-  var fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(fragmentNode, 'first argument of useRefetchableFragment()');
-  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, fragmentRef, 'useRefetchableFragment()'),
-    fragmentData = _useRefetchableFragme.fragmentData,
-    refetch = _useRefetchableFragme.refetch;
-  if (process.env.NODE_ENV !== "production") {
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData
-    });
-  }
-  return [fragmentData, refetch];
-}
-module.exports = useRefetchableFragment;

package/relay-hooks/HooksImplementation.js.flow

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import typeof useFragmentInternal from './experimental/useFragmentInternal_EXPERIMENTAL';
-import typeof useFragment from './useFragment';
-import type {UsePaginationFragmentType} from './usePaginationFragment';
-import type {UseRefetchableFragmentType} from './useRefetchableFragment';
-
-const warning = require('warning');
-
-type HooksImplementation = {
-  useFragment: useFragment,
-  usePaginationFragment: UsePaginationFragmentType,
-  useRefetchableFragment: UseRefetchableFragmentType,
-  useFragment__internal?: useFragmentInternal,
-};
-
-let implementation: HooksImplementation | null = null;
-
-function inject(impl: HooksImplementation): void {
-  warning(
-    implementation === null,
-    'Relay HooksImplementation was injected twice.',
-  );
-  implementation = impl;
-}
-
-function get(): HooksImplementation | null {
-  return implementation;
-}
-
-module.exports = {
-  inject,
-  get,
-};

package/relay-hooks/experimental/useFragment_EXPERIMENTAL.js.flow

@@ -1,72 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import type {Fragment, FragmentType, GraphQLTaggedNode} from 'relay-runtime';
-
-const {useTrackLoadQueryInRender} = require('../loadQuery');
-const useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-const useFragmentInternal = require('./useFragmentInternal_EXPERIMENTAL');
-const {useDebugValue} = require('react');
-const {getFragment} = require('relay-runtime');
-
-type HasSpread<TFragmentType> = {
-  +$fragmentSpreads: TFragmentType,
-  ...
-};
-
-// if the key is non-nullable, return non-nullable value
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: HasSpread<TFragmentType>,
-): TData;
-
-// if the key is nullable, return nullable value
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: ?HasSpread<TFragmentType>,
-): ?TData;
-
-// if the key is a non-nullable array of keys, return non-nullable array
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: $ReadOnlyArray<HasSpread<TFragmentType>>,
-): TData;
-
-// if the key is a nullable array of keys, return nullable array
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: ?$ReadOnlyArray<HasSpread<TFragmentType>>,
-): ?TData;
-
-function useFragment(fragment: GraphQLTaggedNode, key: mixed): mixed {
-  // We need to use this hook in order to be able to track if
-  // loadQuery was called during render
-  useTrackLoadQueryInRender();
-
-  const fragmentNode = getFragment(fragment);
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useStaticFragmentNodeWarning(
-      fragmentNode,
-      'first argument of useFragment()',
-    );
-  }
-  const data = useFragmentInternal(fragmentNode, key, 'useFragment()');
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useDebugValue({fragment: fragmentNode.name, data});
-  }
-  return data;
-}
-
-module.exports = useFragment;

package/relay-hooks/experimental/usePaginationFragment_EXPERIMENTAL.js.flow

@@ -1,161 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import type {LoadMoreFn, UseLoadMoreFunctionArgs} from '../useLoadMoreFunction';
-import type {ReturnType} from '../usePaginationFragment';
-import type {Options} from './useRefetchableFragmentInternal_EXPERIMENTAL';
-import type {
-  FragmentType,
-  GraphQLResponse,
-  Observer,
-  RefetchableFragment,
-  Variables,
-} from 'relay-runtime';
-
-const useLoadMoreFunction = require('../useLoadMoreFunction');
-const useRelayEnvironment = require('../useRelayEnvironment');
-const useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-const useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-const {useCallback, useDebugValue, useState} = require('react');
-const {
-  getFragment,
-  getFragmentIdentifier,
-  getPaginationMetadata,
-} = require('relay-runtime');
-
-function usePaginationFragment<
-  TFragmentType: FragmentType,
-  TVariables: Variables,
-  TData,
-  TKey: ?{+$fragmentSpreads: TFragmentType, ...},
->(
-  fragmentInput: RefetchableFragment<TFragmentType, TData, TVariables>,
-  parentFragmentRef: TKey,
-): ReturnType<TVariables, TData, TKey> {
-  const fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(
-    fragmentNode,
-    'first argument of usePaginationFragment()',
-  );
-  const componentDisplayName = 'usePaginationFragment()';
-
-  const {connectionPathInFragmentData, paginationRequest, paginationMetadata} =
-    getPaginationMetadata(fragmentNode, componentDisplayName);
-
-  const {fragmentData, fragmentRef, refetch} = useRefetchableFragmentInternal<
-    {variables: TVariables, response: TData},
-    {data?: TData},
-  >(fragmentNode, parentFragmentRef, componentDisplayName);
-  const fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
-
-  // Backward pagination
-  const [loadPrevious, hasPrevious, isLoadingPrevious, disposeFetchPrevious] =
-    useLoadMore<TVariables>({
-      componentDisplayName,
-      connectionPathInFragmentData,
-      direction: 'backward',
-      fragmentData,
-      fragmentIdentifier,
-      fragmentNode,
-      fragmentRef,
-      paginationMetadata,
-      paginationRequest,
-    });
-
-  // Forward pagination
-  const [loadNext, hasNext, isLoadingNext, disposeFetchNext] =
-    useLoadMore<TVariables>({
-      componentDisplayName,
-      connectionPathInFragmentData,
-      direction: 'forward',
-      fragmentData,
-      fragmentIdentifier,
-      fragmentNode,
-      fragmentRef,
-      paginationMetadata,
-      paginationRequest,
-    });
-
-  const refetchPagination = useCallback(
-    (variables: TVariables, options: void | Options) => {
-      disposeFetchNext();
-      disposeFetchPrevious();
-      return refetch(variables, {...options, __environment: undefined});
-    },
-    [disposeFetchNext, disposeFetchPrevious, refetch],
-  );
-
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData,
-      hasNext,
-      isLoadingNext,
-      hasPrevious,
-      isLoadingPrevious,
-    });
-  }
-  return {
-    // $FlowFixMe[incompatible-return]
-    data: fragmentData,
-    loadNext,
-    loadPrevious,
-    hasNext,
-    hasPrevious,
-    isLoadingNext,
-    isLoadingPrevious,
-    refetch: refetchPagination,
-  };
-}
-
-function useLoadMore<TVariables: Variables>(
-  args: $Diff<
-    UseLoadMoreFunctionArgs,
-    {
-      observer: Observer<GraphQLResponse>,
-      onReset: () => void,
-      ...
-    },
-  >,
-): [LoadMoreFn<TVariables>, boolean, boolean, () => void] {
-  const environment = useRelayEnvironment();
-  const [isLoadingMore, reallySetIsLoadingMore] = useState(false);
-  // Schedule this update since it must be observed by components at the same
-  // batch as when hasNext changes. hasNext is read from the store and store
-  // updates are scheduled, so this must be scheduled too.
-  const setIsLoadingMore = (value: boolean) => {
-    const schedule = environment.getScheduler()?.schedule;
-    if (schedule) {
-      schedule(() => {
-        reallySetIsLoadingMore(value);
-      });
-    } else {
-      reallySetIsLoadingMore(value);
-    }
-  };
-  const observer = {
-    start: () => setIsLoadingMore(true),
-    complete: () => setIsLoadingMore(false),
-    error: () => setIsLoadingMore(false),
-  };
-  const handleReset = () => setIsLoadingMore(false);
-  const [loadMore, hasMore, disposeFetch] = useLoadMoreFunction<TVariables>({
-    ...args,
-    observer,
-    onReset: handleReset,
-  });
-  return [loadMore, hasMore, isLoadingMore, disposeFetch];
-}
-
-module.exports = usePaginationFragment;

package/relay-hooks/experimental/useRefetchableFragment_EXPERIMENTAL.js.flow

@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import type {ReturnType} from '../useRefetchableFragment';
-import type {FragmentType, RefetchableFragment, Variables} from 'relay-runtime';
-
-const useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-const useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-const {useDebugValue} = require('react');
-const {getFragment} = require('relay-runtime');
-
-function useRefetchableFragment<
-  TFragmentType: FragmentType,
-  TVariables: Variables,
-  TData,
-  TKey: ?{+$fragmentSpreads: TFragmentType, ...},
->(
-  fragmentInput: RefetchableFragment<TFragmentType, TData, TVariables>,
-  fragmentRef: TKey,
-): ReturnType<TVariables, TData, TKey> {
-  const fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(
-    fragmentNode,
-    'first argument of useRefetchableFragment()',
-  );
-  const {fragmentData, refetch} = useRefetchableFragmentInternal<
-    {variables: TVariables, response: TData},
-    {data?: TData},
-  >(fragmentNode, fragmentRef, 'useRefetchableFragment()');
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useDebugValue({fragment: fragmentNode.name, data: fragmentData});
-  }
-  // $FlowFixMe[incompatible-return]
-  // $FlowFixMe[prop-missing]
-  return [fragmentData, refetch];
-}
-
-module.exports = useRefetchableFragment;