@cedarjs/web 5.0.3 → 5.0.4-next.167

package/dist/components/GraphQLHooksProvider.js

@@ -1,94 +0,0 @@
-import React from "react";
-const GraphQLHooksContext = React.createContext({
-  useQuery: () => {
-    throw new Error(
-      "You must register a useQuery hook via the `GraphQLHooksProvider`"
-    );
-  },
-  useMutation: () => {
-    throw new Error(
-      "You must register a useMutation hook via the `GraphQLHooksProvider`"
-    );
-  },
-  useSubscription: () => {
-    throw new Error(
-      "You must register a useSubscription hook via the `GraphQLHooksProvider`"
-    );
-  },
-  useSuspenseQuery: () => {
-    throw new Error(
-      "You must register a useSuspenseQuery hook via the `GraphQLHooksProvider`."
-    );
-  },
-  //  These are apollo specific hooks!
-  useBackgroundQuery: () => {
-    throw new Error(
-      "You must register a useBackgroundQuery hook via the `GraphQLHooksProvider`."
-    );
-  },
-  useReadQuery: () => {
-    throw new Error(
-      "You must register a useReadQuery hook via the `GraphQLHooksProvider`."
-    );
-  }
-});
-const GraphQLHooksProvider = ({
-  useQuery: useQuery2,
-  useMutation: useMutation2,
-  useSubscription: useSubscription2,
-  useSuspenseQuery: useSuspenseQuery2,
-  useBackgroundQuery: useBackgroundQuery2,
-  useReadQuery: useReadQuery2,
-  children
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    GraphQLHooksContext.Provider,
-    {
-      value: {
-        useQuery: useQuery2,
-        useMutation: useMutation2,
-        useSubscription: useSubscription2,
-        useSuspenseQuery: useSuspenseQuery2,
-        useBackgroundQuery: useBackgroundQuery2,
-        useReadQuery: useReadQuery2
-      }
-    },
-    children
-  );
-};
-function useQuery(query, options) {
-  return React.useContext(GraphQLHooksContext).useQuery(
-    query,
-    options
-  );
-}
-function useMutation(mutation, options) {
-  return React.useContext(GraphQLHooksContext).useMutation(
-    mutation,
-    options
-  );
-}
-function useSubscription(query, options) {
-  return React.useContext(GraphQLHooksContext).useSubscription(query, options);
-}
-function useSuspenseQuery(query, options) {
-  return React.useContext(GraphQLHooksContext).useSuspenseQuery(query, options);
-}
-const useBackgroundQuery = (...args) => {
-  return React.useContext(GraphQLHooksContext).useBackgroundQuery(
-    ...args
-  );
-};
-const useReadQuery = (...args) => {
-  return React.useContext(GraphQLHooksContext).useReadQuery(...args);
-};
-export {
-  GraphQLHooksContext,
-  GraphQLHooksProvider,
-  useBackgroundQuery,
-  useMutation,
-  useQuery,
-  useReadQuery,
-  useSubscription,
-  useSuspenseQuery
-};

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

@@ -1,328 +0,0 @@
-import React from "react";
-import { render, screen } from "@testing-library/react";
-import { vi, describe, beforeAll, test, expect } from "vitest";
-import { GraphQLHooksProvider } from "../GraphQLHooksProvider.js";
-import { createCell } from "./createCell.js";
-describe("createCell", () => {
-  beforeAll(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: false
-    };
-  });
-  test("Renders a static Success component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
-    });
-    const myUseQueryHook = () => ({ data: {} });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Great success!$/);
-  });
-  test("Renders Success with data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ answer }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dl", null, /* @__PURE__ */ React.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ React.createElement("dd", null, answer)))
-    });
-    const myUseQueryHook = () => {
-      return { data: { answer: 42 } };
-    };
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^What's the meaning of life\?$/);
-    screen.getByText(/^42$/);
-  });
-  test("Renders Success if any of the fields have data (i.e. not just the first)", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { users { name } posts { title } }",
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No users or posts"),
-      Success: ({ users, posts }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, users.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ React.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ React.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ React.createElement("li", { key: title }, title))) : "no posts"))
-    });
-    const myUseQueryHook = () => {
-      return {
-        data: {
-          users: [],
-          posts: [{ title: "bazinga" }, { title: "kittens" }]
-        }
-      };
-    };
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/bazinga/);
-    screen.getByText(/kittens/);
-  });
-  test("Renders default Loading when there is no data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
-    });
-    const myUseQueryHook = () => ({ loading: true });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Loading...$/);
-  });
-  test("Renders custom Loading when there is no data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({ loading: true });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Fetching answer...$/);
-  });
-  test("Renders Success even when `loading` is true if there is data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({ loading: true, data: {} });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Great success!$/);
-  });
-  test("Renders Empty if available, and data field is null", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No one knows")
-    });
-    const myUseQueryHook = () => ({ loading: true, data: { answer: null } });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^No one knows$/);
-  });
-  test("Renders Empty if available, and data field is an empty array", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answers }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No one knows")
-    });
-    const myUseQueryHook = () => ({ loading: true, data: { answers: [] } });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^No one knows$/);
-  });
-  test("Renders Success even if data is empty when no Empty is available", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Empty success")
-    });
-    const myUseQueryHook = () => ({ loading: true, data: { answer: null } });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Empty success$/);
-  });
-  test("Allows passing children to Success", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, "Look at my beautiful ", children)
-    });
-    const myUseQueryHook = () => ({ data: {} });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null, /* @__PURE__ */ React.createElement("div", null, "\u{1F986}")))
-    );
-    screen.getByText(/^Look at my beautiful$/);
-    screen.getByText(/^🦆$/);
-  });
-  test("Cell props are passed to the query as variables", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ React.createElement("p", null, greeting)
-    });
-    const myUseQueryHook = (_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    };
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, { name: "Bob" }))
-    );
-    screen.getByText(/^Hello Bob!$/);
-  });
-  test("Allows QUERY to be a function", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: ({ variables }) => {
-        if (variables.character === "BEAST") {
-          return "query BeastQuery { name }";
-        }
-        return "query HeroQuery { name }";
-      },
-      Success: ({ name }) => /* @__PURE__ */ React.createElement("p", null, "Call me ", name)
-    });
-    const myUseQueryHook = (query) => {
-      if (query.includes("BeastQuery")) {
-        return { data: { name: "Boogeyman" } };
-      } else if (query.includes("HeroQuery")) {
-        return { data: { name: "Lara Croft" } };
-      }
-      return { data: { name: "John Doe" } };
-    };
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, { character: "BEAST" }), /* @__PURE__ */ React.createElement(TestCell, { character: "HERO" }))
-    );
-    screen.getByText(/^Call me Boogeyman$/);
-    screen.getByText(/^Call me Lara Croft$/);
-  });
-  test("Renders Failure when there is an error", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Sad face :("),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({ error: true });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Sad face :\($/);
-  });
-  test("Passes error to Failure component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error }) => /* @__PURE__ */ React.createElement(React.Fragment, null, JSON.stringify(error)),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({ error: { msg: "System malfunction" } });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^{"msg":"System malfunction"}$/);
-  });
-  test("Passes error and errorCode to Failure component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error, errorCode }) => /* @__PURE__ */ React.createElement(React.Fragment, null, JSON.stringify(error), ",code:", errorCode),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({
-      error: { msg: "System malfunction" },
-      errorCode: "SIMON_SAYS_NO"
-    });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^{"msg":"System malfunction"},code:SIMON_SAYS_NO$/);
-  });
-  test("Passes children to Failure", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, "I'm a failure ", children)
-    });
-    const myUseQueryHook = () => ({ error: {} });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null, /* @__PURE__ */ React.createElement("div", null, "Child")))
-    );
-    screen.getByText(/^I'm a failure$/);
-    screen.getByText(/^Child$/);
-  });
-  test("Throws an error when there is an error if no Failure component exists", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    const myUseQueryHook = () => ({ error: { message: "200 GraphQL" } });
-    const err = console.error;
-    console.error = vi.fn();
-    let error;
-    try {
-      render(
-        /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-      );
-    } catch (e) {
-      error = e;
-    }
-    expect(error.message).toEqual("200 GraphQL");
-    console.error = err;
-  });
-  test("Allows overriding of default isDataEmpty", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Got nothing"),
-      isEmpty: () => true
-    });
-    const myUseQueryHook = () => ({
-      data: {},
-      loading: false
-    });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Got nothing$/);
-  });
-  test("Allows mixing isDataEmpty with custom logic", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Got nothing"),
-      isEmpty: (data, { isDataEmpty }) => isDataEmpty(data) || data.answer === "0"
-    });
-    const myUseQueryHook = () => ({
-      data: { answer: "0" },
-      loading: false
-    });
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Got nothing$/);
-  });
-  test("Allows overriding variables in beforeQuery", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ React.createElement("p", null, greeting),
-      beforeQuery: () => ({
-        variables: {
-          name: "Bob"
-        }
-      })
-    });
-    const myUseQueryHook = (_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    };
-    render(
-      /* @__PURE__ */ React.createElement(GraphQLHooksProvider, { useQuery: myUseQueryHook, useMutation: null }, /* @__PURE__ */ React.createElement(TestCell, null))
-    );
-    screen.getByText(/^Hello Bob!$/);
-  });
-});

package/dist/components/cell/createSuspendingCell.test.js

@@ -1,92 +0,0 @@
-import React from "react";
-import { loadErrorMessages, loadDevMessages } from "@apollo/client/dev";
-import { render, screen } from "@testing-library/react";
-import { vi, describe, beforeAll, test } from "vitest";
-import { GraphQLHooksProvider } from "../GraphQLHooksProvider.js";
-import { createSuspendingCell } from "./createSuspendingCell.js";
-vi.mock("@apollo/client/react/hooks/hooks.cjs", () => {
-  return {
-    useApolloClient: vi.fn()
-  };
-});
-describe("createSuspendingCell", () => {
-  beforeAll(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: true
-    };
-    loadDevMessages();
-    loadErrorMessages();
-  });
-  const mockedUseBgQuery = (() => {
-    return ["mocked-query-ref", { refetch: vi.fn(), fetchMore: vi.fn() }];
-  });
-  const mockedQueryHook = () => ({ data: {} });
-  test("Renders a static Success component", () => {
-    const TestCell = createSuspendingCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
-    });
-    render(
-      /* @__PURE__ */ React.createElement(
-        GraphQLHooksProvider,
-        {
-          useBackgroundQuery: mockedUseBgQuery,
-          useReadQuery: mockedQueryHook
-        },
-        /* @__PURE__ */ React.createElement(TestCell, null)
-      )
-    );
-    screen.getByText(/^Great success!$/);
-  });
-  test("Renders Success with data", () => {
-    const TestCell = createSuspendingCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ answer }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dl", null, /* @__PURE__ */ React.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ React.createElement("dd", null, answer)))
-    });
-    const myUseQueryHook = (() => {
-      return { data: { answer: 42 } };
-    });
-    render(
-      /* @__PURE__ */ React.createElement(
-        GraphQLHooksProvider,
-        {
-          useReadQuery: myUseQueryHook,
-          useBackgroundQuery: mockedUseBgQuery
-        },
-        /* @__PURE__ */ React.createElement(TestCell, null)
-      )
-    );
-    screen.getByText(/^What's the meaning of life\?$/);
-    screen.getByText(/^42$/);
-  });
-  test("Renders Success if any of the fields have data (i.e. not just the first)", () => {
-    const TestCell = createSuspendingCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { users { name } posts { title } }",
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No users or posts"),
-      Success: ({ users, posts }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, users.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ React.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ React.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ React.createElement("li", { key: title }, title))) : "no posts"))
-    });
-    const myReadQueryHook = (() => {
-      return {
-        data: {
-          users: [],
-          posts: [{ title: "bazinga" }, { title: "kittens" }]
-        }
-      };
-    });
-    render(
-      /* @__PURE__ */ React.createElement(
-        GraphQLHooksProvider,
-        {
-          useReadQuery: myReadQueryHook,
-          useBackgroundQuery: mockedUseBgQuery
-        },
-        /* @__PURE__ */ React.createElement(TestCell, null)
-      )
-    );
-    screen.getByText(/bazinga/);
-    screen.getByText(/kittens/);
-  });
-});

package/dist/package.json

@@ -1 +0,0 @@
-{"type":"module"}