Merge branch 'master' into plain-reorder-fix

Author: MBilalShafi

.circleci/config.yml

@@ -46,7 +46,7 @@ default-job: &default-job
     COREPACK_ENABLE_DOWNLOAD_PROMPT: '0'
   working_directory: /tmp/mui
   docker:
-    - image: cimg/node:22.16
+    - image: cimg/node:22.18
 # CircleCI has disabled the cache across forks for security reasons.
 # Following their official statement, it was a quick solution, they
 # are working on providing this feature back with appropriate security measures.

.github/workflows/ci.yml

@@ -15,4 +15,4 @@ jobs:
     name: Continuous releases
     uses: mui/mui-public/.github/workflows/ci-base.yml@master
     with:
-      node-version: '22'
+      node-version: '22.18.0'

docs/data/scheduler/overview/overview.md

@@ -20,4 +20,5 @@ This package is not published yet.
 - [Day View](/x/react-scheduler/day-view/)
 - [Month View](/x/react-scheduler/month-view/)
 - [Agenda View](/x/react-scheduler/agenda-view/)
+- [Timeline View](/x/react-scheduler/timeline-view/)
 - [Primitives](/x/react-scheduler/primitives/)

docs/data/scheduler/timeline-view/BasicTimelineView.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+import { StandaloneView } from '@mui/x-scheduler/material/standalone-view';
+import { TimelineView } from '@mui/x-scheduler/material/timeline-view';
+import {
+  initialEvents,
+  defaultVisibleDate,
+  resources,
+} from '../datasets/personal-agenda';
+
+export default function BasicTimelineView() {
+  const [events, setEvents] = React.useState(initialEvents);
+
+  return (
+    <div style={{ height: '500px', width: '100%' }}>
+      <StandaloneView
+        events={events}
+        resources={resources}
+        defaultVisibleDate={defaultVisibleDate}
+        onEventsChange={setEvents}
+      >
+        <TimelineView />
+      </StandaloneView>
+    </div>
+  );
+}

docs/data/scheduler/timeline-view/BasicTimelineView.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { CalendarEvent } from '@mui/x-scheduler/primitives/models';
+import { StandaloneView } from '@mui/x-scheduler/material/standalone-view';
+import { TimelineView } from '@mui/x-scheduler/material/timeline-view';
+import {
+  initialEvents,
+  defaultVisibleDate,
+  resources,
+} from '../datasets/personal-agenda';
+
+export default function BasicTimelineView() {
+  const [events, setEvents] = React.useState<CalendarEvent[]>(initialEvents);
+
+  return (
+    <div style={{ height: '500px', width: '100%' }}>
+      <StandaloneView
+        events={events}
+        resources={resources}
+        defaultVisibleDate={defaultVisibleDate}
+        onEventsChange={setEvents}
+      >
+        <TimelineView />
+      </StandaloneView>
+    </div>
+  );
+}

docs/data/scheduler/timeline-view/BasicTimelineView.tsx.preview

@@ -0,0 +1,8 @@
+<StandaloneView
+  events={events}
+  resources={resources}
+  defaultVisibleDate={defaultVisibleDate}
+  onEventsChange={setEvents}
+>
+  <TimelineView />
+</StandaloneView>

docs/data/scheduler/timeline-view/timeline-view.md

@@ -0,0 +1,20 @@
+---
+productId: x-scheduler
+title: React Scheduler component
+packageName: '@mui/x-scheduler'
+githubLabel: 'scope: scheduler'
+---
+
+# Scheduler - Timeline View
+
+<p class="description">The Timeline View component lets users manage events in a timeline layout.</p>
+
+{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+
+:::warning
+This package is not published yet.
+:::
+
+## Basic example
+
+{{"demo": "BasicTimelineView.js", "bg": "inline", "defaultCodeOpen": false}}

docs/next.config.ts

@@ -207,8 +207,6 @@ export default withDocsInfra({
       console.log('Considering only English for SSR');
       traverse(pages, 'en');
     } else {
-      // eslint-disable-next-line no-console
-      console.log('Considering various locales for SSR');
       LANGUAGES_SSR.forEach((userLanguage) => {
         traverse(pages, userLanguage);
       });

docs/package.json

@@ -27,9 +27,9 @@
     "@mui/docs": "7.1.2",
     "@mui/icons-material": "catalog:",
     "@mui/joy": "^5.0.0-beta.52",
-    "@mui/lab": "^7.0.0-beta.16",
+    "@mui/lab": "^7.0.0-beta.17",
     "@mui/material": "catalog:",
-    "@mui/material-nextjs": "^7.3.0",
+    "@mui/material-nextjs": "^7.3.2",
     "@mui/stylis-plugin-rtl": "catalog:",
     "@mui/system": "catalog:",
     "@mui/utils": "catalog:",

docs/pages/x/react-scheduler/timeline-view.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import * as pageProps from 'docsx/data/scheduler/timeline-view/timeline-view.md?muiMarkdown';
+
+export default function Page() {
+  return <MarkdownDocs {...pageProps} />;
+}