Merge pull request #2989 from vodkaslime/add-toggle-codeblock-hook

feat: add useToggleCodeBlockButton hook to code-block package

.changeset/swift-onions-prove.md

@@ -0,0 +1,5 @@
+---
+"@udecode/plate-code-block": minor
+---
+
+feat: `useToggleCodeBlockButton`

packages/code-block/src/hooks/index.ts

@@ -5,3 +5,4 @@
 export * from './useCodeBlockCombobox';
 export * from './useCodeBlockElement';
 export * from './useCodeSyntaxLeaf';
+export * from './useToggleCodeBlockButton';

packages/code-block/src/hooks/useToggleCodeBlockButton.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useEditorRef } from '@udecode/plate-common';
+import { toggleCodeBlock } from '../transforms';
+
+export const useToggleCodeBlockButton = () => {
+  const editor = useEditorRef();
+
+  return {
+    props: {
+      onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault();
+      },
+      onClick: () => {
+        toggleCodeBlock(editor);
+      },
+    },
+  };
+};