@cedarjs/web 0.0.4

package/dist/components/GraphQLHooksProvider.js

@@ -0,0 +1,94 @@
+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/MetaTags.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+type RobotsParams = 'noindex' | 'index' | 'follow' | 'nofollow' | 'none' | 'noarchive' | 'nocache' | 'nosnippet';
+interface MetaTagsProps {
+    /**
+     * @description
+     * og:image by default
+     */
+    tag?: `og:${string}`;
+    /**
+     * @description
+     * website by default. See https://ogp.me/#types
+     */
+    ogType?: string;
+    ogWidth?: string;
+    ogHeight?: string;
+    locale?: string;
+    /**
+     * @description
+     * Link to image/video to display when unfurled
+     **/
+    ogContentUrl?: string;
+    /**
+     * @description
+     * The url to link back to. This must be a canonical (absolute) URL.
+     * Use `ogContentUrl` to set the actual image to be displayed
+     **/
+    ogUrl?: `${'http://' | 'https://'}${string}`;
+    contentType?: string;
+    /**
+     * @description
+     * String or array of strings to provide crawlers instructions for how to crawl or index web page content.
+     **/
+    robots?: RobotsParams | RobotsParams[];
+    title?: string;
+    description?: string;
+    author?: string;
+    /**
+     * @description
+     * Any additional metatags
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Add commonly used `<meta>` tags for unfurling/seo purposes
+ * using the open graph protocol https://ogp.me/
+ * @example
+ * <MetaTags title="About Page" ogContentUrl="/static/about-og.png"/>
+ * @deprecated Please use `<Metadata>` instead
+ */
+export declare const MetaTags: (props: MetaTagsProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=MetaTags.d.ts.map

package/dist/components/MetaTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaTags.d.ts","sourceRoot":"","sources":["../../src/components/MetaTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,YAAY,GACb,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,CAAA;AACf,UAAU,aAAa;IACrB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,MAAM,EAAE,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;QAGI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;QAII;IACJ,KAAK,CAAC,EAAE,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,EAAE,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;QAGI;IACJ,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAoG5C,CAAA"}

package/dist/components/MetaTags.js

@@ -0,0 +1,35 @@
+import React from "react";
+import * as helmetPkg from "react-helmet-async";
+const { Helmet: HelmetHead } = helmetPkg;
+import PortalHead from "./PortalHead.js";
+const MetaTags = (props) => {
+  const {
+    tag = "og:image",
+    ogType = "website",
+    ogContentUrl,
+    robots,
+    contentType,
+    ogWidth,
+    ogHeight,
+    ogUrl,
+    title,
+    locale,
+    description,
+    author,
+    children
+  } = props;
+  let Head = HelmetHead;
+  if (RWJS_ENV.RWJS_EXP_STREAMING_SSR) {
+    Head = PortalHead;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("title", null, title), /* @__PURE__ */ React.createElement("meta", { property: "og:title", content: title, key: "title" }), /* @__PURE__ */ React.createElement("meta", { property: "twitter:title", content: title })), description && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { name: "description", content: description }), /* @__PURE__ */ React.createElement("meta", { name: "twitter:description", content: description }), /* @__PURE__ */ React.createElement("meta", { property: "og:description", content: description })), author && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { name: "author", content: author }), /* @__PURE__ */ React.createElement("meta", { name: "twitter:site", content: author }), /* @__PURE__ */ React.createElement("meta", { name: "twitter:creator", content: author })), ogUrl && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { property: "og:url", content: ogUrl })), locale && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("html", { lang: locale }), /* @__PURE__ */ React.createElement("meta", { property: "og:locale", content: locale })), /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { property: "og:type", content: ogType })), ogContentUrl && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { property: tag, content: ogContentUrl })), contentType && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement("meta", { property: `${tag}:type`, content: contentType })), tag === "og:image" && /* @__PURE__ */ React.createElement(Head, null, ogWidth && /* @__PURE__ */ React.createElement("meta", { property: "image:width", content: ogWidth }), ogHeight && /* @__PURE__ */ React.createElement("meta", { property: "image:height", content: ogHeight }), /* @__PURE__ */ React.createElement("meta", { property: "twitter:card", content: "summary_large_image" }), /* @__PURE__ */ React.createElement("meta", { property: "twitter:image", content: ogContentUrl })), robots && /* @__PURE__ */ React.createElement(Head, null, /* @__PURE__ */ React.createElement(
+    "meta",
+    {
+      name: "robots",
+      content: Array.isArray(robots) ? robots.join(", ") : robots
+    }
+  )), children);
+};
+export {
+  MetaTags
+};

package/dist/components/Metadata.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Add commonly used `<meta>` tags for unfurling/seo purposes
+ * using the open graph protocol https://ogp.me/
+ * @example
+ * <Metadata title="About Page" og={{ image: "/static/about-og.png" }} />
+ */
+export declare const Metadata: (props: Record<string, any>) => React.JSX.Element;
+//# sourceMappingURL=Metadata.d.ts.map

package/dist/components/Metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metadata.d.ts","sourceRoot":"","sources":["../../src/components/Metadata.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AA0CzB;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,UAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,sBAgElD,CAAA"}

package/dist/components/Metadata.js

@@ -0,0 +1,61 @@
+"use client";
+import React from "react";
+import * as helmetPkg from "react-helmet-async";
+const { Helmet: HelmetHead } = helmetPkg;
+import PortalHead from "./PortalHead.js";
+const EXCLUDE_PROPS = ["charSet"];
+const propToMetaTag = (parentKey, parentValue, options) => {
+  if (Array.isArray(parentValue)) {
+    return parentValue.flatMap((value) => {
+      return propToMetaTag(parentKey, value, options);
+    });
+  } else if (typeof parentValue === "object") {
+    return Object.entries(parentValue).filter(([_, v]) => v !== null).flatMap(([key, value]) => {
+      return propToMetaTag(`${parentKey}:${key}`, value, { attr: "property" });
+    });
+  } else {
+    const attributes = {
+      [options["attr"]]: parentKey,
+      content: parentValue
+    };
+    return /* @__PURE__ */ React.createElement("meta", { ...attributes });
+  }
+};
+const Metadata = (props) => {
+  const { children, ...metaProps } = props;
+  let Head = HelmetHead;
+  if (RWJS_ENV.RWJS_EXP_STREAMING_SSR) {
+    Head = PortalHead;
+  }
+  const tags = Object.entries(metaProps).filter(
+    ([key, value]) => !EXCLUDE_PROPS.includes(key) && value !== null && (key !== "og" || value !== true)
+  ).flatMap(([key, value]) => {
+    return propToMetaTag(key, value, { attr: "name" });
+  }).filter((tag) => !!tag);
+  if (metaProps.title) {
+    ;
+    [metaProps.title].flat().reverse().map((title) => {
+      tags.unshift(/* @__PURE__ */ React.createElement("title", null, title));
+    });
+  }
+  if (metaProps.charSet) {
+    tags.push(/* @__PURE__ */ React.createElement("meta", { charSet: metaProps.charSet }));
+  }
+  if (metaProps.og) {
+    if (metaProps.title && !metaProps.og.title && metaProps.og.title !== null) {
+      tags.push(/* @__PURE__ */ React.createElement("meta", { property: "og:title", content: metaProps.title }));
+    }
+    if (metaProps.description && !metaProps.og.description && metaProps.og.description !== null) {
+      tags.push(
+        /* @__PURE__ */ React.createElement("meta", { property: "og:description", content: metaProps.description })
+      );
+    }
+    if (!metaProps.og.type && metaProps.og.type !== null) {
+      tags.push(/* @__PURE__ */ React.createElement("meta", { property: "og:type", content: "website" }));
+    }
+  }
+  return /* @__PURE__ */ React.createElement(Head, null, tags.map((tag, i) => React.cloneElement(tag, { key: i })), children);
+};
+export {
+  Metadata
+};

package/dist/components/PortalHead.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PortalHead: React.FC<React.PropsWithChildren>;
+export default PortalHead;
+//# sourceMappingURL=PortalHead.d.ts.map

package/dist/components/PortalHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalHead.d.ts","sourceRoot":"","sources":["../../src/components/PortalHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA4BjD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/PortalHead.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { createPortal } from "react-dom";
+import { useServerInsertedHTML } from "./ServerInject.js";
+function addDataAttributeMarker(children, marker = "data-rwjs-head") {
+  return React.Children.toArray(children).map((child, i) => {
+    return React.cloneElement(child, {
+      [marker]: true,
+      key: `${marker}-` + i
+    });
+  });
+}
+const PortalHead = ({ children }) => {
+  const isServerRendering = typeof window === "undefined";
+  useServerInsertedHTML(() => {
+    return addDataAttributeMarker(children);
+  });
+  const shouldPortal = React.useRef(
+    isServerRendering ? false : document.readyState === "complete"
+  );
+  if (isServerRendering) {
+    return null;
+  } else {
+    return shouldPortal.current ? createPortal(children, document.head) : null;
+  }
+};
+var PortalHead_default = PortalHead;
+export {
+  PortalHead_default as default
+};

package/dist/components/RedwoodProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface RedwoodProviderProps {
+    children: React.ReactNode;
+    titleTemplate?: string;
+}
+export declare const RedwoodProvider: ({ children, titleTemplate, }: RedwoodProviderProps) => React.JSX.Element;
+declare global { }
+export {};
+//# sourceMappingURL=RedwoodProvider.d.ts.map

package/dist/components/RedwoodProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedwoodProvider.d.ts","sourceRoot":"","sources":["../../src/components/RedwoodProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,iCAGzB,oBAAoB,sBAuBtB,CAAA;AAED,OAAO,CAAC,MAAM,CAAC,GAAE"}

package/dist/components/RedwoodProvider.js

@@ -0,0 +1,24 @@
+import React from "react";
+import * as helmetPkg from "react-helmet-async";
+const { Helmet, HelmetProvider } = helmetPkg;
+const RedwoodProvider = ({
+  children,
+  titleTemplate
+}) => {
+  const appTitle = globalThis.__REDWOOD__APP_TITLE;
+  const template = () => {
+    if (titleTemplate) {
+      let template2 = titleTemplate.replace(/%AppTitle/g, appTitle);
+      template2 = template2.replace(/%PageTitle/g, "%s");
+      return template2;
+    }
+    return "";
+  };
+  if (RWJS_ENV.RWJS_EXP_STREAMING_SSR) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  }
+  return /* @__PURE__ */ React.createElement(HelmetProvider, { context: globalThis.__REDWOOD__HELMET_CONTEXT }, /* @__PURE__ */ React.createElement(Helmet, { titleTemplate: template(), defaultTitle: appTitle }, /* @__PURE__ */ React.createElement("title", null, appTitle)), children);
+};
+export {
+  RedwoodProvider
+};

package/dist/components/ServerInject.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * Inspired by Next's useServerInsertedHTML, originally designed for CSS-in-JS
+ * for now it seems the only way to inject html with streaming is to use a context
+ *
+ * We use this for <head> tags, and for apollo cache hydration
+ *
+ * Until https://github.com/reactjs/rfcs/pull/219 makes it into react
+ */
+export type RenderCallback = () => React.ReactNode;
+export declare const ServerHtmlContext: React.Context<(callback: RenderCallback) => void>;
+/**
+ * Use this factory, once per request.
+ * This is to ensure that injectionState is isolated to the request
+ * and not shared between requests.
+ */
+export declare const createInjector: () => {
+    injectToPage: (renderCallback: RenderCallback) => void;
+    injectionState: Set<RenderCallback>;
+};
+export declare const ServerHtmlProvider: React.Provider<(callback: RenderCallback) => void>;
+export declare const ServerInjectedHtml: ({ injectionState, }: {
+    injectionState: Set<RenderCallback>;
+}) => React.JSX.Element[];
+export declare function useServerInsertedHTML(callback: () => React.ReactNode): void;
+//# sourceMappingURL=ServerInject.d.ts.map

package/dist/components/ServerInject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerInject.d.ts","sourceRoot":"","sources":["../../src/components/ServerInject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAEzE;;;;;;;GAOG;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;AAElD,eAAO,MAAM,iBAAiB,2BACjB,cAAc,KAAK,IAAI,CACzB,CAAA;AAEX;;;;GAIG;AACH,eAAO,MAAM,cAAc;mCAGa,cAAc;;CAKrD,CAAA;AAKD,eAAO,MAAM,kBAAkB,4BArBlB,cAAc,KAAK,IAAI,CAqBwB,CAAA;AAE5D,eAAO,MAAM,kBAAkB,wBAE5B;IACD,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CACpC,wBAgBA,CAAA;AAGD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,SAAS,GAAG,IAAI,CAO3E"}

package/dist/components/ServerInject.js

@@ -0,0 +1,37 @@
+import React, { Fragment, createContext, useContext, useId } from "react";
+const ServerHtmlContext = createContext(() => {
+});
+const createInjector = () => {
+  const injectionState = /* @__PURE__ */ new Set([]);
+  const injectToPage = (renderCallback) => {
+    injectionState.add(renderCallback);
+  };
+  return { injectToPage, injectionState };
+};
+const ServerHtmlProvider = ServerHtmlContext.Provider;
+const ServerInjectedHtml = ({
+  injectionState
+}) => {
+  const serverInsertedHtml = [];
+  for (const callback of injectionState) {
+    serverInsertedHtml.push(callback());
+    injectionState.delete(callback);
+  }
+  const fragmentId = useId();
+  return serverInsertedHtml.map((html, i) => {
+    return /* @__PURE__ */ React.createElement(Fragment, { key: `rw-server-inserted-${fragmentId}-${i}` }, html);
+  });
+};
+function useServerInsertedHTML(callback) {
+  const addInsertedServerHTMLCallback = useContext(ServerHtmlContext);
+  if (addInsertedServerHTMLCallback) {
+    addInsertedServerHTMLCallback(callback);
+  }
+}
+export {
+  ServerHtmlContext,
+  ServerHtmlProvider,
+  ServerInjectedHtml,
+  createInjector,
+  useServerInsertedHTML
+};

package/dist/components/cell/CellCacheContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { DocumentNode } from 'graphql';
+export interface QueryInfo {
+    query: DocumentNode;
+    variables?: Record<string, unknown>;
+    renderLoading?: boolean;
+    hasProcessed: boolean;
+    data?: unknown;
+}
+export interface CellCacheState {
+    queryCache: Record<string, QueryInfo | undefined>;
+}
+interface Props {
+    queryCache: Record<string, QueryInfo | undefined>;
+    children?: React.ReactNode;
+}
+export declare const CellCacheContextProvider: ({ queryCache, children }: Props) => React.JSX.Element;
+export declare function useCellCacheContext(): CellCacheState;
+export {};
+//# sourceMappingURL=CellCacheContext.d.ts.map

package/dist/components/cell/CellCacheContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellCacheContext.d.ts","sourceRoot":"","sources":["../../../src/components/cell/CellCacheContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,CAAA;CAClD;AAID,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,wBAAwB,6BAA8B,KAAK,sBAMvE,CAAA;AAED,wBAAgB,mBAAmB,mBAUlC"}

package/dist/components/cell/CellCacheContext.js

@@ -0,0 +1,18 @@
+import React, { createContext, useContext } from "react";
+const CellCacheContext = createContext(void 0);
+const CellCacheContextProvider = ({ queryCache, children }) => {
+  return /* @__PURE__ */ React.createElement(CellCacheContext.Provider, { value: { queryCache } }, children);
+};
+function useCellCacheContext() {
+  const context = useContext(CellCacheContext);
+  if (!context) {
+    throw new Error(
+      "useCellCacheContext must be used within a CellCacheContextProvider"
+    );
+  }
+  return context;
+}
+export {
+  CellCacheContextProvider,
+  useCellCacheContext
+};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { CellFailureProps } from './cellTypes.js';
+export type FallbackProps = {
+    error: QueryOperationResult['error'];
+    resetErrorBoundary: () => void;
+};
+export type CellErrorBoundaryProps = {
+    renderFallback: (fbProps: FallbackProps) => React.ReactElement<CellFailureProps>;
+    children: React.ReactNode;
+};
+interface ErrState {
+    hasError: boolean;
+    error?: QueryOperationResult['error'];
+}
+export declare class CellErrorBoundary extends React.Component<CellErrorBoundaryProps, ErrState> {
+    constructor(props: CellErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=CellErrorBoundary.d.ts.map

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

@@ -0,0 +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,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAA;IACpC,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,oBAAoB,CAAC,OAAO,CAAC,CAAA;CACtC;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/components/cell/CellErrorBoundary.js

@@ -0,0 +1,32 @@
+"use client";
+import React from "react";
+class CellErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.log("Cell failure: ", {
+      error,
+      errorInfo
+    });
+  }
+  render() {
+    const { renderFallback } = this.props;
+    if (this.state.hasError) {
+      return renderFallback({
+        error: this.state.error,
+        resetErrorBoundary: () => {
+          this.setState({ hasError: false, error: void 0 });
+        }
+      });
+    }
+    return this.props.children;
+  }
+}
+export {
+  CellErrorBoundary
+};