@mintlify/msft-sdk 1.1.33 → 1.1.35

package/dist/components/docsPage.js

@@ -1,48 +1,63 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { MDXRenderer as P } from "./mdx-renderer.js";
-import { TableOfContents as T } from "./toc/index.js";
-import { PivotAwareTOC as C } from "./toc/pivot-aware-toc.js";
-import { TextAlignLeftFilled as z } from "@fluentui/react-icons";
-import { PageContextMenu as L } from "./page-context-menu.js";
-import { ComponentsProvider as j } from "../context/components-context.js";
-import { cn as a } from "../utils/cn.js";
-import { ApiExamples as y } from "../api-playground-2/ApiExamples.js";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { TextAlignLeftFilled as S } from "@fluentui/react-icons";
+import { useEffect as j } from "react";
+import { ApiExamples as B } from "../api-playground-2/ApiExamples.js";
+import { ComponentsProvider as A } from "../context/components-context.js";
 /* empty css            */
-import { ZonePivotProvider as E } from "./content-components/zone-pivots/zone-pivot-context.js";
-import { ZonePivotSelector as F } from "./content-components/zone-pivots/zone-pivot-selector.js";
-function Y({
+import { cn as d } from "../utils/cn.js";
+import { MDXRenderer as H } from "./mdx-renderer.js";
+import { PageContextMenu as R } from "./page-context-menu.js";
+import { TableOfContents as V } from "./toc/index.js";
+import { PivotAwareTOC as G } from "./toc/pivot-aware-toc.js";
+import { ZonePivotProvider as Z } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as _ } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function at({
   payload: i,
-  toc: e,
-  navTree: O,
-  activeHref: A,
-  theme: f,
-  className: b = "",
+  toc: o,
+  navTree: W,
+  activeHref: X,
+  theme: x,
+  className: p = "",
   pathname: s,
-  markdownContent: x,
-  allPages: g,
-  baseUrl: p,
-  bottomLinks: G,
-  LinkComponent: w,
-  localization: v,
-  telemetry: I,
+  markdownContent: w,
+  allPages: v,
+  baseUrl: u,
+  bottomLinks: q,
+  LinkComponent: k,
+  localization: N,
+  telemetry: J,
   contextMenu: n,
-  apiReferenceData2: r
+  apiReferenceData2: l
 }) {
-  var d, c;
-  const k = i.serializedContent, l = ((d = i.mdxExtracts) == null ? void 0 : d.zonePivotGroups) || [], o = (c = i.mdxExtracts) == null ? void 0 : c.pivotTocItems, u = !i.title, N = { ...{
+  var f, h;
+  const T = i.serializedContent, a = ((f = i.mdxExtracts) == null ? void 0 : f.zonePivotGroups) || [], c = (h = i.mdxExtracts) == null ? void 0 : h.pivotTocItems, P = !i.title, C = { ...{
     onThisPage: "On this page",
     loading: "Loading...",
     errorTitle: "Error",
     errorMessage: "Something went wrong",
     notFoundTitle: "Page not found",
     notFoundMessage: "The page you're looking for doesn't exist"
-  }, ...v };
-  return /* @__PURE__ */ t(j, { LinkComponent: w, children: /* @__PURE__ */ t(
+  }, ...N };
+  return j(() => {
+    const { hash: m } = window.location;
+    if (!m) return;
+    const y = setTimeout(() => {
+      const E = m.substring(1), r = document.getElementById("main-content"), g = document.getElementById(E);
+      if (r && g) {
+        const b = window.getComputedStyle(document.documentElement), z = parseFloat(b.getPropertyValue("--scroll-mt") || "0"), F = parseFloat(b.fontSize), I = z * F, L = r.getBoundingClientRect(), O = g.getBoundingClientRect().top - L.top + r.scrollTop - I;
+        r.scrollTo({
+          top: O,
+          behavior: "instant"
+        });
+      }
+    }, 100);
+    return () => clearTimeout(y);
+  }, [s]), /* @__PURE__ */ t(A, { LinkComponent: k, children: /* @__PURE__ */ t(
     "div",
     {
-      className: a(
-        f === "dark" && "dark",
-        b,
+      className: d(
+        x === "dark" && "dark",
+        p,
         "mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden"
       ),
       children: /* @__PURE__ */ t(
@@ -59,62 +74,63 @@ function Y({
                 "div",
                 {
                   id: "main-content",
-                  className: a(
+                  className: d(
                     "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30"
                   ),
-                  children: /* @__PURE__ */ t(E, { groups: l, children: /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full", id: "content-layout-container", children: [
-                    r != null && r.operation ? /* @__PURE__ */ t("div", { className: "mint:hidden mint:xl:!flex mint:self-start mint:sticky mint:flex-col mint:max-w-[28rem] mint:top-0 mint:gap-6", children: /* @__PURE__ */ t(y, { apiReferenceData: r }) }) : e && e.length > 0 ? /* @__PURE__ */ t("aside", { className: "mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ m("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
-                      /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
-                        /* @__PURE__ */ t(z, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
-                        /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: N.onThisPage })
-                      ] }),
-                      o && Object.keys(o).length > 0 ? /* @__PURE__ */ t(
-                        C,
-                        {
-                          baseToc: e,
-                          pivotTocItems: o
-                        }
-                      ) : /* @__PURE__ */ t(T, { toc: e })
-                    ] }) }) : null,
-                    /* @__PURE__ */ m(
-                      "div",
-                      {
-                        className: a(
-                          "mint:w-full mint:overflow-x-visible mint:max-w-2xl",
-                          u && "mint:max-w-none!"
-                        ),
-                        children: [
-                          i.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
-                            /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start", children: [
-                              /* @__PURE__ */ t("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]", children: i.title }),
-                              i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0", children: i.description })
-                            ] }),
-                            s && /* @__PURE__ */ t(
-                              L,
-                              {
-                                className: "mint:shrink-0",
-                                pathname: s,
-                                markdownContent: x,
-                                allPages: g,
-                                baseUrl: p,
-                                onCopyMarkdown: n == null ? void 0 : n.onCopyMarkdown,
-                                onViewMarkdown: n == null ? void 0 : n.onViewMarkdown
-                              }
-                            )
-                          ] }) }),
-                          l.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: l.map((h) => /* @__PURE__ */ t(
-                            F,
-                            {
-                              group: h,
-                              className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
-                            },
-                            h.id
-                          )) }),
-                          /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, {}) }) })
-                        ]
-                      }
-                    )
-                  ] }) })
+                  children: /* @__PURE__ */ t(Z, { groups: a, children: /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full",
+                      id: "content-layout-container",
+                      children: [
+                        l != null && l.operation ? /* @__PURE__ */ t("div", { className: "mint:hidden mint:xl:!flex mint:self-start mint:sticky mint:flex-col mint:max-w-[28rem] mint:top-0 mint:gap-6", children: /* @__PURE__ */ t(B, { apiReferenceData: l }) }) : o && o.length > 0 ? /* @__PURE__ */ t("aside", { className: "mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ e("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
+                          /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
+                            /* @__PURE__ */ t(S, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
+                            /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: C.onThisPage })
+                          ] }),
+                          c && Object.keys(c).length > 0 ? /* @__PURE__ */ t(G, { baseToc: o, pivotTocItems: c }) : /* @__PURE__ */ t(V, { toc: o })
+                        ] }) }) : null,
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: d(
+                              "mint:w-full mint:overflow-x-visible mint:max-w-2xl",
+                              P && "mint:max-w-none!"
+                            ),
+                            children: [
+                              i.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
+                                /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start", children: [
+                                  /* @__PURE__ */ t("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]", children: i.title }),
+                                  i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0", children: i.description })
+                                ] }),
+                                s && /* @__PURE__ */ t(
+                                  R,
+                                  {
+                                    className: "mint:shrink-0",
+                                    pathname: s,
+                                    markdownContent: w,
+                                    allPages: v,
+                                    baseUrl: u,
+                                    onCopyMarkdown: n == null ? void 0 : n.onCopyMarkdown,
+                                    onViewMarkdown: n == null ? void 0 : n.onViewMarkdown
+                                  }
+                                )
+                              ] }) }),
+                              a.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: a.map((m) => /* @__PURE__ */ t(
+                                _,
+                                {
+                                  group: m,
+                                  className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
+                                },
+                                m.id
+                              )) }),
+                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(T, {}) }) })
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  ) })
                 }
               )
             }
@@ -125,6 +141,6 @@ function Y({
   ) });
 }
 export {
-  Y as DocsPage
+  at as DocsPage
 };
 //# sourceMappingURL=docsPage.js.map

package/dist/components/docsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport type { DocsPageProps, PayloadData } from \"../types\";\nimport { TableOfContents } from \"./toc\";\nimport { PivotAwareTOC } from \"./toc/pivot-aware-toc\";\nimport { TextAlignLeftFilled } from \"@fluentui/react-icons\";\nimport {\n  ZonePivotProvider,\n  ZonePivotSelector,\n} from \"./content-components/zone-pivots\";\nimport { PageContextMenu, type ContextualOption } from \"./page-context-menu\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport { ApiExamples } from \"../api-playground-2/ApiExamples\";\nimport \"../styles.css\";\n\n/**\n * Localization strings for DocsPage component\n */\nexport interface DocsPageLocalization {\n  /** Text for \"On this page\" heading. Default: \"On this page\" */\n  onThisPage?: string;\n  /** Loading message. Default: \"Loading...\" */\n  loading?: string;\n  /** Error title. Default: \"Error\" */\n  errorTitle?: string;\n  /** Generic error message. Default: \"Something went wrong\" */\n  errorMessage?: string;\n  /** Not found title. Default: \"Page not found\" */\n  notFoundTitle?: string;\n  /** Not found message. Default: \"The page you're looking for doesn't exist\" */\n  notFoundMessage?: string;\n}\n\n/**\n * Telemetry configuration for DocsPage\n */\nexport interface DocsPageTelemetry {\n  /** Activity name for page context menu interactions */\n  contextMenuActivity?: string;\n  /** Phase for context menu interactions */\n  contextMenuPhase?: string;\n  /** Activity name for TOC link clicks */\n  tocLinkActivity?: string;\n  /** Phase for TOC link clicks */\n  tocLinkPhase?: string;\n  /** Activity name for zone pivot selector changes */\n  zonePivotActivity?: string;\n  /** Phase for zone pivot changes */\n  zonePivotPhase?: string;\n}\n\n/**\n * Configuration for the page context menu\n */\nexport interface PageContextMenuConfig {\n  /** Custom actions for the page context menu. If provided, these will replace the default actions. */\n  customActions?: ContextualOption[];\n  /** Callback fired after markdown is successfully copied */\n  onCopyMarkdown?: () => void;\n  /** Custom handler for \"Copy Page\" action. If provided, replaces default copy behavior. */\n  onCopyPage?: () => void | Promise<void>;\n  /** Custom handler for \"View as Markdown\" action. If provided, replaces default view behavior. */\n  onViewMarkdown?: (pathname?: string) => void;\n  /** Custom handler for \"View llms.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsTxt?: () => void;\n  /** Custom handler for \"View llms-full.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsFullTxt?: () => void;\n}\n\n/**\n * Enhanced DocsPageProps with localization and telemetry support\n */\nexport interface EnhancedDocsPageProps extends DocsPageProps {\n  /** Localization strings */\n  localization?: DocsPageLocalization;\n  /** Telemetry configuration */\n  telemetry?: DocsPageTelemetry;\n  /** Context menu configuration */\n  contextMenu?: PageContextMenuConfig;\n}\n\n/**\n * DocsPage component renders a documentation page with MDX content, table of contents,\n * zone pivot selectors, and page context menu. It supports full customization through\n * props for localization, telemetry, and custom components.\n *\n * @example\n * ```tsx\n * <DocsPage\n *   payload={{\n *     content: \"...\",\n *     serializedContent: Content,\n *     title: \"Getting Started\",\n *     description: \"Learn how to get started\"\n *   }}\n *   toc={[{ title: \"Introduction\", slug: \"intro\", level: 2 }]}\n *   theme=\"dark\"\n *   pathname=\"/docs/getting-started\"\n *   LinkComponent={Link}\n *   localization={{\n *     onThisPage: \"In this article\"\n *   }}\n *   telemetry={{\n *     contextMenuActivity: \"DocsPageContextMenu\",\n *     contextMenuPhase: \"Start\"\n *   }}\n * />\n * ```\n */\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  activeHref,\n  theme,\n  className = \"\",\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n  LinkComponent,\n  localization,\n  telemetry,\n  contextMenu,\n  apiReferenceData2,\n}: EnhancedDocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n  const isFullWidth = !payload.title;\n\n  // Default localization\n  const defaultLocalization: Required<DocsPageLocalization> = {\n    onThisPage: \"On this page\",\n    loading: \"Loading...\",\n    errorTitle: \"Error\",\n    errorMessage: \"Something went wrong\",\n    notFoundTitle: \"Page not found\",\n    notFoundMessage: \"The page you're looking for doesn't exist\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          theme === \"dark\" && \"dark\",\n          className,\n          \"mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden\"\n        )}\n      >\n        <div\n          id=\"page-container\"\n          className=\"mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:h-full mint:flex mint:flex-col mint:overflow-hidden\"\n        >\n          <div\n            id=\"page-wrapper\"\n            className=\"mint:flex mint:rounded-tl-2xl mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden\"\n          >\n            <div\n              id=\"main-content\"\n              className={cn(\n                \"mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30\"\n              )}\n            >\n              <ZonePivotProvider groups={zonePivotGroups}>\n                <div className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\" id=\"content-layout-container\">\n                  {apiReferenceData2?.operation ? (\n                    <div className=\"mint:hidden mint:xl:!flex mint:self-start mint:sticky mint:flex-col mint:max-w-[28rem] mint:top-0 mint:gap-6\">\n                      <ApiExamples apiReferenceData={apiReferenceData2} />\n                    </div>\n                  ) : toc && toc.length > 0 ? (\n                    <aside className=\"mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block\">\n                      <div className=\"mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto\">\n                        <div className=\"mint:flex mint:items-center mint:gap-2 mint:mb-4\">\n                          <TextAlignLeftFilled className=\"mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]\" />\n                          <h2 className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white\">\n                            {loc.onThisPage}\n                          </h2>\n                        </div>\n                        {pivotTocItems &&\n                          Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC\n                            baseToc={toc}\n                            pivotTocItems={pivotTocItems}\n                          />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  ) : null}\n\n                  <div\n                    className={cn(\n                      \"mint:w-full mint:overflow-x-visible mint:max-w-2xl\",\n                      isFullWidth && \"mint:max-w-none!\"\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-6\">\n                        <div className=\"mint:flex mint:flex-col mint:gap-5\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]\">\n                              {payload.title}\n                            </h1>\n                            {payload.description && (\n                              <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0\">\n                                {payload.description}\n                              </p>\n                            )}\n                          </div>\n                          {pathname && (\n                            <PageContextMenu\n                              className=\"mint:shrink-0\"\n                              pathname={pathname}\n                              markdownContent={markdownContent}\n                              allPages={allPages}\n                              baseUrl={baseUrl}\n                              onCopyMarkdown={contextMenu?.onCopyMarkdown}\n                              onViewMarkdown={contextMenu?.onViewMarkdown}\n                            />\n                          )}\n                        </div>\n                      </header>\n                    )}\n\n                    {zonePivotGroups.length > 0 && (\n                      <div className=\"mint:mb-6 mint:flex mint:flex-wrap mint:gap-4\">\n                        {zonePivotGroups.map((group) => (\n                          <ZonePivotSelector\n                            key={group.id}\n                            group={group}\n                            className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm\"\n                          />\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mint:pt-4\">\n                      <MDXRenderer>\n                        <Content />\n                      </MDXRenderer>\n                    </div>\n                  </div>\n                </div>\n              </ZonePivotProvider>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n}\n\nexport type { DocsPageProps, PayloadData } from \"../types\";\n\nexport type { EnhancedDocsPageProps as DocsPagePropsWithCustomization };\n\nexport type { ContextualOption };\n"],"names":["DocsPage","payload","toc","navTree","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","localization","telemetry","contextMenu","apiReferenceData2","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","jsx","ComponentsProvider","cn","ZonePivotProvider","ApiExamples","jsxs","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}
+{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { TextAlignLeftFilled } from '@fluentui/react-icons';\nimport { useEffect } from 'react';\n\nimport { ApiExamples } from '../api-playground-2/ApiExamples';\nimport { ComponentsProvider } from '../context/components-context';\nimport '../styles.css';\nimport type { DocsPageProps, PayloadData } from '../types';\nimport { cn } from '../utils/cn';\nimport { ZonePivotProvider, ZonePivotSelector } from './content-components/zone-pivots';\nimport { MDXRenderer } from './mdx-renderer';\nimport { PageContextMenu, type ContextualOption } from './page-context-menu';\nimport { TableOfContents } from './toc';\nimport { PivotAwareTOC } from './toc/pivot-aware-toc';\n\n/**\n * Localization strings for DocsPage component\n */\nexport interface DocsPageLocalization {\n  /** Text for \"On this page\" heading. Default: \"On this page\" */\n  onThisPage?: string;\n  /** Loading message. Default: \"Loading...\" */\n  loading?: string;\n  /** Error title. Default: \"Error\" */\n  errorTitle?: string;\n  /** Generic error message. Default: \"Something went wrong\" */\n  errorMessage?: string;\n  /** Not found title. Default: \"Page not found\" */\n  notFoundTitle?: string;\n  /** Not found message. Default: \"The page you're looking for doesn't exist\" */\n  notFoundMessage?: string;\n}\n\n/**\n * Telemetry configuration for DocsPage\n */\nexport interface DocsPageTelemetry {\n  /** Activity name for page context menu interactions */\n  contextMenuActivity?: string;\n  /** Phase for context menu interactions */\n  contextMenuPhase?: string;\n  /** Activity name for TOC link clicks */\n  tocLinkActivity?: string;\n  /** Phase for TOC link clicks */\n  tocLinkPhase?: string;\n  /** Activity name for zone pivot selector changes */\n  zonePivotActivity?: string;\n  /** Phase for zone pivot changes */\n  zonePivotPhase?: string;\n}\n\n/**\n * Configuration for the page context menu\n */\nexport interface PageContextMenuConfig {\n  /** Custom actions for the page context menu. If provided, these will replace the default actions. */\n  customActions?: ContextualOption[];\n  /** Callback fired after markdown is successfully copied */\n  onCopyMarkdown?: () => void;\n  /** Custom handler for \"Copy Page\" action. If provided, replaces default copy behavior. */\n  onCopyPage?: () => void | Promise<void>;\n  /** Custom handler for \"View as Markdown\" action. If provided, replaces default view behavior. */\n  onViewMarkdown?: (pathname?: string) => void;\n  /** Custom handler for \"View llms.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsTxt?: () => void;\n  /** Custom handler for \"View llms-full.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsFullTxt?: () => void;\n}\n\n/**\n * Enhanced DocsPageProps with localization and telemetry support\n */\nexport interface EnhancedDocsPageProps extends DocsPageProps {\n  /** Localization strings */\n  localization?: DocsPageLocalization;\n  /** Telemetry configuration */\n  telemetry?: DocsPageTelemetry;\n  /** Context menu configuration */\n  contextMenu?: PageContextMenuConfig;\n}\n\n/**\n * DocsPage component renders a documentation page with MDX content, table of contents,\n * zone pivot selectors, and page context menu. It supports full customization through\n * props for localization, telemetry, and custom components.\n *\n * @example\n * ```tsx\n * <DocsPage\n *   payload={{\n *     content: \"...\",\n *     serializedContent: Content,\n *     title: \"Getting Started\",\n *     description: \"Learn how to get started\"\n *   }}\n *   toc={[{ title: \"Introduction\", slug: \"intro\", level: 2 }]}\n *   theme=\"dark\"\n *   pathname=\"/docs/getting-started\"\n *   LinkComponent={Link}\n *   localization={{\n *     onThisPage: \"In this article\"\n *   }}\n *   telemetry={{\n *     contextMenuActivity: \"DocsPageContextMenu\",\n *     contextMenuPhase: \"Start\"\n *   }}\n * />\n * ```\n */\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  activeHref,\n  theme,\n  className = '',\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n  LinkComponent,\n  localization,\n  telemetry,\n  contextMenu,\n  apiReferenceData2,\n}: EnhancedDocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n  const isFullWidth = !payload.title;\n\n  // Default localization\n  const defaultLocalization: Required<DocsPageLocalization> = {\n    onThisPage: 'On this page',\n    loading: 'Loading...',\n    errorTitle: 'Error',\n    errorMessage: 'Something went wrong',\n    notFoundTitle: 'Page not found',\n    notFoundMessage: \"The page you're looking for doesn't exist\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  useEffect(() => {\n    const { hash } = window.location;\n    if (!hash) return;\n\n    const scrollToHash = () => {\n      const targetId = hash.substring(1);\n      const scrollContainer = document.getElementById('main-content');\n      const targetElement = document.getElementById(targetId);\n\n      if (scrollContainer && targetElement) {\n        const style = window.getComputedStyle(document.documentElement);\n        const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n        const fontSize = parseFloat(style.fontSize);\n        const scrollOffset = scrollMtRem * fontSize;\n\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const targetRect = targetElement.getBoundingClientRect();\n        const relativeTop =\n          targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n        scrollContainer.scrollTo({\n          top: relativeTop,\n          behavior: 'instant',\n        });\n      }\n    };\n\n    const timeoutId = setTimeout(scrollToHash, 100);\n\n    return () => clearTimeout(timeoutId);\n  }, [pathname]);\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          theme === 'dark' && 'dark',\n          className,\n          'mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden'\n        )}\n      >\n        <div\n          id=\"page-container\"\n          className=\"mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:h-full mint:flex mint:flex-col mint:overflow-hidden\"\n        >\n          <div\n            id=\"page-wrapper\"\n            className=\"mint:flex mint:rounded-tl-2xl mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden\"\n          >\n            <div\n              id=\"main-content\"\n              className={cn(\n                'mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30'\n              )}\n            >\n              <ZonePivotProvider groups={zonePivotGroups}>\n                <div\n                  className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\"\n                  id=\"content-layout-container\"\n                >\n                  {apiReferenceData2?.operation ? (\n                    <div className=\"mint:hidden mint:xl:!flex mint:self-start mint:sticky mint:flex-col mint:max-w-[28rem] mint:top-0 mint:gap-6\">\n                      <ApiExamples apiReferenceData={apiReferenceData2} />\n                    </div>\n                  ) : toc && toc.length > 0 ? (\n                    <aside className=\"mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block\">\n                      <div className=\"mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto\">\n                        <div className=\"mint:flex mint:items-center mint:gap-2 mint:mb-4\">\n                          <TextAlignLeftFilled className=\"mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]\" />\n                          <h2 className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white\">\n                            {loc.onThisPage}\n                          </h2>\n                        </div>\n                        {pivotTocItems && Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC baseToc={toc} pivotTocItems={pivotTocItems} />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  ) : null}\n\n                  <div\n                    className={cn(\n                      'mint:w-full mint:overflow-x-visible mint:max-w-2xl',\n                      isFullWidth && 'mint:max-w-none!'\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-6\">\n                        <div className=\"mint:flex mint:flex-col mint:gap-5\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]\">\n                              {payload.title}\n                            </h1>\n                            {payload.description && (\n                              <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0\">\n                                {payload.description}\n                              </p>\n                            )}\n                          </div>\n                          {pathname && (\n                            <PageContextMenu\n                              className=\"mint:shrink-0\"\n                              pathname={pathname}\n                              markdownContent={markdownContent}\n                              allPages={allPages}\n                              baseUrl={baseUrl}\n                              onCopyMarkdown={contextMenu?.onCopyMarkdown}\n                              onViewMarkdown={contextMenu?.onViewMarkdown}\n                            />\n                          )}\n                        </div>\n                      </header>\n                    )}\n\n                    {zonePivotGroups.length > 0 && (\n                      <div className=\"mint:mb-6 mint:flex mint:flex-wrap mint:gap-4\">\n                        {zonePivotGroups.map((group) => (\n                          <ZonePivotSelector\n                            key={group.id}\n                            group={group}\n                            className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm\"\n                          />\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mint:pt-4\">\n                      <MDXRenderer>\n                        <Content />\n                      </MDXRenderer>\n                    </div>\n                  </div>\n                </div>\n              </ZonePivotProvider>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n}\n\nexport type { DocsPageProps, PayloadData } from '../types';\n\nexport type { EnhancedDocsPageProps as DocsPagePropsWithCustomization };\n\nexport type { ContextualOption };\n"],"names":["DocsPage","payload","toc","navTree","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","localization","telemetry","contextMenu","apiReferenceData2","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","useEffect","hash","timeoutId","targetId","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","jsx","ComponentsProvider","cn","ZonePivotProvider","jsxs","ApiExamples","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}