@mintlify/msft-sdk 1.1.52 → 1.1.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js +6 -7
- package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js.map +1 -1
- package/dist/api-playground/EndpointFields/index.js +3 -4
- package/dist/api-playground/EndpointFields/index.js.map +1 -1
- package/dist/components/content-components/callouts.js +2 -2
- package/dist/components/content-components/callouts.js.map +1 -1
- package/dist/components/content-components/code-block.js +42 -42
- package/dist/components/content-components/code-block.js.map +1 -1
- package/dist/components/content-components/code-group.js +25 -25
- package/dist/components/content-components/code-group.js.map +1 -1
- package/dist/components/content-components/table/index.js +2 -2
- package/dist/components/content-components/table/index.js.map +1 -1
- package/dist/components/content-components/tabs/tabs.js +16 -16
- package/dist/components/content-components/tabs/tabs.js.map +1 -1
- package/dist/components/nav-tree/index.js +122 -112
- package/dist/components/nav-tree/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -1
|
@@ -15,7 +15,7 @@ const y = i.forwardRef(
|
|
|
15
15
|
/* @__PURE__ */ m(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
|
-
className: "mint:relative mint:block mint:mb-4 mint:mt-
|
|
18
|
+
className: "mint:relative mint:block mint:mb-4 mint:mt-4",
|
|
19
19
|
role: "region",
|
|
20
20
|
"aria-label": "Data table",
|
|
21
21
|
children: [
|
|
@@ -32,7 +32,7 @@ const y = i.forwardRef(
|
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
),
|
|
35
|
-
/* @__PURE__ */ r("div", { className: "mint:mt-
|
|
35
|
+
/* @__PURE__ */ r("div", { className: "mint:mt-1 mint:overflow-x-auto", children: /* @__PURE__ */ r(
|
|
36
36
|
"table",
|
|
37
37
|
{
|
|
38
38
|
ref: l,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-4\"\n role=\"region\"\n aria-label=\"Data table\"\n >\n <button\n onClick={handleExpandClick}\n className=\"mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-[#141414]\"\n aria-label=\"Expand table to full screen view\"\n title=\"Expand table\"\n >\n <ArrowExpand20Regular className=\"mint:h-4 mint:w-4 mint:text-gray-700 mint:dark:text-gray-200\" />\n <span className=\"mint:text-sm mint:text-gray-700 mint:dark:text-gray-200\">\n Expand table\n </span>\n </button>\n <div className=\"mint:mt-1 mint:overflow-x-auto\">\n <table\n ref={ref}\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n {...props}\n >\n {children}\n </table>\n </div>\n </div>\n <TableModal isOpen={isModalOpen} onClose={handleCloseModal}>\n <table\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n >\n {children}\n </table>\n </TableModal>\n </>\n );\n }\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn(\n 'mint:text-gray-700 mint:bg-gray-50 mint:dark:text-gray-300 mint:dark:bg-[#141414]',\n className\n )}\n {...props}\n />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\n 'mint:[&>tr:last-child>td:first-child]:rounded-bl-lg mint:[&>tr:last-child>td:last-child]:rounded-br-lg',\n className\n )}\n {...props}\n />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n 'mint:border-t mint:border-gray-200 mint:bg-gray-50/50 mint:font-medium mint:dark:border-t-gray-600 mint:dark:bg-[#141414]/50 mint:[&>tr:last-child]:border-b-0',\n className\n )}\n {...props}\n />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n 'mint:border-b-[1.5px] mint:border-b-gray-50 mint:dark:border-b-[#3d3d3d]',\n className\n )}\n {...props}\n />\n )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n 'mint:h-10 mint:bg-gray-50 mint:overflow-hidden mint:px-4 mint:py-2 mint:text-left mint:font-semibold mint:text-gray-700 mint:first:rounded-tl-lg mint:last:rounded-tr-lg mint:dark:bg-[#141414]! mint:dark:text-gray-300',\n className\n )}\n {...props}\n />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n 'mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#1f1f1f] mint:dark:border-[#141414] mint:dark:text-gray-200',\n className\n )}\n {...props}\n />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn('mint:mt-4 mint:text-sm mint:text-gray-500 mint:dark:text-gray-400', className)}\n {...props}\n />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","children","props","ref","isModalOpen","setIsModalOpen","useState","handleExpandClick","handleCloseModal","jsxs","Fragment","jsx","ArrowExpand20Regular","cn","TableModal","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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"}
|
|
@@ -14,10 +14,10 @@ function T({
|
|
|
14
14
|
onClickTab: f,
|
|
15
15
|
onChange: c
|
|
16
16
|
}) {
|
|
17
|
-
const [a, b] = v(x ?? w), l = $([]), [h, N] = v({ left: 0, width: 0 }),
|
|
17
|
+
const [a, b] = v(x ?? w), l = $([]), [h, N] = v({ left: 0, width: 0 }), n = o.Children.toArray(y);
|
|
18
18
|
g(() => {
|
|
19
|
-
l.current = l.current.slice(0,
|
|
20
|
-
}, [
|
|
19
|
+
l.current = l.current.slice(0, n.length);
|
|
20
|
+
}, [n.length]), g(() => {
|
|
21
21
|
const e = l.current[a];
|
|
22
22
|
e && N({
|
|
23
23
|
left: e.offsetLeft,
|
|
@@ -26,24 +26,24 @@ function T({
|
|
|
26
26
|
}, [a]);
|
|
27
27
|
const k = (e, t) => {
|
|
28
28
|
var s;
|
|
29
|
-
let
|
|
29
|
+
let i = t;
|
|
30
30
|
switch (e.key) {
|
|
31
31
|
case "ArrowRight":
|
|
32
|
-
e.preventDefault(),
|
|
32
|
+
e.preventDefault(), i = (t + 1) % n.length;
|
|
33
33
|
break;
|
|
34
34
|
case "ArrowLeft":
|
|
35
|
-
e.preventDefault(),
|
|
35
|
+
e.preventDefault(), i = (t - 1 + n.length) % n.length;
|
|
36
36
|
break;
|
|
37
37
|
case "Home":
|
|
38
|
-
e.preventDefault(),
|
|
38
|
+
e.preventDefault(), i = 0;
|
|
39
39
|
break;
|
|
40
40
|
case "End":
|
|
41
|
-
e.preventDefault(),
|
|
41
|
+
e.preventDefault(), i = n.length - 1;
|
|
42
42
|
break;
|
|
43
43
|
default:
|
|
44
44
|
return;
|
|
45
45
|
}
|
|
46
|
-
b(
|
|
46
|
+
b(i), (s = l.current[i]) == null || s.focus();
|
|
47
47
|
};
|
|
48
48
|
return /* @__PURE__ */ r(A.Provider, { value: { activeTab: a, setActiveTab: b }, children: /* @__PURE__ */ m("div", { className: p("mint:my-6", _), children: [
|
|
49
49
|
/* @__PURE__ */ m(
|
|
@@ -53,11 +53,11 @@ function T({
|
|
|
53
53
|
"aria-label": "Content tabs",
|
|
54
54
|
className: "mint:relative mint:flex mint:gap-1 mint:mb-4 mint:overflow-x-auto mint:pb-[3px] mint:before:content-[''] mint:before:absolute mint:before:left-0 mint:before:right-0 mint:before:bottom-0 mint:before:h-[1.5px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full",
|
|
55
55
|
children: [
|
|
56
|
-
|
|
56
|
+
n.map((e, t) => {
|
|
57
57
|
if (!o.isValidElement(e)) return null;
|
|
58
|
-
const
|
|
58
|
+
const i = e.props.title || `Tab ${t + 1}`, s = e.props.icon, d = a === t;
|
|
59
59
|
return /* @__PURE__ */ r(
|
|
60
|
-
"
|
|
60
|
+
"div",
|
|
61
61
|
{
|
|
62
62
|
ref: (u) => {
|
|
63
63
|
l.current[t] = u;
|
|
@@ -72,14 +72,14 @@ function T({
|
|
|
72
72
|
},
|
|
73
73
|
onKeyDown: (u) => k(u, t),
|
|
74
74
|
className: p(
|
|
75
|
-
"mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:
|
|
75
|
+
"mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2",
|
|
76
76
|
d ? "mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold" : "mint:text-gray-600 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-200"
|
|
77
77
|
),
|
|
78
78
|
children: /* @__PURE__ */ m("span", { className: "mint:flex mint:items-center mint:gap-2", children: [
|
|
79
79
|
s && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: s }),
|
|
80
80
|
/* @__PURE__ */ m("span", { className: "mint:relative", children: [
|
|
81
|
-
/* @__PURE__ */ r("span", { className: "mint:invisible mint:font-semibold", "aria-hidden": "true", children:
|
|
82
|
-
/* @__PURE__ */ r("span", { className: "mint:absolute mint:inset-0", children:
|
|
81
|
+
/* @__PURE__ */ r("span", { className: "mint:invisible mint:font-semibold", "aria-hidden": "true", children: i }),
|
|
82
|
+
/* @__PURE__ */ r("span", { className: "mint:absolute mint:inset-0", children: i })
|
|
83
83
|
] })
|
|
84
84
|
] })
|
|
85
85
|
},
|
|
@@ -99,7 +99,7 @@ function T({
|
|
|
99
99
|
]
|
|
100
100
|
}
|
|
101
101
|
),
|
|
102
|
-
/* @__PURE__ */ r("div", { children:
|
|
102
|
+
/* @__PURE__ */ r("div", { children: n.map((e, t) => /* @__PURE__ */ r(
|
|
103
103
|
"div",
|
|
104
104
|
{
|
|
105
105
|
role: "tabpanel",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { cn } from '../../../utils/cn';\n\ninterface TabsProps {\n children: React.ReactNode;\n defaultTab?: number;\n defaultTabIndex?: number;\n className?: string;\n onClickTab?: (index: number) => void;\n onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n activeTab: number;\n setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n activeTab: 0,\n setActiveTab: () => {},\n});\n\nexport function Tabs({\n children,\n defaultTab = 0,\n defaultTabIndex,\n className,\n onClickTab,\n onChange,\n}: TabsProps) {\n const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n const tabRefs = useRef<(
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { cn } from '../../../utils/cn';\n\ninterface TabsProps {\n children: React.ReactNode;\n defaultTab?: number;\n defaultTabIndex?: number;\n className?: string;\n onClickTab?: (index: number) => void;\n onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n activeTab: number;\n setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n activeTab: 0,\n setActiveTab: () => {},\n});\n\nexport function Tabs({\n children,\n defaultTab = 0,\n defaultTabIndex,\n className,\n onClickTab,\n onChange,\n}: TabsProps) {\n const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n const tabRefs = useRef<(HTMLDivElement | null)[]>([]);\n const [indicatorStyle, setIndicatorStyle] = useState({ left: 0, width: 0 });\n\n const tabs = React.Children.toArray(children);\n\n useEffect(() => {\n tabRefs.current = tabRefs.current.slice(0, tabs.length);\n }, [tabs.length]);\n\n useEffect(() => {\n const activeTabElement = tabRefs.current[activeTab];\n if (activeTabElement) {\n setIndicatorStyle({\n left: activeTabElement.offsetLeft,\n width: activeTabElement.offsetWidth,\n });\n }\n }, [activeTab]);\n\n const handleKeyDown = (event: React.KeyboardEvent, currentIndex: number) => {\n let newIndex = currentIndex;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (currentIndex + 1) % tabs.length;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n break;\n case 'Home':\n event.preventDefault();\n newIndex = 0;\n break;\n case 'End':\n event.preventDefault();\n newIndex = tabs.length - 1;\n break;\n default:\n return;\n }\n\n setActiveTab(newIndex);\n tabRefs.current[newIndex]?.focus();\n };\n\n return (\n <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n <div className={cn('mint:my-6', className)}>\n <div\n role=\"tablist\"\n aria-label=\"Content tabs\"\n className=\"mint:relative mint:flex mint:gap-1 mint:mb-4 mint:overflow-x-auto mint:pb-[3px] mint:before:content-[''] mint:before:absolute mint:before:left-0 mint:before:right-0 mint:before:bottom-0 mint:before:h-[1.5px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full\"\n >\n {tabs.map((tab, index) => {\n if (!React.isValidElement(tab)) return null;\n const title = tab.props.title || `Tab ${index + 1}`;\n const icon = tab.props.icon;\n const isActive = activeTab === index;\n\n return (\n <div\n key={index}\n ref={(el) => {\n tabRefs.current[index] = el;\n }}\n role=\"tab\"\n aria-selected={isActive}\n aria-controls={`tabpanel-${index}`}\n id={`tab-${index}`}\n tabIndex={isActive ? 0 : -1}\n onClick={() => {\n setActiveTab(index);\n onClickTab?.(index);\n onChange?.(index);\n }}\n onKeyDown={(e) => handleKeyDown(e, index)}\n className={cn(\n 'mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2',\n isActive\n ? 'mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold'\n : 'mint:text-gray-600 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-200'\n )}\n >\n <span className=\"mint:flex mint:items-center mint:gap-2\">\n {icon && <span aria-hidden=\"true\">{icon}</span>}\n <span className=\"mint:relative\">\n <span className=\"mint:invisible mint:font-semibold\" aria-hidden=\"true\">\n {title}\n </span>\n <span className=\"mint:absolute mint:inset-0\">{title}</span>\n </span>\n </span>\n </div>\n );\n })}\n <div\n className=\"mint:absolute mint:bottom-0 mint:h-[2px] mint:rounded-full mint:bg-[#8251ee] mint:dark:bg-[#9263f1] mint:transition-all mint:duration-300 mint:ease-out mint:z-10\"\n style={{\n left: `${indicatorStyle.left}px`,\n width: `${indicatorStyle.width}px`,\n }}\n />\n </div>\n\n <div>\n {tabs.map((tab, index) => (\n <div\n key={index}\n role=\"tabpanel\"\n id={`tabpanel-${index}`}\n aria-labelledby={`tab-${index}`}\n tabIndex={0}\n hidden={activeTab !== index}\n className={cn('mint:outline-none', activeTab !== index && 'mint:hidden')}\n >\n {React.isValidElement(tab) ? tab.props.children : null}\n </div>\n ))}\n </div>\n </div>\n </TabsContext.Provider>\n );\n}\n"],"names":["TabsContext","React","Tabs","children","defaultTab","defaultTabIndex","className","onClickTab","onChange","activeTab","setActiveTab","useState","tabRefs","useRef","indicatorStyle","setIndicatorStyle","tabs","useEffect","activeTabElement","handleKeyDown","event","currentIndex","newIndex","_a","jsx","cn","jsxs","tab","index","title","icon","isActive","el","e"],"mappings":"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"}
|