@cedarjs/web 6.0.0-canary.2663 → 6.0.0-canary.2665

package/dist/cjs/components/DevFatalErrorPage.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
-import type { GraphQLError } from 'graphql';
+import type { GraphQLFormattedError } from 'graphql';
 type RequestDetails = {
     query: string;
     operationName: string;
     operationKind: string;
     variables: any;
 };
-interface EnhancedGqlError extends GraphQLError {
+interface EnhancedGqlError extends GraphQLFormattedError {
     __RedwoodEnhancedError: RequestDetails;
 }
 type ErrorWithRequestMeta = Error & {
     mostRecentRequest?: RequestDetails;
-    graphQLErrors?: EnhancedGqlError[];
+    errors?: EnhancedGqlError[];
     mostRecentResponse?: any;
 };
 export declare const DevFatalErrorPage: (props: {

package/dist/cjs/components/DevFatalErrorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevFatalErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/DevFatalErrorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAmB3C,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,GAAG,CAAA;CACf,CAAA;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC7C,sBAAsB,EAAE,cAAc,CAAA;CACvC;AAGD,KAAK,oBAAoB,GAAG,KAAK,GAAG;IAClC,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAClC,kBAAkB,CAAC,EAAE,GAAG,CAAA;CACzB,CAAA;AAiGD,eAAO,MAAM,iBAAiB,GAAI,OAAO;IAAE,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAAE,sBA4FxE,CAAA"}
+{"version":3,"file":"DevFatalErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/DevFatalErrorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAmBpD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,GAAG,CAAA;CACf,CAAA;AAED,UAAU,gBAAiB,SAAQ,qBAAqB;IACtD,sBAAsB,EAAE,cAAc,CAAA;CACvC;AAID,KAAK,oBAAoB,GAAG,KAAK,GAAG;IAClC,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC3B,kBAAkB,CAAC,EAAE,GAAG,CAAA;CACzB,CAAA;AAiGD,eAAO,MAAM,iBAAiB,GAAI,OAAO;IAAE,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAAE,sBA4FxE,CAAA"}

package/dist/cjs/components/DevFatalErrorPage.js

@@ -52,7 +52,7 @@ function formatErrorForClipboard(err, stack, typeName, msg, errorWithMeta) {
   lines.push(`ERROR TYPE: ${typeName}`);
   lines.push(`ERROR MESSAGE: ${msg}`);
   lines.push("");
-  const mostRecentRequest = errorWithMeta.mostRecentRequest || errorWithMeta.graphQLErrors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
+  const mostRecentRequest = errorWithMeta.mostRecentRequest || errorWithMeta.errors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
   if (mostRecentRequest) {
     lines.push("-".repeat(80));
     lines.push("REQUEST CONTEXT");
@@ -227,7 +227,7 @@ function ResponseRequest(props) {
   if (!props.error) {
     return null;
   }
-  const mostRecentRequest = props.error.mostRecentRequest || props.error.graphQLErrors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
+  const mostRecentRequest = props.error.mostRecentRequest || props.error.errors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
   const mostRecentResponse = props.error.mostRecentResponse;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "request-response" }, mostRecentRequest ? /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Request: ", mostRecentRequest.operationName), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h5", null, "Variables:"), /* @__PURE__ */ import_react.default.createElement("code", null, /* @__PURE__ */ import_react.default.createElement("pre", null, JSON.stringify(mostRecentRequest.variables, null, "  ")))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h5", null, "Query:"), /* @__PURE__ */ import_react.default.createElement("code", null, /* @__PURE__ */ import_react.default.createElement(
     "pre",

package/dist/cjs/components/cell/CellErrorBoundary.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { QueryResult } from '@apollo/client';
+import type { useQuery } from '@apollo/client/react';
 import type { CellFailureProps } from './cellTypes.js';
 export type FallbackProps = {
-    error: QueryResult['error'];
+    error: useQuery.Result['error'];
     resetErrorBoundary: () => void;
 };
 export type CellErrorBoundaryProps = {
@@ -11,7 +11,7 @@ export type CellErrorBoundaryProps = {
 };
 interface ErrState {
     hasError: boolean;
-    error?: QueryResult['error'];
+    error?: useQuery.Result['error'];
 }
 export declare class CellErrorBoundary extends React.Component<CellErrorBoundaryProps, ErrState> {
     constructor(props: CellErrorBoundaryProps);

package/dist/cjs/components/cell/CellErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/CellErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IAGnC,cAAc,EAAE,CACd,OAAO,EAAE,aAAa,KACnB,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC7B;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,sBAAsB,EACtB,QAAQ,CACT;gBACa,KAAK,EAAE,sBAAsB;IAKzC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAQ1D,MAAM;CAgBP"}
+{"version":3,"file":"CellErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/CellErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IAGnC,cAAc,EAAE,CACd,OAAO,EAAE,aAAa,KACnB,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,sBAAsB,EACtB,QAAQ,CACT;gBACa,KAAK,EAAE,sBAAsB;IAKzC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAQ1D,MAAM;CAgBP"}

package/dist/cjs/components/cell/cellTypes.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentProps, JSXElementConstructor } from 'react';
-import type { ApolloClient, NetworkStatus, OperationVariables, QueryRef, QueryResult, UseBackgroundQueryResult } from '@apollo/client';
+import type { ApolloClient, NetworkStatus, OperationVariables } from '@apollo/client';
+import type { QueryRef, useBackgroundQuery, useQuery } from '@apollo/client/react';
 import type { DocumentNode } from 'graphql';
 import type { A, L, O, U } from 'ts-toolbelt';
 /**
@@ -27,7 +28,7 @@ export type CellLoadingProps<TVariables extends OperationVariables = any> = {
 } & InputVarProps<TVariables>;
 export type CellFailureProps<TVariables extends OperationVariables = any> = {
     queryResult?: NonSuspenseCellQueryResult<TVariables, any> | SuspenseCellQueryResult;
-    error?: QueryResult['error'] | Error;
+    error?: useQuery.Result['error'] | Error;
     /**
      * @see {@link https://www.apollographql.com/docs/apollo-server/data/errors/#error-codes}
      */
@@ -155,9 +156,9 @@ export type SuspendingSuccessProps = React.PropsWithChildren<Record<string, unkn
     suspenseQueryResult: SuspenseCellQueryResult<DataObject, any>;
     userProps: Record<string, any>;
 };
-export type NonSuspenseCellQueryResult<TVariables extends OperationVariables = any, TData = any> = Partial<Omit<QueryResult<TData, TVariables>, 'loading' | 'error' | 'data'>>;
-export interface SuspenseCellQueryResult<_TData = any, _TVariables extends OperationVariables = any> extends UseBackgroundQueryResult {
-    client: ApolloClient<any>;
+export type NonSuspenseCellQueryResult<TVariables extends OperationVariables = any, TData = any> = Partial<Omit<useQuery.Result<TData, TVariables>, 'loading' | 'error' | 'data'>>;
+export interface SuspenseCellQueryResult<_TData = any, _TVariables extends OperationVariables = any> extends useBackgroundQuery.Result {
+    client: ApolloClient;
     networkStatus?: NetworkStatus;
     called: boolean;
 }

package/dist/cjs/components/cell/cellTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cellTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/cellTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"cellTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/cellTypes.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/cell/createCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createCell.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/createCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAKrD,wBAAgB,UAAU,CACxB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE7C,eAAe,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,GACzD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiCrB"}
+{"version":3,"file":"createCell.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/createCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,gBAAgB,CAAA;AAKjE,wBAAgB,UAAU,CACxB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE7C,eAAe,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,GACzD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiCrB"}

package/dist/cjs/components/cell/createCell.js

@@ -32,7 +32,8 @@ __export(createCell_exports, {
 });
 module.exports = __toCommonJS(createCell_exports);
 var import_react = __toESM(require("react"), 1);
-var import_hooks = require("@apollo/client/react/hooks/hooks.cjs");
+var import_client = require("@apollo/client");
+var import_react2 = require("@apollo/client/react");
 var import_fragmentRegistry = require("../../apollo/fragmentRegistry.js");
 var import_graphql = require("../../graphql.js");
 var import_CellCacheContext = require("./CellCacheContext.js");
@@ -90,7 +91,7 @@ function createNonSuspendingCell({
       loading,
       data,
       ...queryResult
-    } = (0, import_hooks.useQuery)(query, options);
+    } = (0, import_react2.useQuery)(query, options);
     if (globalThis.__REDWOOD__PRERENDERING) {
       const { queryCache } = (0, import_CellCacheContext.useCellCacheContext)();
       const operationName = (0, import_graphql.getOperationName)(query);
@@ -129,7 +130,7 @@ function createNonSuspendingCell({
             error,
             errorCode: (
               // Use the ad-hoc QueryResultWithErrorCode type to access the errorCode
-              queryResult.errorCode ?? error.graphQLErrors?.[0]?.extensions?.["code"]
+              queryResult.errorCode ?? (import_client.CombinedGraphQLErrors.is(error) ? error.errors[0]?.extensions?.["code"] : void 0)
             ),
             ...props,
             updating: loading,
@@ -137,7 +138,7 @@ function createNonSuspendingCell({
           }
         );
       } else {
-        throw error;
+        throw error instanceof Error ? error : new Error(error.message);
       }
     } else if (data) {
       const afterQueryData = afterQuery(data);

package/dist/cjs/components/cell/createCell.test.js

@@ -22,14 +22,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var import_react = __toESM(require("react"), 1);
-var import_hooks = require("@apollo/client/react/hooks/hooks.cjs");
-var import_react2 = require("@testing-library/react");
+var import_react2 = require("@apollo/client/react");
+var import_react3 = require("@testing-library/react");
 var import_vitest = require("vitest");
 var import_createCell = require("./createCell.js");
-import_vitest.vi.mock("@apollo/client/react/hooks/hooks.cjs", () => ({
+import_vitest.vi.mock("@apollo/client/react", () => ({
   useQuery: import_vitest.vi.fn()
 }));
-const mockUseQuery = import_hooks.useQuery;
+const mockUseQuery = import_react2.useQuery;
 (0, import_vitest.describe)("createCell", () => {
   (0, import_vitest.beforeAll)(() => {
     globalThis.RWJS_ENV = {
@@ -46,8 +46,8 @@ const mockUseQuery = import_hooks.useQuery;
       Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!")
     });
     mockUseQuery.mockImplementation(() => ({ data: {} }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Great success!$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Great success!$/);
   });
   (0, import_vitest.test)("Renders Success with data", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -58,9 +58,9 @@ const mockUseQuery = import_hooks.useQuery;
     mockUseQuery.mockImplementation(() => {
       return { data: { answer: 42 } };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^What's the meaning of life\?$/);
-    import_react2.screen.getByText(/^42$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^What's the meaning of life\?$/);
+    import_react3.screen.getByText(/^42$/);
   });
   (0, import_vitest.test)("Renders Success if any of the fields have data (i.e. not just the first)", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -77,9 +77,9 @@ const mockUseQuery = import_hooks.useQuery;
         }
       };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/bazinga/);
-    import_react2.screen.getByText(/kittens/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/bazinga/);
+    import_react3.screen.getByText(/kittens/);
   });
   (0, import_vitest.test)("Renders default Loading when there is no data", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -88,8 +88,8 @@ const mockUseQuery = import_hooks.useQuery;
       Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!")
     });
     mockUseQuery.mockImplementation(() => ({ loading: true }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Loading...$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Loading...$/);
   });
   (0, import_vitest.test)("Renders custom Loading when there is no data", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -99,8 +99,8 @@ const mockUseQuery = import_hooks.useQuery;
       Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
     });
     mockUseQuery.mockImplementation(() => ({ loading: true }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Fetching answer...$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Fetching answer...$/);
   });
   (0, import_vitest.test)("Renders Success even when `loading` is true if there is data", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -110,8 +110,8 @@ const mockUseQuery = import_hooks.useQuery;
       Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
     });
     mockUseQuery.mockImplementation(() => ({ loading: true, data: {} }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Great success!$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Great success!$/);
   });
   (0, import_vitest.test)("Renders Empty if available, and data field is null", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -124,8 +124,8 @@ const mockUseQuery = import_hooks.useQuery;
       loading: true,
       data: { answer: null }
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^No one knows$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^No one knows$/);
   });
   (0, import_vitest.test)("Renders Empty if available, and data field is an empty array", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -138,8 +138,8 @@ const mockUseQuery = import_hooks.useQuery;
       loading: true,
       data: { answers: [] }
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^No one knows$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^No one knows$/);
   });
   (0, import_vitest.test)("Renders Success even if data is empty when no Empty is available", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -151,8 +151,8 @@ const mockUseQuery = import_hooks.useQuery;
       loading: true,
       data: { answer: null }
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Empty success$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Empty success$/);
   });
   (0, import_vitest.test)("Allows passing children to Success", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -161,11 +161,11 @@ const mockUseQuery = import_hooks.useQuery;
       Success: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Look at my beautiful ", children)
     });
     mockUseQuery.mockImplementation(() => ({ data: {} }));
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(TestCell, null, /* @__PURE__ */ import_react.default.createElement("div", null, "\u{1F986}"))
     );
-    import_react2.screen.getByText(/^Look at my beautiful$/);
-    import_react2.screen.getByText(/^🦆$/);
+    import_react3.screen.getByText(/^Look at my beautiful$/);
+    import_react3.screen.getByText(/^🦆$/);
   });
   (0, import_vitest.test)("Cell props are passed to the query as variables", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -180,8 +180,8 @@ const mockUseQuery = import_hooks.useQuery;
     mockUseQuery.mockImplementation((_query, options) => {
       return { data: { greeting: `Hello ${options.variables.name}!` } };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { name: "Bob" }));
-    import_react2.screen.getByText(/^Hello Bob!$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { name: "Bob" }));
+    import_react3.screen.getByText(/^Hello Bob!$/);
   });
   (0, import_vitest.test)("Allows QUERY to be a function", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -202,11 +202,11 @@ const mockUseQuery = import_hooks.useQuery;
       }
       return { data: { name: "John Doe" } };
     });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TestCell, { character: "BEAST" }), /* @__PURE__ */ import_react.default.createElement(TestCell, { character: "HERO" }))
     );
-    import_react2.screen.getByText(/^Call me Boogeyman$/);
-    import_react2.screen.getByText(/^Call me Lara Croft$/);
+    import_react3.screen.getByText(/^Call me Boogeyman$/);
+    import_react3.screen.getByText(/^Call me Lara Croft$/);
   });
   (0, import_vitest.test)("Renders Failure when there is an error", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -217,8 +217,8 @@ const mockUseQuery = import_hooks.useQuery;
       Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
     });
     mockUseQuery.mockImplementation(() => ({ error: true }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Sad face :\($/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Sad face :\($/);
   });
   (0, import_vitest.test)("Passes error to Failure component", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -231,8 +231,8 @@ const mockUseQuery = import_hooks.useQuery;
     mockUseQuery.mockImplementation(() => ({
       error: { msg: "System malfunction" }
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^{"msg":"System malfunction"}$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^{"msg":"System malfunction"}$/);
   });
   (0, import_vitest.test)("Passes error and errorCode to Failure component", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -246,8 +246,8 @@ const mockUseQuery = import_hooks.useQuery;
       error: { msg: "System malfunction" },
       errorCode: "SIMON_SAYS_NO"
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^{"msg":"System malfunction"},code:SIMON_SAYS_NO$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^{"msg":"System malfunction"},code:SIMON_SAYS_NO$/);
   });
   (0, import_vitest.test)("Passes children to Failure", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -256,11 +256,11 @@ const mockUseQuery = import_hooks.useQuery;
       Failure: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "I'm a failure ", children)
     });
     mockUseQuery.mockImplementation(() => ({ error: {} }));
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(TestCell, null, /* @__PURE__ */ import_react.default.createElement("div", null, "Child"))
     );
-    import_react2.screen.getByText(/^I'm a failure$/);
-    import_react2.screen.getByText(/^Child$/);
+    import_react3.screen.getByText(/^I'm a failure$/);
+    import_react3.screen.getByText(/^Child$/);
   });
   (0, import_vitest.test)("Throws an error when there is an error if no Failure component exists", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -276,7 +276,7 @@ const mockUseQuery = import_hooks.useQuery;
     console.error = import_vitest.vi.fn();
     let error;
     try {
-      (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+      (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
     } catch (e) {
       error = e;
     }
@@ -295,8 +295,8 @@ const mockUseQuery = import_hooks.useQuery;
       data: {},
       loading: false
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Got nothing$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Got nothing$/);
   });
   (0, import_vitest.test)("Allows mixing isDataEmpty with custom logic", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -310,8 +310,8 @@ const mockUseQuery = import_hooks.useQuery;
       data: { answer: "0" },
       loading: false
     }));
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Got nothing$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Got nothing$/);
   });
   (0, import_vitest.test)("Allows overriding variables in beforeQuery", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -331,7 +331,7 @@ const mockUseQuery = import_hooks.useQuery;
     mockUseQuery.mockImplementation((_query, options) => {
       return { data: { greeting: `Hello ${options.variables.name}!` } };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^Hello Bob!$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^Hello Bob!$/);
   });
 });

package/dist/cjs/components/cell/createFragmentCell.test.js

@@ -22,27 +22,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var import_react = __toESM(require("react"), 1);
-var import_client = require("@apollo/client");
-var import_hooks = require("@apollo/client/react/hooks/hooks.cjs");
-var import_react2 = require("@testing-library/react");
+var import_react2 = require("@apollo/client/react");
+var import_react3 = require("@testing-library/react");
 var import_graphql = require("graphql");
 var import_vitest = require("vitest");
 var import_fragmentRegistry = require("../../apollo/fragmentRegistry.js");
 var import_createCell = require("./createCell.js");
-import_vitest.vi.mock("@apollo/client", async (importOriginal) => {
+import_vitest.vi.mock("@apollo/client/react", async (importOriginal) => {
   const actual = await importOriginal();
   return {
     ...actual,
     useApolloClient: import_vitest.vi.fn(),
-    useFragment: import_vitest.vi.fn()
+    useFragment: import_vitest.vi.fn(),
+    useQuery: import_vitest.vi.fn()
   };
 });
-import_vitest.vi.mock("@apollo/client/react/hooks/hooks.cjs", () => ({
-  useQuery: import_vitest.vi.fn()
-}));
-const mockUseApolloClient = import_client.useApolloClient;
-const mockApolloUseFragment = import_client.useFragment;
-const mockUseQuery = import_hooks.useQuery;
+const mockUseApolloClient = import_react2.useApolloClient;
+const mockApolloUseFragment = import_react2.useFragment;
+const mockUseQuery = import_react2.useQuery;
 const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
   fragment AuthorCell_author on User {
     email
@@ -70,7 +67,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       FRAGMENT: AUTHOR_FRAGMENT,
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
     });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(
         TestCell,
         {
@@ -78,7 +75,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
         }
       )
     );
-    import_react2.screen.getByText(/^By Story Teller$/);
+    import_react3.screen.getByText(/^By Story Teller$/);
   });
   (0, import_vitest.test)("prefers complete data from the cache", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -93,8 +90,8 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
         complete: true
       };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: { __typename: "User", id: 1 } }));
-    import_react2.screen.getByText(/^By Cache Dweller$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: { __typename: "User", id: 1 } }));
+    import_react3.screen.getByText(/^By Cache Dweller$/);
   });
   (0, import_vitest.test)("falls back to the data prop for incomplete cache reads", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -102,7 +99,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
     });
     mockApolloUseFragment.mockReturnValue({ data: void 0, complete: false });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(
         TestCell,
         {
@@ -110,7 +107,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
         }
       )
     );
-    import_react2.screen.getByText(/^By Ref Reader$/);
+    import_react3.screen.getByText(/^By Ref Reader$/);
   });
   (0, import_vitest.test)("derives the prop name from the fragment type when there is no underscore", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -121,10 +118,10 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       `),
       Success: ({ user }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, user.bio)
     });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(TestCell, { user: { __typename: "User", id: 1, bio: "Writes things" } })
     );
-    import_react2.screen.getByText(/^Writes things$/);
+    import_react3.screen.getByText(/^Writes things$/);
   });
   (0, import_vitest.test)("renders Empty when isEmpty says so", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -133,10 +130,10 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Nothing to see"),
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
     });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(TestCell, { author: { __typename: "User", id: 1, fullName: "Nobody" } })
     );
-    import_react2.screen.getByText(/^Nothing to see$/);
+    import_react3.screen.getByText(/^Nothing to see$/);
   });
   (0, import_vitest.test)("applies afterQuery to the fragment data", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -146,7 +143,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       }),
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
     });
-    (0, import_react2.render)(
+    (0, import_react3.render)(
       /* @__PURE__ */ import_react.default.createElement(
         TestCell,
         {
@@ -154,7 +151,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
         }
       )
     );
-    import_react2.screen.getByText(/^By Changed Name$/);
+    import_react3.screen.getByText(/^By Changed Name$/);
   });
   (0, import_vitest.test)("renders Empty when the data prop is null", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -162,16 +159,16 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
       Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No author"),
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
-    import_react2.screen.getByText(/^No author$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
+    import_react3.screen.getByText(/^No author$/);
   });
   (0, import_vitest.test)("renders Success with null data when the data prop is null and there is no Empty", () => {
     const TestCell = (0, import_createCell.createCell)({
       FRAGMENT: AUTHOR_FRAGMENT,
       Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author?.fullName ?? "unknown")
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
-    import_react2.screen.getByText(/^By unknown$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
+    import_react3.screen.getByText(/^By unknown$/);
   });
   (0, import_vitest.test)("throws a helpful error naming the prop when it is not passed", () => {
     const TestCell = (0, import_createCell.createCell)({
@@ -183,7 +180,7 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
     });
     try {
       (0, import_vitest.expect)(() => {
-        (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+        (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
       }).toThrow(/`author` prop/);
     } finally {
       consoleErrorSpy.mockRestore();
@@ -199,8 +196,8 @@ const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
     mockUseQuery.mockImplementation(() => {
       return { data: { author: { fullName: "Query Result" } } };
     });
-    (0, import_react2.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react2.screen.getByText(/^By Query Result$/);
+    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
+    import_react3.screen.getByText(/^By Query Result$/);
   });
   (0, import_vitest.test)("registers the FRAGMENT even when the Cell stays a query Cell", () => {
     (0, import_createCell.createCell)({

package/dist/cjs/components/cell/createSuspendingCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSuspendingCell.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/createSuspendingCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAWvC,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACrC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,SAAS,MAAM,EACxB,aAAa,SAAS,MAAM,EAE5B,eAAe,EAAE,eAAe,CAAC,MAAM,EAAE,aAAa,CAAC,GACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiJrB"}
+{"version":3,"file":"createSuspendingCell.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/createSuspendingCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACrC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,SAAS,MAAM,EACxB,aAAa,SAAS,MAAM,EAE5B,eAAe,EAAE,eAAe,CAAC,MAAM,EAAE,aAAa,CAAC,GACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CA6JrB"}