@sanity/dashboard 3.1.5 → 4.0.0

package/lib/index.mjs

@@ -0,0 +1,584 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef, createContext, useContext, useMemo, createElement, useState, useEffect, useCallback } from "react";
+import { Card, Box, Heading, Button, Stack, Label, Grid, Text, Code, Flex, rem, Spinner, Container } from "@sanity/ui";
+import { styled, css } from "styled-components";
+import { useClient, useListFormat, UserAvatar, useUserStore, definePlugin } from "sanity";
+import { from } from "rxjs";
+import { switchMap, map } from "rxjs/operators";
+import { RobotIcon, PlayIcon } from "@sanity/icons";
+import imageUrlBuilder from "@sanity/image-url";
+const Root$3 = styled(Card)`
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  height: 100%;
+  box-sizing: border-box;
+  position: relative;
+`, Header = styled(Card)`
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`, Footer = styled(Card)`
+  position: sticky;
+  overflow: hidden;
+  bottom: 0;
+  z-index: 2;
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+  margin-top: auto;
+`, Content = styled(Box)`
+  position: relative;
+  z-index: 1;
+  height: stretch;
+  min-height: 21.5em;
+
+  @media (min-width: ${({ theme }) => theme.sanity.media[0]}px) {
+    overflow-y: auto;
+    outline: none;
+  }
+`, DashboardWidgetContainer = forwardRef(function(props, ref) {
+  const { header, children, footer } = props;
+  return /* @__PURE__ */ jsxs(Root$3, { radius: 3, display: "flex", ref, children: [
+    header && /* @__PURE__ */ jsx(Header, { borderBottom: !0, paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Heading, { size: 1, textOverflow: "ellipsis", children: header }) }),
+    children && /* @__PURE__ */ jsx(Content, { children }),
+    footer && /* @__PURE__ */ jsx(Footer, { borderTop: !0, children: footer })
+  ] });
+});
+function useVersionedClient() {
+  return useClient({ apiVersion: "2024-06-03" });
+}
+const DashboardContext = createContext({ widgets: [] });
+function useDashboardConfig() {
+  return useContext(DashboardContext);
+}
+function WidgetContainer(props) {
+  const config = useDashboardConfig(), layout = useMemo(
+    () => ({
+      ...props.layout || {},
+      ...config.layout || {}
+    }),
+    [props.layout, config.layout]
+  );
+  return /* @__PURE__ */ jsx(Card, { shadow: 1, "data-width": layout.width, "data-height": layout.height, children: createElement(props.component, {}) });
+}
+function isUrl(url) {
+  return url && /^https?:\/\//.test(`${url}`);
+}
+function getGraphQlUrl(projectId, dataset) {
+  return `https://${projectId}.api.sanity.io/v1/graphql/${dataset}/default`;
+}
+function getGroqUrl(projectId, dataset) {
+  return `https://${projectId}.api.sanity.io/v1/groq/${dataset}`;
+}
+function getManageUrl(projectId) {
+  return `https://manage.sanity.io/projects/${projectId}`;
+}
+const NO_EXPERIMENTAL = [], NO_DATA = [];
+function ProjectInfo(props) {
+  const { __experimental_before = NO_EXPERIMENTAL, data = NO_DATA } = props, [studioHost, setStudioHost] = useState(), [graphqlApi, setGraphQlApi] = useState(), versionedClient = useVersionedClient(), { projectId = "unknown", dataset = "unknown" } = versionedClient.config();
+  useEffect(() => {
+    const subscriptions = [];
+    return subscriptions.push(
+      versionedClient.observable.request({ uri: `/projects/${projectId}`, tag: "dashboard.project-info.studio-host" }).subscribe({
+        next: (result) => {
+          var _a;
+          if ((_a = result.metadata) != null && _a.externalStudioHost) {
+            setStudioHost(result.metadata.externalStudioHost);
+            return;
+          }
+          setStudioHost(
+            result.studioHost ? `https://${result.studioHost}.sanity.studio` : void 0
+          );
+        },
+        error: (error) => {
+          console.error("Error while looking for studioHost", error), setStudioHost({
+            error: "Something went wrong while looking up studioHost. See console."
+          });
+        }
+      })
+    ), subscriptions.push(
+      versionedClient.observable.request({
+        method: "HEAD",
+        uri: `/graphql/${dataset}/default`,
+        tag: "dashboard.project-info.graphql-api"
+      }).subscribe({
+        next: () => setGraphQlApi(getGraphQlUrl(projectId, dataset)),
+        error: (error) => {
+          error.statusCode === 404 ? setGraphQlApi(void 0) : (console.error("Error while looking for graphqlApi", error), setGraphQlApi({
+            error: "Something went wrong while looking up graphqlApi. See console."
+          }));
+        }
+      })
+    ), () => {
+      subscriptions.forEach((s) => s.unsubscribe());
+    };
+  }, [dataset, projectId, versionedClient, setGraphQlApi, setStudioHost]);
+  const assembleTableRows = useMemo(() => {
+    var _a;
+    let result = [
+      {
+        title: "Sanity project",
+        rows: [
+          { title: "Project ID", value: projectId },
+          { title: "Dataset", value: dataset }
+        ]
+      }
+    ];
+    const apps = [
+      studioHost ? { title: "Studio", value: studioHost } : null,
+      ...data.filter((item) => item.category === "apps")
+    ].filter((a) => !!a);
+    apps.length > 0 && (result = result.concat([{ title: "Apps", rows: apps }])), result = result.concat(
+      [
+        {
+          title: "APIs",
+          rows: [
+            { title: "GROQ", value: getGroqUrl(projectId, dataset) },
+            {
+              title: "GraphQL",
+              value: (_a = typeof graphqlApi == "object" ? "Error" : graphqlApi) != null ? _a : "Not deployed"
+            }
+          ]
+        }
+      ],
+      data.filter((item) => item.category === "apis")
+    );
+    const otherStuff = {};
+    return data.forEach((item) => {
+      item.category && item.category !== "apps" && item.category !== "apis" && (otherStuff[item.category] || (otherStuff[item.category] = []), otherStuff[item.category].push(item));
+    }), Object.keys(otherStuff).forEach((category) => {
+      result.push({ title: category, rows: otherStuff[category] });
+    }), result;
+  }, [graphqlApi, studioHost, projectId, dataset, data]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    __experimental_before.map((widgetConfig, idx) => /* @__PURE__ */ jsx(WidgetContainer, { ...widgetConfig }, idx)),
+    /* @__PURE__ */ jsx(Box, { height: "fill", marginTop: (__experimental_before == null ? void 0 : __experimental_before.length) > 0 ? 4 : 0, children: /* @__PURE__ */ jsx(
+      DashboardWidgetContainer,
+      {
+        footer: /* @__PURE__ */ jsx(
+          Button,
+          {
+            style: { width: "100%" },
+            paddingX: 2,
+            paddingY: 4,
+            mode: "bleed",
+            tone: "primary",
+            text: "Manage project",
+            as: "a",
+            href: getManageUrl(projectId)
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          Card,
+          {
+            paddingY: 4,
+            radius: 2,
+            role: "table",
+            "aria-label": "Project info",
+            "aria-describedby": "project_info_table",
+            children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+              /* @__PURE__ */ jsx(Box, { paddingX: 3, as: "header", children: /* @__PURE__ */ jsx(Heading, { size: 1, as: "h2", id: "project_info_table", children: "Project info" }) }),
+              assembleTableRows.map((item) => !item || !item.rows ? null : /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+                /* @__PURE__ */ jsx(Card, { borderBottom: !0, padding: 3, children: /* @__PURE__ */ jsx(Label, { size: 0, muted: !0, role: "columnheader", children: item.title }) }),
+                /* @__PURE__ */ jsx(Stack, { space: 4, paddingX: 3, role: "rowgroup", children: item.rows.map((row) => {
+                  var _a;
+                  return /* @__PURE__ */ jsxs(Grid, { columns: 2, role: "row", children: [
+                    /* @__PURE__ */ jsx(Text, { weight: "medium", role: "rowheader", children: row.title }),
+                    typeof row.value == "object" && /* @__PURE__ */ jsx(Text, { size: 1, children: (_a = row.value) == null ? void 0 : _a.error }),
+                    typeof row.value == "string" && /* @__PURE__ */ jsx(Fragment, { children: isUrl(row.value) ? /* @__PURE__ */ jsx(Text, { size: 1, role: "cell", style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx("a", { href: row.value, children: row.value }) }) : /* @__PURE__ */ jsx(Code, { size: 1, role: "cell", style: { wordBreak: "break-word" }, children: row.value }) })
+                  ] }, row.title);
+                }) })
+              ] }, item.title))
+            ] })
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function projectInfoWidget(config) {
+  var _a;
+  return {
+    name: "project-info",
+    component: ProjectInfo,
+    layout: (_a = config == null ? void 0 : config.layout) != null ? _a : { width: "medium" }
+  };
+}
+const Root$2 = styled(Flex)`
+  height: ${rem(33)}; // 33 = PREVIEW_SIZES.default.media.height
+  box-sizing: content-box;
+`;
+function ProjectUser({ user, isRobot, roles }) {
+  const listFormat = useListFormat({ style: "narrow" });
+  return /* @__PURE__ */ jsx(Root$2, { align: "center", children: /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, gap: 2, children: [
+    /* @__PURE__ */ jsx(Box, { flex: "none", children: isRobot ? /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(RobotIcon, {}) }) : /* @__PURE__ */ jsx(UserAvatar, { user }) }),
+    /* @__PURE__ */ jsxs(Stack, { flex: 1, space: 2, children: [
+      /* @__PURE__ */ jsx(Text, { size: 1, style: { color: "inherit" }, textOverflow: "ellipsis", weight: "medium", children: user.displayName }),
+      /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, textOverflow: "ellipsis", children: listFormat.format(roles) })
+    ] })
+  ] }) });
+}
+function getInviteUrl(projectId) {
+  return `https://manage.sanity.io/projects/${projectId}/members`;
+}
+function ProjectUsers() {
+  const [project, setProject] = useState(), [users, setUsers] = useState(), [error, setError] = useState(), userStore = useUserStore(), versionedClient = useVersionedClient(), fetchData = useCallback(() => {
+    const { projectId } = versionedClient.config(), subscription = versionedClient.observable.request({
+      uri: `/projects/${projectId}`,
+      tag: "dashboard.project-users"
+    }).pipe(
+      switchMap(
+        (_project) => from(userStore.getUsers(_project.members.map((mem) => mem.id))).pipe(
+          map((_users) => ({ project: _project, users: _users }))
+        )
+      )
+    ).subscribe({
+      next: ({ users: _users, project: _project }) => {
+        setProject(_project), setUsers(
+          (Array.isArray(_users) ? _users : [_users]).sort(
+            (userA, userB) => sortUsersByRobotStatus(userA, userB, _project)
+          )
+        );
+      },
+      error: (e) => setError(e)
+    });
+    return () => subscription.unsubscribe();
+  }, [userStore, versionedClient]);
+  useEffect(() => fetchData(), [fetchData]);
+  const handleRetryFetch = useCallback(() => fetchData(), [fetchData]), isLoading = !users || !project;
+  return error ? /* @__PURE__ */ jsx(DashboardWidgetContainer, { header: "Project users", children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Text, { children: [
+    "Something went wrong while fetching data. You could",
+    " ",
+    /* @__PURE__ */ jsx("a", { onClick: handleRetryFetch, title: "Retry users fetch", style: { cursor: "pointer" }, children: "retry" }),
+    "..?"
+  ] }) }) }) : /* @__PURE__ */ jsxs(
+    DashboardWidgetContainer,
+    {
+      header: "Project users",
+      footer: /* @__PURE__ */ jsx(
+        Button,
+        {
+          style: { width: "100%" },
+          paddingX: 2,
+          paddingY: 4,
+          mode: "bleed",
+          tone: "primary",
+          text: "Manage members",
+          as: "a",
+          loading: isLoading,
+          href: isLoading ? void 0 : getInviteUrl(project.id)
+        }
+      ),
+      children: [
+        isLoading && /* @__PURE__ */ jsx(Box, { paddingY: 5, paddingX: 2, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+          /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, size: 1, children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          /* @__PURE__ */ jsx(Text, { align: "center", size: 1, muted: !0, children: "Loading items\u2026" })
+        ] }) }),
+        !isLoading && /* @__PURE__ */ jsx(Stack, { space: 3, padding: 3, children: users == null ? void 0 : users.map((user) => {
+          var _a;
+          const membership = project.members.find((member) => member.id === user.id);
+          return /* @__PURE__ */ jsx(
+            ProjectUser,
+            {
+              user,
+              isRobot: (_a = membership == null ? void 0 : membership.isRobot) != null ? _a : !1,
+              roles: (membership == null ? void 0 : membership.roles.map((role) => role.title)) || []
+            },
+            user.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+function sortUsersByRobotStatus(userA, userB, project) {
+  const { members } = project, membershipA = members.find((member) => member.id === (userA == null ? void 0 : userA.id)), membershipB = members.find((member) => member.id === (userB == null ? void 0 : userB.id));
+  return (membershipA == null ? void 0 : membershipA.isRobot) === (membershipB == null ? void 0 : membershipB.isRobot) ? ((membershipA == null ? void 0 : membershipA.createdAt) || "") > ((membershipB == null ? void 0 : membershipB.createdAt) || "") ? 1 : -1 : membershipA != null && membershipA.isRobot ? 1 : -1;
+}
+function projectUsersWidget(config) {
+  return {
+    name: "project-info",
+    component: ProjectUsers,
+    layout: config == null ? void 0 : config.layout
+  };
+}
+const PlayIconBox = styled(Box)`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 2.75em;
+    height: 2.75em;
+    border-radius: 50%;
+    background: ${({ theme }) => theme.sanity.color.card.enabled.bg};
+    opacity: 0.75;
+  }
+`, Root$1 = styled(Flex)`
+  &:hover {
+    ${PlayIconBox} {
+      &:before {
+        opacity: 1;
+      }
+    }
+  }
+`, PosterCard = styled(Card)`
+  width: 100%;
+  padding-bottom: calc(9 / 16 * 100%);
+  position: relative;
+`, Poster = styled.img`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  display: block;
+
+  &:not([src]) {
+    display: none;
+  }
+`;
+function Tutorial(props) {
+  const { title, posterURL, showPlayIcon, href, presenterName, presenterSubtitle } = props;
+  return /* @__PURE__ */ jsx(Root$1, { flex: 1, children: /* @__PURE__ */ jsx(
+    Card,
+    {
+      sizing: "border",
+      flex: 1,
+      padding: 2,
+      radius: 2,
+      as: "a",
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: { position: "relative" },
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { height: "100%" }, children: [
+        posterURL && /* @__PURE__ */ jsxs(PosterCard, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx(Poster, { src: posterURL }),
+          showPlayIcon && /* @__PURE__ */ jsx(PlayIconBox, { display: "flex", children: /* @__PURE__ */ jsx(Text, { align: "center", children: /* @__PURE__ */ jsx(PlayIcon, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", justify: "space-between", paddingY: 2, flex: 1, children: [
+          /* @__PURE__ */ jsx(Heading, { as: "h3", size: 1, children: title }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
+            /* @__PURE__ */ jsx(Text, { size: 1, children: presenterName }),
+            /* @__PURE__ */ jsx(Text, { size: 0, style: { opacity: 0.7 }, children: presenterSubtitle })
+          ] }) })
+        ] })
+      ] })
+    }
+  ) });
+}
+const tutorialsProjectConfig = {
+  projectId: "3do82whm",
+  dataset: "next"
+};
+function useDataAdapter() {
+  const versionedClient = useVersionedClient();
+  return useMemo(
+    () => ({
+      getFeed: (templateRepoId) => {
+        const uri = templateRepoId ? `/addons/dashboard?templateRepoId=${templateRepoId}` : "/addons/dashboard";
+        return versionedClient.observable.request({
+          uri,
+          tag: "dashboard.sanity-tutorials",
+          withCredentials: !1
+        });
+      },
+      urlBuilder: imageUrlBuilder(tutorialsProjectConfig)
+    }),
+    [versionedClient]
+  );
+}
+function createUrl(slug, type) {
+  return type === "tutorial" ? `https://www.sanity.io/docs/tutorials/${slug.current}` : type === "guide" ? `https://www.sanity.io/docs/guides/${slug.current}` : !1;
+}
+function SanityTutorials(props) {
+  const { templateRepoId } = props, [feedItems, setFeedItems] = useState([]), { getFeed, urlBuilder } = useDataAdapter();
+  return useEffect(() => {
+    const subscription = getFeed(templateRepoId).subscribe((response) => {
+      setFeedItems(response.items);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [setFeedItems, getFeed, templateRepoId]), /* @__PURE__ */ jsx(DashboardWidgetContainer, { header: "Learn about Sanity", children: /* @__PURE__ */ jsx(Flex, { as: "ul", overflow: "auto", align: "stretch", paddingY: 2, children: feedItems == null ? void 0 : feedItems.map((feedItem, index) => {
+    var _a;
+    if (!feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink)
+      return null;
+    const presenter = feedItem.presenter || ((_a = feedItem.guideOrTutorial) == null ? void 0 : _a.presenter) || {}, subtitle = feedItem.category, { guideOrTutorial = {} } = feedItem, href = (guideOrTutorial.slug ? createUrl(guideOrTutorial.slug, guideOrTutorial._type) : feedItem.externalLink) || feedItem.externalLink;
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        as: "li",
+        paddingRight: index < (feedItems == null ? void 0 : feedItems.length) - 1 ? 1 : 3,
+        paddingLeft: index === 0 ? 3 : 0,
+        align: "stretch",
+        style: { minWidth: 272, width: "30%" },
+        children: /* @__PURE__ */ jsx(
+          Tutorial,
+          {
+            title: feedItem.title,
+            href: href != null ? href : "",
+            presenterName: presenter.name,
+            presenterSubtitle: subtitle,
+            showPlayIcon: feedItem.hasVideo,
+            posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : void 0
+          }
+        )
+      },
+      feedItem._id
+    );
+  }) }) });
+}
+function sanityTutorialsWidget(config) {
+  var _a;
+  return {
+    name: "sanity-tutorials",
+    component: SanityTutorials,
+    layout: (_a = config == null ? void 0 : config.layout) != null ? _a : { width: "full" }
+  };
+}
+function DashboardLayout(props) {
+  return /* @__PURE__ */ jsx(Container, { width: 4, padding: 4, sizing: "border", style: { height: "100%", overflowY: "auto" }, children: props.children });
+}
+const media = {
+  small: (...args) => css`
+    @media (min-width: ${({ theme }) => theme.sanity.media[0]}px) {
+      ${css(...args)}
+    }
+  `,
+  medium: (...args) => css`
+    @media (min-width: ${({ theme }) => theme.sanity.media[2]}px) {
+      ${css(...args)}
+    }
+  `
+}, Root = styled(Grid)`
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+
+  & > div {
+    overflow: hidden;
+  }
+
+  & > div[data-width='medium'] {
+    ${media.small`
+      grid-column: span 2;
+    `}
+  }
+
+  & > div[data-width='large'] {
+    ${media.small`
+      grid-column: span 2;
+    `}
+
+    ${media.medium`
+      grid-column: span 3;
+    `}
+  }
+
+  & > div[data-width='full'] {
+    ${media.small`
+      grid-column: 1 / -1;
+    `}
+  }
+
+  & > div[data-height='medium'] {
+    ${media.small`
+      grid-row: span 2;
+    `}
+  }
+
+  & > div[data-height='large'] {
+    ${media.small`
+      grid-row: span 2;
+    `}
+
+    ${media.medium`
+      grid-row: span 3;
+    `}
+  }
+
+  & > div[data-height='full'] {
+    ${media.medium`
+      grid-row: 1 / -1;
+    `}
+  }
+`, NO_WIDGETS = [], NO_LAYOUT = {};
+function WidgetGroup(props) {
+  const {
+    config: { layout = NO_LAYOUT, widgets = NO_WIDGETS }
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      autoFlow: "row dense",
+      "data-width": layout.width || "auto",
+      "data-height": layout.height || "auto",
+      gap: 4,
+      children: [
+        widgets.length ? null : /* @__PURE__ */ jsx(Card, { padding: 4, shadow: 1, tone: "primary", children: /* @__PURE__ */ jsx(Text, { align: "center", children: "Add some widgets to populate this space." }) }),
+        widgets.map((widgetConfig, index) => widgetConfig.type === "__experimental_group" ? /* @__PURE__ */ jsx(WidgetGroup, { config: widgetConfig }, index) : widgetConfig.component ? /* @__PURE__ */ jsx(WidgetContainer, { ...widgetConfig }, index) : /* @__PURE__ */ jsxs(Box, { children: [
+          widgetConfig.name,
+          " is missing widget component"
+        ] }, index))
+      ]
+    }
+  );
+}
+function Dashboard({ config }) {
+  return config ? /* @__PURE__ */ jsx(DashboardContext.Provider, { value: config, children: /* @__PURE__ */ jsx(DashboardLayout, { children: /* @__PURE__ */ jsx(WidgetGroup, { config }) }) }) : null;
+}
+const strokeStyle = {
+  stroke: "currentColor",
+  strokeWidth: 1.2
+}, DashboardIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "data-sanity-icon": !0,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "xMidYMid",
+    width: "1em",
+    height: "1em",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M19.5 19.5H5.5V5.5H19.5V19.5Z", style: strokeStyle }),
+      /* @__PURE__ */ jsx("path", { d: "M5.5 12.5H19.5", style: strokeStyle }),
+      /* @__PURE__ */ jsx("path", { d: "M14.5 19.5V12.5M10.5 12.5V5.5", style: strokeStyle })
+    ]
+  }
+), dashboardTool = definePlugin((config = {}) => {
+  var _a, _b, _c, _d, _e;
+  const pluginConfig = {
+    layout: (_a = config.defaultLayout) != null ? _a : {},
+    widgets: (_b = config.widgets) != null ? _b : []
+  }, title = (_c = config.title) != null ? _c : "Dashboard", name = (_d = config.name) != null ? _d : "dashboard", icon = (_e = config.icon) != null ? _e : DashboardIcon;
+  return {
+    name: "dashboard",
+    tools: (prev, context) => [
+      ...prev,
+      {
+        title,
+        name,
+        icon,
+        component: () => /* @__PURE__ */ jsx(Dashboard, { config: pluginConfig })
+      }
+    ]
+  };
+});
+export {
+  DashboardWidgetContainer,
+  dashboardTool,
+  projectInfoWidget,
+  projectUsersWidget,
+  sanityTutorialsWidget
+};
+//# sourceMappingURL=index.mjs.map