@graphprotocol/go 10.5.2

package/dist/AnnouncementBanner/AnnouncementBanner.d.ts

@@ -0,0 +1,19 @@
+import { ButtonOrLinkProps } from '@graphprotocol/gds';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface AnnouncementBannerProps extends ComponentPropsWithoutRef<'div'> {
+    announcement: {
+        title?: ReactNode;
+        description?: ReactNode;
+        linkText?: ReactNode;
+        href?: ButtonOrLinkProps['href'];
+        target?: ButtonOrLinkProps['target'];
+        onClick?: ButtonOrLinkProps['onClick'];
+    };
+    visible?: boolean;
+    onDismiss?: () => void;
+    expanded?: boolean;
+    onExpandedChange?: ((expanded: boolean) => void) | null;
+    transition?: boolean;
+}
+export declare function AnnouncementBanner({ announcement, visible, onDismiss, expanded, onExpandedChange, transition, className, children, ...props }: AnnouncementBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnnouncementBanner.d.ts.map

package/dist/AnnouncementBanner/AnnouncementBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementBanner.d.ts","sourceRoot":"","sources":["../../src/AnnouncementBanner/AnnouncementBanner.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,iBAAiB,EAQvB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC9E,YAAY,EAAE;QACZ,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QACpC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;KACvC,CAAA;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,OAAc,EACd,SAAS,EACT,QAAgB,EAChB,gBAAgB,EAChB,UAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAsHzB"}

package/dist/AnnouncementBanner/AnnouncementBanner.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Link, Icon, classNames, Transition, MaybeButtonOrLink, Container, ExperimentalButton } from "@graphprotocol/gds";
+import { Info } from "@graphprotocol/gds/dist/icons/Info.js";
+import { X } from "@graphprotocol/gds/dist/icons/X.js";
+function AnnouncementBanner({
+  announcement,
+  visible = true,
+  onDismiss,
+  expanded = false,
+  onExpandedChange,
+  transition = false,
+  className,
+  children,
+  ...props
+}) {
+  const dismissible = Boolean(onDismiss);
+  const expandableOrCollapsible = Boolean(onExpandedChange);
+  const expandOrCollapseLink = expandableOrCollapsible ? /* @__PURE__ */ jsxs(Link.Secondary, { children: [
+    expanded ? "Hide" : "Show",
+    " details",
+    /* @__PURE__ */ jsx(Icon.CaretDown, { className: expanded ? "rotate-180" : void 0 })
+  ] }) : null;
+  return /* @__PURE__ */ jsx("div", { className: classNames(["overflow-clip", className]), ...props, children: /* @__PURE__ */ jsx(Transition, { disabled: !transition, children: !visible ? null : /* @__PURE__ */ jsxs("div", { className: "grid", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-p14 z-10 col-span-full row-span-1 row-start-1 text-center text-white/88", children: [
+      !expanded || expandableOrCollapsible ? /* @__PURE__ */ jsxs(
+        MaybeButtonOrLink,
+        {
+          defaultAs: "div",
+          href: !expandableOrCollapsible ? announcement.href : void 0,
+          target: !expandableOrCollapsible ? announcement.target : void 0,
+          onClick: expandableOrCollapsible || announcement.onClick ? (event) => {
+            var _a;
+            if (expandableOrCollapsible) {
+              onExpandedChange(!expanded);
+            }
+            (_a = announcement.onClick) == null ? void 0 : _a.call(announcement, event);
+          } : void 0,
+          className: classNames([
+            expanded ? "hidden bg-white/0 clickable:hocus:bg-white/4 clickable:active:bg-white/2 lg:flex" : "flex bg-purple/48 clickable:hocus:bg-purple/64 clickable:active:bg-purple/48",
+            `min-h-10 w-full items-center justify-center px-6 py-2.5 transition outline-none active:transition-none lg:py-2`
+          ]),
+          children: [
+            /* @__PURE__ */ jsxs(
+              Container,
+              {
+                className: classNames([
+                  expanded ? "hidden" : "flex flex-col flex-wrap items-center justify-center gap-x-4 gap-y-0.5 lg:flex-row lg:items-baseline"
+                ]),
+                children: [
+                  announcement.title ? /* @__PURE__ */ jsxs("span", { className: "static flex min-h-5 items-center justify-center gap-x-4 gap-y-1 xs:relative xs:pl-8", children: [
+                    /* @__PURE__ */ jsx(Info, { alt: "", size: 5, className: "absolute -left-3 top-0 xs:left-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-c12", children: announcement.title })
+                  ] }) : null,
+                  announcement.title && (announcement.description || announcement.linkText) ? /* @__PURE__ */ jsx("span", { className: "hidden size-px items-center justify-center self-center lg:flex", children: /* @__PURE__ */ jsx("span", { className: "h-6 w-px bg-white/16" }) }) : null,
+                  announcement.description || announcement.linkText || expandOrCollapseLink ? /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-baseline justify-center gap-x-4 gap-y-1", children: [
+                    announcement.description ? /* @__PURE__ */ jsx("span", { children: announcement.description }) : null,
+                    announcement.linkText && !expandOrCollapseLink ? /* @__PURE__ */ jsxs(Link, { children: [
+                      announcement.linkText,
+                      /* @__PURE__ */ jsx(Icon.ArrowRight, {})
+                    ] }) : null,
+                    expandOrCollapseLink ? /* @__PURE__ */ jsx("span", { className: "inline lg:hidden", children: expandOrCollapseLink }) : null
+                  ] }) : null
+                ]
+              }
+            ),
+            expandableOrCollapsible ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: classNames([
+                  "absolute inset-y-0 hidden items-center lg:flex",
+                  dismissible ? "right-11" : "right-3"
+                ]),
+                children: expandOrCollapseLink
+              }
+            ) : null
+          ]
+        }
+      ) : null,
+      dismissible ? /* @__PURE__ */ jsx(
+        ExperimentalButton,
+        {
+          variant: "tertiary",
+          size: "small",
+          onClick: onDismiss,
+          className: "absolute right-1 top-1",
+          children: /* @__PURE__ */ jsx(X, { alt: "Close banner" })
+        }
+      ) : null
+    ] }),
+    expanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "isolate col-span-full row-span-3 row-start-1", children }),
+      " ",
+      expandableOrCollapsible ? /* @__PURE__ */ jsx(
+        MaybeButtonOrLink,
+        {
+          defaultAs: "div",
+          onClick: (event) => {
+            var _a;
+            onExpandedChange(!expanded);
+            (_a = announcement.onClick) == null ? void 0 : _a.call(announcement, event);
+          },
+          className: `
+                      text-p14 z-10 col-span-full row-span-1 row-start-3
+                      flex w-full items-center justify-center bg-white/0 py-2.5 text-center transition outline-none
+                      hocus:bg-white/4 active:bg-white/2 active:transition-none lg:hidden
+                    `,
+          children: expandOrCollapseLink
+        }
+      ) : null
+    ] }) : null
+  ] }, expanded ? "expanded" : "collapsed") }) });
+}
+export {
+  AnnouncementBanner
+};

package/dist/AnnouncementBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AnnouncementBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/AnnouncementBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AnnouncementBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/CookieBanner/CookieBanner.d.ts

@@ -0,0 +1,17 @@
+import { AnalyticsContext } from '@graphprotocol/gds';
+import { ComponentPropsWithoutRef } from 'react';
+type HasConsent = AnalyticsContext['defaultValue']['hasConsent'];
+export type CookieBannerProps = {
+    hasConsent?: HasConsent;
+    setConsent?: (consent: boolean) => void;
+    visible?: boolean;
+    setVisible?: (visible: boolean) => void;
+    allowUpdate?: boolean;
+} & ComponentPropsWithoutRef<'div'>;
+/**
+ * Cookie banner component, can be controlled (if `hasConsent`, `setConsent`, `visible` and `setVisible` are provided) or uncontrolled (if not).
+ * Should be placed at the top of the `Layout` component for optimal accessibility.
+ */
+export declare const CookieBanner: ({ hasConsent: controlledConsent, setConsent: setControlledConsent, visible: controlledVisible, setVisible: setControlledVisible, allowUpdate, className, ...props }: CookieBannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CookieBanner.d.ts.map

package/dist/CookieBanner/CookieBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../src/CookieBanner/CookieBanner.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAOjB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,OAAO,CAAA;AAEtF,KAAK,UAAU,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEnC;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,qKAQ1B,iBAAiB,4CAmKnB,CAAA"}

package/dist/CookieBanner/CookieBanner.js

@@ -0,0 +1,195 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useI18n, AnalyticsContext, useOutsideAlerter, Link, ExperimentalButton, ExperimentalTransition, ExperimentalRadio } from "@graphprotocol/gds";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { AnimatePresence, motion } from "motion/react";
+import { useContext, useState, useEffect } from "react";
+const CookieBanner = ({
+  hasConsent: controlledConsent,
+  setConsent: setControlledConsent,
+  visible: controlledVisible,
+  setVisible: setControlledVisible,
+  allowUpdate = false,
+  className,
+  ...props
+}) => {
+  const { t } = useI18n();
+  const { hasConsent: contextConsent, setConsent: setContextConsent } = useContext(AnalyticsContext);
+  const [uncontrolledConsent, setUncontrolledConsent] = useState(null);
+  const hasConsent = controlledConsent !== void 0 ? controlledConsent : contextConsent ?? uncontrolledConsent;
+  const showUpdate = hasConsent !== null && allowUpdate;
+  const [uncontrolledVisible, setUncontrolledVisible] = useState(showUpdate);
+  const visible = controlledVisible ?? uncontrolledVisible;
+  const [updateExpanded, setUpdateExpanded] = useState(false);
+  const [radioConsent, setRadioConsent] = useState(null);
+  const [hasInteractedWithRadios, setHasInteractedWithRadios] = useState(false);
+  const setConsent = (consent) => {
+    setControlledConsent == null ? void 0 : setControlledConsent(consent);
+    setUncontrolledConsent(consent);
+    setContextConsent(consent);
+    setRadioConsent(consent);
+    if (!showUpdate) {
+      setControlledVisible == null ? void 0 : setControlledVisible(false);
+    }
+  };
+  useEffect(() => {
+    setUncontrolledVisible(hasConsent === null || showUpdate);
+  }, [hasConsent, showUpdate]);
+  const outsideAlerter = useOutsideAlerter(() => {
+    setUpdateExpanded(false);
+  });
+  return /* @__PURE__ */ jsx("div", { ...outsideAlerter, className, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", children: visible ? /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      transition: { duration: 0.3, ease: [0.4, 0, 0.4, 1] },
+      initial: {
+        opacity: "var(--transition-opacity-from)",
+        scale: "var(--transition-scale-from)",
+        translate: "var(--transition-translate-from)"
+      },
+      animate: {
+        opacity: "var(--transition-opacity-to)",
+        scale: "var(--transition-scale-to)",
+        translate: "var(--transition-translate-to)"
+      },
+      exit: {
+        opacity: "var(--transition-opacity-from)",
+        scale: "var(--transition-scale-from)",
+        translate: "var(--transition-translate-from)"
+      },
+      role: "dialog",
+      className: `
+              fixed inset-x-0 bottom-0 z-1000 rounded-8 border border-white/4 bg-overlay
+              [--transition-opacity-from:100%]
+              [--transition-opacity-to:100%]
+              [--transition-scale-from:1]
+              [--transition-scale-to:1]
+              [--transition-translate-from:0_100%]
+              [--transition-translate-to:0_0%]
+              max-xs:rounded-b-none
+              max-xs:border-b-transparent
+              xs:bottom-8
+              xs:end-auto
+              xs:start-8
+              xs:max-w-110
+              xs:[--transition-opacity-from:0%]
+              xs:[--transition-scale-from:0.95]
+              xs:[--transition-translate-from:0]
+              xs:[--transition-translate-to:0]
+            `,
+      style: {
+        boxShadow: "0px 0px 24px 0px #131126"
+      },
+      children: !showUpdate ? /* @__PURE__ */ jsxs("div", { className: "-m-px p-6", children: [
+        /* @__PURE__ */ jsx(CookieIcon, { size: "48px", className: "mb-3" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-h20 mb-2", children: t("components.cookieBanner.header") }),
+        /* @__PURE__ */ jsx("p", { className: "text-p16", children: t("components.cookieBanner.description", [
+          /* @__PURE__ */ jsx(Link.Inline, { href: "https://thegraph.com/privacy/", children: t("components.cookieBanner.privacyPolicy") }, "link")
+        ]) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex gap-2", children: [
+          /* @__PURE__ */ jsx(ExperimentalButton, { onClick: () => setConsent(false), children: t("components.cookieBanner.essentialsOnly") }),
+          /* @__PURE__ */ jsx(ExperimentalButton, { variant: "primary", onClick: () => setConsent(true), className: "grow", children: t("components.cookieBanner.allowAll") })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(
+        Collapsible.Root,
+        {
+          open: updateExpanded,
+          onOpenChange: (open) => {
+            setUpdateExpanded(open);
+            if (open) {
+              setRadioConsent(hasConsent);
+              setHasInteractedWithRadios(false);
+            }
+          },
+          className: "-m-px overflow-clip rounded-[inherit]",
+          children: [
+            /* @__PURE__ */ jsx(Collapsible.Trigger, { className: "w-full rounded-[inherit] p-6 transition data-[state=closed]:hocus-visible:bg-white/4", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(CookieIcon, { size: "32px" }),
+              /* @__PURE__ */ jsx("h2", { className: "text-h18", children: t("components.cookieBanner.updateSettings") })
+            ] }) }),
+            /* @__PURE__ */ jsx(Collapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(ExperimentalTransition, { children: updateExpanded ? /* @__PURE__ */ jsxs("div", { className: "p-6 pt-2", children: [
+              /* @__PURE__ */ jsxs(ExperimentalRadio.Group, { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ jsx(
+                  ExperimentalRadio,
+                  {
+                    checked: radioConsent === false,
+                    onChange: () => {
+                      setRadioConsent(false);
+                      setHasInteractedWithRadios(true);
+                    },
+                    children: t("components.cookieBanner.essentialsOnly")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ExperimentalRadio,
+                  {
+                    checked: radioConsent === true,
+                    onChange: () => {
+                      setRadioConsent(true);
+                      setHasInteractedWithRadios(true);
+                    },
+                    children: t("components.cookieBanner.allowAll")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                ExperimentalButton,
+                {
+                  variant: "primary",
+                  disabled: !hasInteractedWithRadios,
+                  onClick: () => {
+                    if (radioConsent === null) return;
+                    setConsent(radioConsent);
+                    setUpdateExpanded(false);
+                    setHasInteractedWithRadios(false);
+                  },
+                  className: "mt-8 w-full",
+                  children: t("components.cookieBanner.save")
+                }
+              )
+            ] }) : null }) })
+          ]
+        }
+      )
+    },
+    showUpdate ? "update" : "initial"
+  ) : null }) });
+};
+const CookieIcon = ({ size, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 48 48",
+      "aria-label": "Cookie illustration",
+      style: { width: size, height: size, strokeWidth: 0 },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M45.859,20.404c-.625.236-1.362.372-2.151.372-1.91,0-3.516-.798-3.973-1.878-1.445,1.219-3.92,1.227-6.016-.112-1.865-1.191-2.896-3.108-2.756-4.805-.147.079-.303.141-.467.184-1.714.458-3.658-1.263-4.342-3.844-.366-1.381-.297-2.728.108-3.752-.959-.55-1.643-2.001-1.643-3.704,0-.303.022-.599.063-.883-2.745-1.516-6.312-1.724-9.549-.457C6.258,4.998,0,13.431,0,23.642c0,13.453,10.863,24.358,24.263,24.358,10.758,0,19.882-8.082,23.06-17.386,1.196-3.502.866-7.757-1.464-10.21Z",
+            fill: "#d3964e"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "28.544", cy: "32.597", r: ".714", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "38.892", cy: "26.507", rx: "1.07", ry: "1.075", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "18.911", cy: "36.537", rx: "1.427", ry: "1.433", fill: "#774619" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.742", cy: "20.955", r: ".892", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "20.338", cy: "14.328", rx: "1.427", ry: "1.433", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "22.657", cy: "23.821", rx: "3.033", ry: "3.045", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "13.202", cy: "10.746", rx: "3.211", ry: "3.224", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "32.826", cy: "22.567", rx: "1.784", ry: "1.791", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "9.099", cy: "30.269", rx: "1.962", ry: "1.97", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "29.615", cy: "41.91", rx: "2.498", ry: "2.507", fill: "#774619" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "33.361", cy: "6.627", rx: "2.319", ry: "2.328", fill: "#d3964e" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "44.957", cy: "15.045", rx: "1.07", ry: "1.075", fill: "#d3964e" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "38.178", cy: "14.328", rx: "1.427", ry: "1.433", fill: "#d3964e" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "43.53", cy: "5.373", rx: "3.568", ry: "3.582", fill: "#d3964e" }),
+        /* @__PURE__ */ jsx("circle", { cx: "29.436", cy: ".896", r: ".892", fill: "#d3964e" })
+      ]
+    }
+  );
+};
+export {
+  CookieBanner
+};

package/dist/CookieBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CookieBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/CookieBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CookieBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/FeaturedSubgraphs/FeaturedSubgraphsGrid.d.ts

@@ -0,0 +1,4 @@
+import { UseFeaturedSubgraphsQueryArgs } from './useFeaturedSubgrahsQuery';
+export type FeaturedSubgraphsGridProps = Readonly<UseFeaturedSubgraphsQueryArgs>;
+export declare function FeaturedSubgraphsGrid(props: FeaturedSubgraphsGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeaturedSubgraphsGrid.d.ts.map

package/dist/FeaturedSubgraphs/FeaturedSubgraphsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedSubgraphsGrid.d.ts","sourceRoot":"","sources":["../../src/FeaturedSubgraphs/FeaturedSubgraphsGrid.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAK1G,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC,6BAA6B,CAAC,CAAA;AAChF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAqBtE"}

package/dist/FeaturedSubgraphs/FeaturedSubgraphsGrid.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { addrShortener, toGRT } from "@graphprotocol/common";
+import { ExperimentalLoadingIndicator, ExperimentalSubgraphCard, createIdenticon } from "@graphprotocol/gds";
+import { useFeaturedSubgraphsQuery } from "./useFeaturedSubgrahsQuery.js";
+const defaultSubgraphImageSrc = "https://ipfs.thegraph.com/ipfs/QmdSeSQ3APFjLktQY3aNVu3M5QXPfE9ZRK5LqgghRgB7L9";
+function FeaturedSubgraphsGrid(props) {
+  const subgraphsOrDeployments = [...props.subgraphs ?? [], ...props.deployments ?? []];
+  if (subgraphsOrDeployments.length === 0) {
+    throw new Error("Must pass either subgraphs or deployments");
+  }
+  const { data, isLoading } = useFeaturedSubgraphsQuery(props);
+  const subgraphs = data ?? [];
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(ExperimentalLoadingIndicator, {});
+  }
+  return /* @__PURE__ */ jsx(ExperimentalSubgraphCard.Grid, { children: subgraphs.map((s) => /* @__PURE__ */ jsx(FeaturedSubgraphCard, { subgraph: s }, `FeaturedSubgraphs.${s.id}`)) });
+}
+function FeaturedSubgraphCard({ subgraph }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const categories = ((_a = subgraph.metadata) == null ? void 0 : _a.categories) || [];
+  const ownerName = ((_b = subgraph.owner.defaultName) == null ? void 0 : _b.name) ? subgraph.owner.defaultName.name.endsWith(".eth") ? subgraph.owner.defaultName.name : `${subgraph.owner.defaultName.name}.eth` : ((_c = subgraph.owner) == null ? void 0 : _c.id) ? addrShortener((_d = subgraph.owner) == null ? void 0 : _d.id) : "";
+  return /* @__PURE__ */ jsx(
+    ExperimentalSubgraphCard,
+    {
+      href: `https://thegraph.com/explorer/subgraphs/${subgraph.id}`,
+      avatar: ((_e = subgraph.metadata) == null ? void 0 : _e.image) || defaultSubgraphImageSrc,
+      name: ((_f = subgraph.metadata) == null ? void 0 : _f.displayName) || "",
+      owner: {
+        avatar: ((_h = (_g = subgraph.owner) == null ? void 0 : _g.metadata) == null ? void 0 : _h.image) || createIdenticon(((_i = subgraph.owner) == null ? void 0 : _i.id) || "0x0000000000000000000000000000000000000000"),
+        name: ownerName
+      },
+      categories,
+      properties: [
+        { label: "Signal", value: `${toGRT(subgraph.currentSignalledTokens || "0")} GRT`, variant: "caption" }
+      ]
+    }
+  );
+}
+export {
+  FeaturedSubgraphsGrid
+};

package/dist/FeaturedSubgraphs/generated/gql.d.ts

@@ -0,0 +1,42 @@
+import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+import * as types from './graphql';
+/**
+ * Map of all GraphQL operations in the project.
+ *
+ * This map has several performance disadvantages:
+ * 1. It is not tree-shakeable, so it will include all operations in the project.
+ * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.
+ * 3. It does not support dead code elimination, so it will add unused operations.
+ *
+ * Therefore it is highly recommended to use the babel or swc plugin for production.
+ * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
+ */
+type Documents = {
+    '\n  fragment SubgraphData on Subgraph {\n    id\n    metadata {\n      id\n      displayName\n      description\n      image\n      categories\n    }\n    createdAt\n    updatedAt\n    currentSignalledTokens\n    owner {\n      id\n      metadata {\n        id\n        image\n      }\n      defaultDisplayName\n      defaultName {\n        id\n        name\n      }\n    }\n    currentVersion {\n      id\n      subgraphDeployment {\n        id\n        queryFeesAmount\n        ipfsHash\n        stakedTokens\n        manifest {\n          id\n          network\n        }\n      }\n    }\n  }\n': typeof types.SubgraphDataFragmentDoc;
+    '\n  query FeaturedSubgraphs(\n    $id_in: [ID!]\n    $include_subgraphs: Boolean!\n    $ipfsHash_in: [String!]\n    $include_deployments: Boolean!\n  ) {\n    subgraphs(\n      where: { id_in: $id_in, active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n    ) @include(if: $include_subgraphs) {\n      ...SubgraphData\n    }\n    subgraphDeployments(where: { ipfsHash_in: $ipfsHash_in, activeSubgraphCount_gt: 0 })\n      @include(if: $include_deployments) {\n      versions(\n        orderDirection: asc\n        orderBy: createdAt\n        where: {\n          subgraph_: { active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n        }\n      ) {\n        subgraph {\n          ...SubgraphData\n        }\n      }\n    }\n  }\n': typeof types.FeaturedSubgraphsDocument;
+};
+declare const documents: Documents;
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ *
+ *
+ * @example
+ * ```ts
+ * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
+ * ```
+ *
+ * The query argument is unknown!
+ * Please regenerate the types.
+ */
+export declare function graphql(source: string): unknown;
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: '\n  fragment SubgraphData on Subgraph {\n    id\n    metadata {\n      id\n      displayName\n      description\n      image\n      categories\n    }\n    createdAt\n    updatedAt\n    currentSignalledTokens\n    owner {\n      id\n      metadata {\n        id\n        image\n      }\n      defaultDisplayName\n      defaultName {\n        id\n        name\n      }\n    }\n    currentVersion {\n      id\n      subgraphDeployment {\n        id\n        queryFeesAmount\n        ipfsHash\n        stakedTokens\n        manifest {\n          id\n          network\n        }\n      }\n    }\n  }\n'): (typeof documents)['\n  fragment SubgraphData on Subgraph {\n    id\n    metadata {\n      id\n      displayName\n      description\n      image\n      categories\n    }\n    createdAt\n    updatedAt\n    currentSignalledTokens\n    owner {\n      id\n      metadata {\n        id\n        image\n      }\n      defaultDisplayName\n      defaultName {\n        id\n        name\n      }\n    }\n    currentVersion {\n      id\n      subgraphDeployment {\n        id\n        queryFeesAmount\n        ipfsHash\n        stakedTokens\n        manifest {\n          id\n          network\n        }\n      }\n    }\n  }\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: '\n  query FeaturedSubgraphs(\n    $id_in: [ID!]\n    $include_subgraphs: Boolean!\n    $ipfsHash_in: [String!]\n    $include_deployments: Boolean!\n  ) {\n    subgraphs(\n      where: { id_in: $id_in, active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n    ) @include(if: $include_subgraphs) {\n      ...SubgraphData\n    }\n    subgraphDeployments(where: { ipfsHash_in: $ipfsHash_in, activeSubgraphCount_gt: 0 })\n      @include(if: $include_deployments) {\n      versions(\n        orderDirection: asc\n        orderBy: createdAt\n        where: {\n          subgraph_: { active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n        }\n      ) {\n        subgraph {\n          ...SubgraphData\n        }\n      }\n    }\n  }\n'): (typeof documents)['\n  query FeaturedSubgraphs(\n    $id_in: [ID!]\n    $include_subgraphs: Boolean!\n    $ipfsHash_in: [String!]\n    $include_deployments: Boolean!\n  ) {\n    subgraphs(\n      where: { id_in: $id_in, active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n    ) @include(if: $include_subgraphs) {\n      ...SubgraphData\n    }\n    subgraphDeployments(where: { ipfsHash_in: $ipfsHash_in, activeSubgraphCount_gt: 0 })\n      @include(if: $include_deployments) {\n      versions(\n        orderDirection: asc\n        orderBy: createdAt\n        where: {\n          subgraph_: { active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n        }\n      ) {\n        subgraph {\n          ...SubgraphData\n        }\n      }\n    }\n  }\n'];
+export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;
+export {};
+//# sourceMappingURL=gql.d.ts.map

package/dist/FeaturedSubgraphs/generated/gql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gql.d.ts","sourceRoot":"","sources":["../../../src/FeaturedSubgraphs/generated/gql.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,WAAW,CAAA;AAClC,OAAO,KAAK,EAAE,iBAAiB,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAE1F;;;;;;;;;;GAUG;AACH,KAAK,SAAS,GAAG;IACf,ulBAAulB,EAAE,OAAO,KAAK,CAAC,uBAAuB,CAAA;IAC7nB,uyBAAuyB,EAAE,OAAO,KAAK,CAAC,yBAAyB,CAAA;CACh1B,CAAA;AACD,QAAA,MAAM,SAAS,EAAE,SAKhB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAA;AAEhD;;GAEG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,ulBAAulB,GAC9lB,CAAC,OAAO,SAAS,CAAC,CAAC,ulBAAulB,CAAC,CAAA;AAC9mB;;GAEG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,uyBAAuyB,GAC9yB,CAAC,OAAO,SAAS,CAAC,CAAC,uyBAAuyB,CAAC,CAAA;AAM9zB,MAAM,MAAM,YAAY,CAAC,aAAa,SAAS,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,IACnE,aAAa,SAAS,YAAY,CAAC,MAAM,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,CAAA"}

package/dist/FeaturedSubgraphs/generated/gql.js

@@ -0,0 +1,11 @@
+import { FeaturedSubgraphsDocument, SubgraphDataFragmentDoc } from "./graphql.js";
+const documents = {
+  "\n  fragment SubgraphData on Subgraph {\n    id\n    metadata {\n      id\n      displayName\n      description\n      image\n      categories\n    }\n    createdAt\n    updatedAt\n    currentSignalledTokens\n    owner {\n      id\n      metadata {\n        id\n        image\n      }\n      defaultDisplayName\n      defaultName {\n        id\n        name\n      }\n    }\n    currentVersion {\n      id\n      subgraphDeployment {\n        id\n        queryFeesAmount\n        ipfsHash\n        stakedTokens\n        manifest {\n          id\n          network\n        }\n      }\n    }\n  }\n": SubgraphDataFragmentDoc,
+  '\n  query FeaturedSubgraphs(\n    $id_in: [ID!]\n    $include_subgraphs: Boolean!\n    $ipfsHash_in: [String!]\n    $include_deployments: Boolean!\n  ) {\n    subgraphs(\n      where: { id_in: $id_in, active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n    ) @include(if: $include_subgraphs) {\n      ...SubgraphData\n    }\n    subgraphDeployments(where: { ipfsHash_in: $ipfsHash_in, activeSubgraphCount_gt: 0 })\n      @include(if: $include_deployments) {\n      versions(\n        orderDirection: asc\n        orderBy: createdAt\n        where: {\n          subgraph_: { active: true, entityVersion: 2, owner_not: "0x0000000000000000000000000000000000000000" }\n        }\n      ) {\n        subgraph {\n          ...SubgraphData\n        }\n      }\n    }\n  }\n': FeaturedSubgraphsDocument
+};
+function graphql(source) {
+  return documents[source] ?? {};
+}
+export {
+  graphql
+};