@dotcms/react 26.7.21-1 → 26.7.27-1-next.2448

package/lib/next/components/DotCMSBlockEditorRenderer/components/BlockEditorBlock.esm.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BlockEditorDefaultBlocks } from '@dotcms/types/internal';
 import { getUVEState } from '@dotcms/uve';
+import { DotCMSAudio } from './blocks/Audio.esm.js';
 import { CodeBlock, BlockQuote } from './blocks/Code.esm.js';
 import { DotContent } from './blocks/DotContent.esm.js';
 import { GridBlock } from './blocks/GridBlock.esm.js';
@@ -113,6 +114,10 @@ const BlockEditorBlock = ({
         return jsx(DotCMSVideo, {
           node: node
         }, key);
+      case BlockEditorDefaultBlocks.DOT_AUDIO:
+        return jsx(DotCMSAudio, {
+          node: node
+        }, key);
       case BlockEditorDefaultBlocks.TABLE:
         return jsx(TableRenderer, {
           content: (_node$content = node.content) != null ? _node$content : [],

package/lib/next/components/DotCMSBlockEditorRenderer/components/blocks/Audio.esm.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Renders an audio component for displaying audio files. Mirrors {@link DotCMSVideo}
+ * but without poster/width/height, which are not meaningful for audio.
+ *
+ * @param props - The properties for the audio component.
+ * @returns The rendered audio component.
+ */
+const DotCMSAudio = ({
+  node
+}) => {
+  const {
+    src,
+    mimeType
+  } = node.attrs;
+  return jsxs("audio", {
+    controls: true,
+    preload: "metadata",
+    children: [jsx("source", {
+      src: src,
+      type: mimeType
+    }), "Your browser does not support the ", jsx("code", {
+      children: "audio"
+    }), " element."]
+  });
+};
+
+export { DotCMSAudio };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dotcms/react",
-  "version": "26.07.21-01",
+  "version": "26.7.27-1-next.2448",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@dotcms/uve": "26.07.21-01",
-    "@dotcms/client": "26.07.21-01",
+    "@dotcms/uve": "26.7.27-1-next.2448",
+    "@dotcms/client": "26.7.27-1-next.2448",
     "@tinymce/tinymce-react": "6.2.1"
   },
   "devDependencies": {

package/src/lib/next/components/DotCMSBlockEditorRenderer/components/blocks/Audio.d.ts

@@ -0,0 +1,11 @@
+import { BlockEditorNode } from '@dotcms/types';
+/**
+ * Renders an audio component for displaying audio files. Mirrors {@link DotCMSVideo}
+ * but without poster/width/height, which are not meaningful for audio.
+ *
+ * @param props - The properties for the audio component.
+ * @returns The rendered audio component.
+ */
+export declare const DotCMSAudio: ({ node }: {
+    node: BlockEditorNode;
+}) => import("react/jsx-runtime").JSX.Element;