Replace proptypes/docs:api with TypeScript-based generation

docs/data/chatApiPages.ts

@@ -9,6 +9,10 @@ const chatApiPages: MuiPage[] = [
     pathname: '/x/api/chat/chat-code-block',
     title: 'ChatCodeBlock',
   },
+  {
+    pathname: '/x/api/chat/chat-composer',
+    title: 'ChatComposer',
+  },
   {
     pathname: '/x/api/chat/chat-composer-attach-button',
     title: 'ChatComposerAttachButton',
@@ -77,6 +81,10 @@ const chatApiPages: MuiPage[] = [
     pathname: '/x/api/chat/chat-layout',
     title: 'ChatLayout',
   },
+  {
+    pathname: '/x/api/chat/chat-message',
+    title: 'ChatMessage',
+  },
   {
     pathname: '/x/api/chat/chat-message-actions',
     title: 'ChatMessageActions',
@@ -185,14 +193,26 @@ const chatApiPages: MuiPage[] = [
     pathname: '/x/api/chat/conversation-header-actions',
     title: 'ConversationHeaderActions',
   },
+  {
+    pathname: '/x/api/chat/conversation-header-info',
+    title: 'ConversationHeaderInfo',
+  },
   {
     pathname: '/x/api/chat/conversation-list-item',
     title: 'ConversationListItem',
   },
+  {
+    pathname: '/x/api/chat/conversation-list-item-actions',
+    title: 'ConversationListItemActions',
+  },
   {
     pathname: '/x/api/chat/conversation-list-item-avatar',
     title: 'ConversationListItemAvatar',
   },
+  {
+    pathname: '/x/api/chat/conversation-list-item-content',
+    title: 'ConversationListItemContent',
+  },
   {
     pathname: '/x/api/chat/conversation-list-preview',
     title: 'ConversationListPreview',
@@ -225,6 +245,10 @@ const chatApiPages: MuiPage[] = [
     pathname: '/x/api/chat/conversation-title',
     title: 'ConversationTitle',
   },
+  {
+    pathname: '/x/api/chat/file-part',
+    title: 'FilePart',
+  },
   {
     pathname: '/x/api/chat/message-actions',
     title: 'MessageActions',
@@ -261,10 +285,34 @@ const chatApiPages: MuiPage[] = [
     pathname: '/x/api/chat/message-root',
     title: 'MessageRoot',
   },
+  {
+    pathname: '/x/api/chat/reasoning-part',
+    title: 'ReasoningPart',
+  },
   {
     pathname: '/x/api/chat/scroll-to-bottom-affordance',
     title: 'ScrollToBottomAffordance',
   },
+  {
+    pathname: '/x/api/chat/source-document-part',
+    title: 'SourceDocumentPart',
+  },
+  {
+    pathname: '/x/api/chat/source-url-part',
+    title: 'SourceUrlPart',
+  },
+  {
+    pathname: '/x/api/chat/suggestion-item',
+    title: 'SuggestionItem',
+  },
+  {
+    pathname: '/x/api/chat/suggestions-root',
+    title: 'SuggestionsRoot',
+  },
+  {
+    pathname: '/x/api/chat/tool-part',
+    title: 'ToolPart',
+  },
   {
     pathname: '/x/api/chat/typing-indicator',
     title: 'TypingIndicator',

docs/pages/x/api/charts/animated-area.json

@@ -1,12 +1,19 @@
 {
-  "props": { "skipAnimation": { "type": { "name": "bool" }, "default": "false" } },
+  "props": {
+    "d": { "type": { "name": "string" }, "required": true },
+    "ownerState": { "type": { "name": "{}" }, "required": true },
+    "skipAnimation": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "AnimatedArea",
   "imports": [
     "import { AnimatedArea } from '@mui/x-charts/LineChart';",
     "import { AnimatedArea } from '@mui/x-charts';",
+    "import { AnimatedArea } from '@mui/x-charts-pro/LineChart';",
     "import { AnimatedArea } from '@mui/x-charts-pro';",
+    "import { AnimatedArea } from '@mui/x-charts-premium/LineChart';",
     "import { AnimatedArea } from '@mui/x-charts-premium';"
   ],
+  "slots": [],
   "classes": [],
   "muiName": "MuiAnimatedArea",
   "filename": "/packages/x-charts/src/LineChart/AnimatedArea.tsx",

docs/pages/x/api/charts/animated-line.json

@@ -1,12 +1,19 @@
 {
-  "props": { "skipAnimation": { "type": { "name": "bool" }, "default": "false" } },
+  "props": {
+    "d": { "type": { "name": "string" }, "required": true },
+    "ownerState": { "type": { "name": "{}" }, "required": true },
+    "skipAnimation": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "AnimatedLine",
   "imports": [
     "import { AnimatedLine } from '@mui/x-charts/LineChart';",
     "import { AnimatedLine } from '@mui/x-charts';",
+    "import { AnimatedLine } from '@mui/x-charts-pro/LineChart';",
     "import { AnimatedLine } from '@mui/x-charts-pro';",
+    "import { AnimatedLine } from '@mui/x-charts-premium/LineChart';",
     "import { AnimatedLine } from '@mui/x-charts-premium';"
   ],
+  "slots": [],
   "classes": [],
   "muiName": "MuiAnimatedLine",
   "filename": "/packages/x-charts/src/LineChart/AnimatedLine.tsx",

docs/pages/x/api/charts/area-element.json

@@ -1,9 +1,20 @@
 {
   "props": {
+    "color": { "type": { "name": "string" }, "required": true },
+    "d": { "type": { "name": "string" }, "required": true },
+    "seriesId": { "type": { "name": "string" }, "required": true },
+    "classes": {
+      "type": { "name": "shape", "description": "Partial<LineClasses>" },
+      "additionalInfo": { "cssApi": true }
+    },
+    "gradientId": { "type": { "name": "string" } },
     "skipAnimation": { "type": { "name": "bool" }, "default": "false" },
-    "slotProps": { "type": { "name": "object" }, "default": "{}" },
+    "slotProps": {
+      "type": { "name": "shape", "description": "AreaElementSlotProps" },
+      "default": "{}"
+    },
     "slots": {
-      "type": { "name": "object" },
+      "type": { "name": "shape", "description": "AreaElementSlots" },
       "default": "{}",
       "additionalInfo": { "slotsApi": true }
     }
@@ -12,7 +23,9 @@
   "imports": [
     "import { AreaElement } from '@mui/x-charts/LineChart';",
     "import { AreaElement } from '@mui/x-charts';",
+    "import { AreaElement } from '@mui/x-charts-pro/LineChart';",
     "import { AreaElement } from '@mui/x-charts-pro';",
+    "import { AreaElement } from '@mui/x-charts-premium/LineChart';",
     "import { AreaElement } from '@mui/x-charts-premium';"
   ],
   "slots": [

docs/pages/x/api/charts/area-plot.json

@@ -8,9 +8,12 @@
       }
     },
     "skipAnimation": { "type": { "name": "bool" }, "default": "false" },
-    "slotProps": { "type": { "name": "object" }, "default": "{}" },
+    "slotProps": {
+      "type": { "name": "shape", "description": "AreaElementSlotProps" },
+      "default": "{}"
+    },
     "slots": {
-      "type": { "name": "object" },
+      "type": { "name": "shape", "description": "AreaElementSlots" },
       "default": "{}",
       "additionalInfo": { "slotsApi": true }
     }
@@ -19,7 +22,9 @@
   "imports": [
     "import { AreaPlot } from '@mui/x-charts/LineChart';",
     "import { AreaPlot } from '@mui/x-charts';",
+    "import { AreaPlot } from '@mui/x-charts-pro/LineChart';",
     "import { AreaPlot } from '@mui/x-charts-pro';",
+    "import { AreaPlot } from '@mui/x-charts-premium/LineChart';",
     "import { AreaPlot } from '@mui/x-charts-premium';"
   ],
   "slots": [

docs/pages/x/api/charts/axis-config.js

@@ -1,21 +1,18 @@
 import * as React from 'react';
 import InterfaceApiPage from 'docsx/src/modules/components/InterfaceApiPage';
-import layoutConfig from 'docsx/src/modules/utils/dataGridLayoutConfig';
-import mapApiPageTranslations from 'docsx/src/modules/utils/mapApiPageTranslations';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import jsonPageContent from './axis-config.json';
 
 export default function Page(props) {
   const { descriptions } = props;
-  return (
-    <InterfaceApiPage {...layoutConfig} descriptions={descriptions} pageContent={jsonPageContent} />
-  );
+  return <InterfaceApiPage descriptions={descriptions} pageContent={jsonPageContent} />;
 }
 
 export async function getStaticProps() {
   const req = require.context(
-    'docsx/translations/api-docs/charts/',
+    'docsx/translations/api-docs/charts/axis-config',
     false,
-    /\.\/axis-config.*.json$/,
+    /\.\/axis-config.*\.json$/,
   );
   const descriptions = mapApiPageTranslations(req);
   return { props: { descriptions } };

docs/pages/x/api/charts/axis-config.json

@@ -1,38 +1,49 @@
 {
   "name": "AxisConfig",
   "imports": [
-    "import { AxisConfig } from '@mui/x-charts-premium'",
-    "import { AxisConfig } from '@mui/x-charts-pro'",
-    "import { AxisConfig } from '@mui/x-charts'"
+    "import { AxisConfig } from '@mui/x-charts';",
+    "import { AxisConfig } from '@mui/x-charts-pro';",
+    "import { AxisConfig } from '@mui/x-charts-premium';"
   ],
   "properties": {
-    "id": { "type": { "description": "AxisId" }, "required": true },
-    "scaleType": { "type": { "description": "'linear'" }, "required": true },
+    "id": { "type": { "description": "number | string" }, "required": true },
+    "scaleType": {
+      "type": {
+        "description": "'band' | 'linear' | 'log' | 'point' | 'pow' | 'sqrt' | 'symlog' | 'time' | 'utc'"
+      },
+      "required": true
+    },
     "classes": { "type": { "description": "Partial<ChartsAxisClasses>" } },
     "className": { "type": { "description": "string" } },
-    "colorMap": { "type": { "description": "ContinuousColorConfig | PiecewiseColorConfig" } },
+    "colorMap": {
+      "type": {
+        "description": "{ type: 'continuous', min?: Date | number, max?: Date | number, color: (t: number) => string | readonly [string, string] } | { type: 'ordinal', values?: readonly (string | number | Date)[], colors: string[], unknownColor?: string } | { type: 'piecewise', thresholds: (number | Date)[], colors: string[] }"
+      }
+    },
     "data": { "type": { "description": "readonly V[]" } },
     "dataKey": { "type": { "description": "string" } },
     "disableLine": { "type": { "description": "boolean" }, "default": "false" },
     "disableTicks": { "type": { "description": "boolean" }, "default": "false" },
     "domainLimit": {
       "type": {
-        "description": "'nice' | 'strict' | ((min: NumberValue, max: NumberValue) => { min: NumberValue; max: NumberValue })"
+        "description": "'nice' | 'strict' | (min: number | { valueOf: () => number }, max: number | { valueOf: () => number }) => { min: number | { valueOf: () => number }, max: number | { valueOf: () => number } }"
       }
     },
     "height": {
-      "type": { "description": "number | 'auto'" },
+      "type": { "description": "'auto' | number" },
       "default": "45 if an axis label is provided, 25 otherwise."
     },
     "hideTooltip": { "type": { "description": "boolean" } },
     "ignoreTooltip": { "type": { "description": "boolean" } },
     "label": { "type": { "description": "string" } },
-    "labelStyle": { "type": { "description": "ChartsTextProps['style']" } },
+    "labelStyle": { "type": { "description": "ChartsTextStyle" } },
     "offset": { "type": { "description": "number" }, "default": "0" },
-    "position": { "type": { "description": "'top' | 'bottom' | 'none'" } },
+    "position": { "type": { "description": "'bottom' | 'none' | 'top'" } },
     "reverse": { "type": { "description": "boolean" } },
     "slotProps": {
-      "type": { "description": "Partial<ChartsAxisSlotProps>" },
+      "type": {
+        "description": "{ axisLine?: Partial<SVGAttributes<SVGPathElement>>, axisTick?: Partial<SVGAttributes<SVGPathElement>>, axisTickLabel?: Partial<ChartsTextProps>, axisLabel?: Partial<ChartsTextProps>, xAxis?: Partial<ChartsXAxisProps>, yAxis?: Partial<ChartsYAxisProps> }"
+      },
       "default": "{}"
     },
     "slots": { "type": { "description": "Partial<ChartsAxisSlots>" }, "default": "{}" },
@@ -42,28 +53,33 @@
       "default": "'auto'"
     },
     "tickLabelInterval": {
-      "type": { "description": "'auto' | ((value: any, index: number) => boolean)" },
+      "type": { "description": "'auto' | (value: any, index: number) => boolean" },
       "default": "'auto'"
     },
     "tickLabelPlacement": { "type": { "description": "'middle' | 'tick'" }, "default": "'middle'" },
-    "tickLabelStyle": { "type": { "description": "ChartsTextProps['style']" } },
+    "tickLabelStyle": { "type": { "description": "ChartsTextStyle" } },
     "tickMaxStep": { "type": { "description": "number" } },
     "tickMinStep": { "type": { "description": "number" } },
     "tickNumber": { "type": { "description": "number" } },
     "tickPlacement": {
-      "type": { "description": "'start' | 'end' | 'middle' | 'extremities'" },
+      "type": { "description": "'end' | 'extremities' | 'middle' | 'start'" },
       "default": "'extremities'"
     },
     "tickSize": { "type": { "description": "number" }, "default": "6" },
     "tickSpacing": { "type": { "description": "number" }, "default": "0" },
     "valueFormatter": {
       "type": {
-        "description": "<TScaleName extends S>(value: V, context: AxisValueFormatterContext<TScaleName>) => string"
+        "description": "(value: V, context: { location: 'legend' } | { location: 'tick', scale: (value: Date | number | { valueOf: () => number }) => number, defaultTickLabel: string, tickNumber?: number } | { location: 'tooltip' | 'zoom-slider-tooltip', scale: (value: Date | number | { valueOf: () => number }) => number }) => string"
       }
     },
     "valueGetter": {
       "type": { "description": "(item: DatasetElementType<unknown>) => V" }
     },
-    "zoom": { "type": { "description": "boolean | ZoomOptions" }, "isProPlan": true }
+    "zoom": {
+      "type": {
+        "description": "boolean | { minStart?: number, maxEnd?: number, step?: number, minSpan?: number, maxSpan?: number, panning?: boolean, filterMode?: 'discard' | 'keep', slider?: { enabled?: boolean, size?: number, showTooltip?: 'always' | 'hover' | 'never', preview?: boolean | { seriesIds?: string[] } } }"
+      },
+      "isProPlan": true
+    }
   }
 }