@ceed/cds 1.2.2 → 1.2.3-next.1

package/dist/index.js

@@ -149,7 +149,7 @@ import {
   StepButton,
   stepButtonClasses,
   stepperClasses,
-  Skeleton,
+  Skeleton as Skeleton2,
   skeletonClasses
 } from "@mui/joy";
 
@@ -2738,7 +2738,7 @@ function Pagination(props) {
       onClick: () => handlePageChange(p)
     },
     p
-  )), /* @__PURE__ */ React20.createElement(PaginationButton, { active: true, size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ React20.createElement(
+  )), /* @__PURE__ */ React20.createElement(PaginationButton, { active: "active", size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ React20.createElement(
     PaginationButton,
     {
       key: p,
@@ -3555,6 +3555,7 @@ function Component(props, apiRef) {
       background: backgroundProps = {}
     } = {},
     stripe,
+    isTotalSelected: ___________,
     ...innerProps
   } = props;
   const tableId = useId();
@@ -4259,6 +4260,7 @@ import { Grid } from "@mui/joy";
 
 // src/components/Markdown/Markdown.tsx
 import React29, { lazy, Suspense, useEffect as useEffect7, useState as useState8 } from "react";
+import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
@@ -4279,6 +4281,7 @@ var Markdown = (props) => {
     markdownOptions,
     boldFontWeight,
     content,
+    fallback,
     ...innerProps
   } = props;
   if (!rehypeAccent2) {
@@ -4293,35 +4296,41 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ React29.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React29.createElement(
-      LazyReactMarkdown,
+    /* @__PURE__ */ React29.createElement(
+      Suspense,
       {
-        ...markdownOptions,
-        children: content,
-        rehypePlugins: [[rehypeAccent2, { accentColor }]],
-        components: {
-          h1: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h1" }, children),
-          h2: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h2" }, children),
-          h3: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h3" }, children),
-          h4: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => /* @__PURE__ */ React29.createElement(
-            Typography,
-            {
-              color,
-              textColor,
-              level: defaultLevel,
-              ...node?.properties
-            },
-            children
-          ),
-          a: ({ children, href }) => /* @__PURE__ */ React29.createElement(Link2, { href, target: defaultLinkAction }, children),
-          hr: () => /* @__PURE__ */ React29.createElement(Divider, null),
-          b: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          strong: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          ...markdownOptions?.components
+        fallback: fallback || /* @__PURE__ */ React29.createElement(Skeleton, { level: defaultLevel })
+      },
+      /* @__PURE__ */ React29.createElement(
+        LazyReactMarkdown,
+        {
+          ...markdownOptions,
+          children: content,
+          rehypePlugins: [[rehypeAccent2, { accentColor }]],
+          components: {
+            h1: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h1" }, children),
+            h2: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h2" }, children),
+            h3: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h3" }, children),
+            h4: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h4" }, children),
+            p: ({ children, node }) => /* @__PURE__ */ React29.createElement(
+              Typography,
+              {
+                color,
+                textColor,
+                level: defaultLevel,
+                ...node?.properties
+              },
+              children
+            ),
+            a: ({ children, href }) => /* @__PURE__ */ React29.createElement(Link2, { href, target: defaultLinkAction }, children),
+            hr: () => /* @__PURE__ */ React29.createElement(Divider, null),
+            b: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            strong: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            ...markdownOptions?.components
+          }
         }
-      }
-    ))
+      )
+    )
   );
 };
 Markdown.displayName = "Markdown";
@@ -6094,7 +6103,7 @@ export {
   RadioList,
   Select,
   Sheet,
-  Skeleton,
+  Skeleton2 as Skeleton,
   Slider,
   Stack,
   Step,