From c4cd78654d50733027e51cb91761861a0db0590e Mon Sep 17 00:00:00 2001 From: Darginec05 Date: Sun, 26 May 2024 02:37:09 +0300 Subject: [PATCH] added example with focus/blur --- packages/core/editor/src/YooptaEditor.tsx | 5 +- .../editor/src/components/Editor/Editor.tsx | 6 +- web/next-example/package.json | 30 +- .../examples/withEditorFocusBlur/index.tsx | 169 ++ .../examples/withEditorFocusBlur/initValue.ts | 1452 +++++++++++++++++ .../src/pages/examples/[example].tsx | 6 + web/next-example/yarn.lock | 161 +- 7 files changed, 1737 insertions(+), 92 deletions(-) create mode 100644 web/next-example/src/components/examples/withEditorFocusBlur/index.tsx create mode 100644 web/next-example/src/components/examples/withEditorFocusBlur/initValue.ts diff --git a/packages/core/editor/src/YooptaEditor.tsx b/packages/core/editor/src/YooptaEditor.tsx index 12a9e6ec2..6f3ae5790 100644 --- a/packages/core/editor/src/YooptaEditor.tsx +++ b/packages/core/editor/src/YooptaEditor.tsx @@ -158,8 +158,9 @@ const YooptaEditor = ({ className={className} selectionBoxRoot={selectionBoxRoot} width={width} - /> - {children} + > + {children} + diff --git a/packages/core/editor/src/components/Editor/Editor.tsx b/packages/core/editor/src/components/Editor/Editor.tsx index 23200ad19..e9491fa47 100644 --- a/packages/core/editor/src/components/Editor/Editor.tsx +++ b/packages/core/editor/src/components/Editor/Editor.tsx @@ -1,4 +1,4 @@ -import { CSSProperties, useEffect, useRef } from 'react'; +import { CSSProperties, ReactNode, useEffect, useRef } from 'react'; import { useYooptaEditor, useYooptaReadOnly } from '../../contexts/YooptaContext/YooptaContext'; import { RenderBlocks } from './RenderBlocks'; import { YooptaMark } from '../../marks'; @@ -21,6 +21,7 @@ type Props = { className?: string; placeholder?: string; width?: number | string; + children: ReactNode; }; const getEditorStyles = (styles: CSSProperties) => ({ @@ -40,7 +41,7 @@ const DEFAULT_STATE: State = { startedIndexToSelect: null, }; -const Editor = ({ placeholder, marks, className, selectionBoxRoot, width, autoFocus = true }: Props) => { +const Editor = ({ placeholder, marks, className, selectionBoxRoot, width, children, autoFocus = true }: Props) => { const editor = useYooptaEditor(); const isReadOnly = useYooptaReadOnly(); const yooptaEditorRef = useRef(null); @@ -346,6 +347,7 @@ const Editor = ({ placeholder, marks, className, selectionBoxRoot, width, autoFo isOpen={selectionBox.selection && !isReadOnly} /> )} + {children} ); }; diff --git a/web/next-example/package.json b/web/next-example/package.json index 1f0b4d67e..5bf8ea5f1 100644 --- a/web/next-example/package.json +++ b/web/next-example/package.json @@ -12,22 +12,22 @@ "@floating-ui/react": "^0.26.11", "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-icons": "^1.3.0", - "@yoopta/action-menu-list": "^4.3.1", - "@yoopta/blockquote": "^4.3.1", - "@yoopta/callout": "^4.3.1", - "@yoopta/code": "^4.3.1", - "@yoopta/editor": "^4.3.1", - "@yoopta/embed": "^4.3.1", - "@yoopta/file": "^4.3.1", - "@yoopta/headings": "^4.3.1", - "@yoopta/image": "^4.3.1", - "@yoopta/link": "^4.3.1", - "@yoopta/link-tool": "^4.3.1", - "@yoopta/lists": "^4.3.1", + "@yoopta/action-menu-list": "^4.4.0", + "@yoopta/blockquote": "^4.4.0", + "@yoopta/callout": "^4.4.0", + "@yoopta/code": "^4.4.0", + "@yoopta/editor": "^4.4.0", + "@yoopta/embed": "^4.4.0", + "@yoopta/file": "^4.4.0", + "@yoopta/headings": "^4.4.0", + "@yoopta/image": "^4.4.0", + "@yoopta/link": "^4.4.0", + "@yoopta/link-tool": "^4.4.0", + "@yoopta/lists": "^4.4.0", "@yoopta/marks": "^4.3.0", - "@yoopta/paragraph": "^4.3.1", - "@yoopta/toolbar": "^4.3.1", - "@yoopta/video": "^4.3.1", + "@yoopta/paragraph": "^4.4.0", + "@yoopta/toolbar": "^4.4.0", + "@yoopta/video": "^4.4.0", "class-variance-authority": "^0.7.0", "classnames": "^2.5.1", "clsx": "^2.1.0", diff --git a/web/next-example/src/components/examples/withEditorFocusBlur/index.tsx b/web/next-example/src/components/examples/withEditorFocusBlur/index.tsx new file mode 100644 index 000000000..dceda90a9 --- /dev/null +++ b/web/next-example/src/components/examples/withEditorFocusBlur/index.tsx @@ -0,0 +1,169 @@ +import YooptaEditor, { createYooptaEditor, useYooptaEditor, useYooptaFocused } from '@yoopta/editor'; +import { useMemo, useRef } from 'react'; + +import Paragraph from '@yoopta/paragraph'; +import Blockquote from '@yoopta/blockquote'; +import Embed from '@yoopta/embed'; +import Image from '@yoopta/image'; +import Link from '@yoopta/link'; +import Callout from '@yoopta/callout'; +import Video from '@yoopta/video'; +import File from '@yoopta/file'; +import { NumberedList, BulletedList, TodoList } from '@yoopta/lists'; +import { Bold, Italic, CodeMark, Underline, Strike, Highlight } from '@yoopta/marks'; +import { HeadingOne, HeadingThree, HeadingTwo } from '@yoopta/headings'; +import Code from '@yoopta/code'; +import ActionMenuList, { DefaultActionMenuRender } from '@yoopta/action-menu-list'; +import Toolbar, { DefaultToolbarRender } from '@yoopta/toolbar'; +import LinkTool, { DefaultLinkToolRender } from '@yoopta/link-tool'; + +import { WITH_CUSTOM_STYLES_VALUE } from './initValue'; +import { uploadToCloudinary } from '@/utils/cloudinary'; + +const plugins = [ + Paragraph, + HeadingOne, + HeadingTwo.extend({ + options: { + HTMLAttributes: { + style: { + color: 'green', + }, + }, + }, + }), + HeadingThree, + Blockquote, + Callout, + NumberedList, + BulletedList, + TodoList, + Code, + Link.extend({ + options: { + HTMLAttributes: { + style: { + color: 'green', + }, + }, + }, + }), + Embed, + Image.extend({ + options: { + async onUpload(file) { + const data = await uploadToCloudinary(file, 'image'); + + return { + src: data.secure_url, + alt: 'cloudinary', + sizes: { + width: data.width, + height: data.height, + }, + }; + }, + }, + }), + Video.extend({ + options: { + onUpload: async (file) => { + const data = await uploadToCloudinary(file, 'video'); + return { + src: data.secure_url, + alt: 'cloudinary', + sizes: { + width: data.width, + height: data.height, + }, + }; + }, + }, + }), + File.extend({ + options: { + onUpload: async (file) => { + const response = await uploadToCloudinary(file, 'auto'); + return { src: response.url }; + }, + }, + }), +]; + +const TOOLS = { + ActionMenu: { + render: DefaultActionMenuRender, + tool: ActionMenuList, + }, + Toolbar: { + render: DefaultToolbarRender, + tool: Toolbar, + }, + LinkTool: { + render: DefaultLinkToolRender, + tool: LinkTool, + }, +}; + +const MARKS = [Bold, Italic, CodeMark, Underline, Strike, Highlight]; + +function WithEditorFocusBlur() { + const editor = useMemo(() => createYooptaEditor(), []); + const selectionRef = useRef(null); + + return ( +
+ + + + +
+ ); +} + +const FocusButtons = () => { + const editor = useYooptaEditor(); + + return ( +
+ + +
+ ); +}; + +const Placeholder = () => { + const isFocused = useYooptaFocused(); + + if (!isFocused) { + return ( +
Placeholder
+ ); + } + + return null; +}; + +export default WithEditorFocusBlur; diff --git a/web/next-example/src/components/examples/withEditorFocusBlur/initValue.ts b/web/next-example/src/components/examples/withEditorFocusBlur/initValue.ts new file mode 100644 index 000000000..85148cbb6 --- /dev/null +++ b/web/next-example/src/components/examples/withEditorFocusBlur/initValue.ts @@ -0,0 +1,1452 @@ +export const WITH_CUSTOM_STYLES_VALUE = { + "8d11f1e5-2e26-4cc9-ba5f-7e46982c544e": { + "id": "8d11f1e5-2e26-4cc9-ba5f-7e46982c544e", + "value": [ + { + "id": "0f626d0d-c33b-453e-af65-d28203a09d71", + "type": "heading-one", + "children": [ + { + "text": "With custom styles example" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "HeadingOne", + "meta": { + "order": 0, + "depth": 0 + } + }, + "abb53e3d-f0bd-482d-af93-342f02408381": { + "id": "abb53e3d-f0bd-482d-af93-342f02408381", + "type": "Callout", + "meta": { + "order": 1, + "depth": 0 + }, + "value": [ + { + "id": "cdf369a1-7ea6-47cc-87aa-f1064d39b193", + "type": "callout", + "children": [ + { + "text": "This example will show you how you can extend existing styles or add your own" + } + ], + "props": { + "nodeType": "block", + "theme": "info" + } + } + ] + }, + "426b5175-2054-44c0-9394-6e349f9c523a": { + "id": "426b5175-2054-44c0-9394-6e349f9c523a", + "value": [ + { + "id": "b3bd9566-dfa6-4bca-a9f2-03ba496dd592", + "type": "paragraph", + "children": [ + { + "text": "By default Yoopta provide some default styles for each plugin\nBut you can " + }, + { + "text": "extend", + "underline": true + }, + { + "text": " them by adding your " + }, + { + "text": "className ", + "bold": true + }, + { + "text": "or " + }, + { + "text": "style", + "bold": true + }, + { + "text": " object" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 2, + "depth": 0 + } + }, + "ff0ecfa6-0d1c-4e23-8f35-fef66cef499d": { + "id": "ff0ecfa6-0d1c-4e23-8f35-fef66cef499d", + "value": [ + { + "id": "c6c06b56-a0c2-4194-a8a7-53435ce8d79b", + "type": "code", + "children": [ + { + "text": "import Blockquote from '@yoopta/blockquote'\n\nconst plugins = [\n //...otherplugins\n Blockquote.extend({\n options: {\n HTMLAttributes: {\n className: s.blockquote,\n },\n },\n })\n]" + } + ], + "props": { + "nodeType": "void", + "language": "javascript", + "theme": "VSCode" + } + } + ], + "type": "Code", + "meta": { + "order": 5, + "depth": 1 + } + }, + "ef58df3e-c56a-4ca7-b2a0-3e9243a6bc8c": { + "id": "ef58df3e-c56a-4ca7-b2a0-3e9243a6bc8c", + "value": [ + { + "id": "6727a30f-96fd-4a6e-b143-923e65231e18", + "type": "blockquote", + "children": [ + { + "text": "And now you can see applied styles for Blockquote" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Blockquote", + "meta": { + "order": 6, + "depth": 1 + } + }, + "1df8b0fd-290b-4c36-bbe6-31ec6c745a3d": { + "id": "1df8b0fd-290b-4c36-bbe6-31ec6c745a3d", + "type": "HeadingThree", + "meta": { + "order": 3, + "depth": 0 + }, + "value": [ + { + "id": "b3bd9566-dfa6-4bca-a9f2-03ba496dd592", + "type": "heading-three", + "props": { + "nodeType": "block" + }, + "children": [ + { + "text": "Example with " + }, + { + "text": ".extend", + "underline": true + }, + { + "text": ": " + } + ] + } + ] + }, + "b3b9b33d-643e-4326-89f6-262777fe7163": { + "id": "b3b9b33d-643e-4326-89f6-262777fe7163", + "value": [ + { + "id": "249125f0-8a2c-4d8d-8b3d-a2a6570deaa0", + "type": "numbered-list", + "children": [ + { + "text": "Using your own " + }, + { + "text": "classname", + "underline": true + }, + { + "text": " " + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "NumberedList", + "meta": { + "order": 4, + "depth": 0 + } + }, + "fb766838-54a3-4979-b05b-d530e434e40c": { + "id": "fb766838-54a3-4979-b05b-d530e434e40c", + "value": [ + { + "id": "d7cce324-38ed-4657-8605-b93206b59a30", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 11, + "depth": 0 + } + }, + "69c3628b-d0dc-4e97-bdad-200ee6a0e3dd": { + "id": "69c3628b-d0dc-4e97-bdad-200ee6a0e3dd", + "value": [ + { + "id": "df310f44-be9d-4da4-a2a7-2e6ba8dc71cf", + "type": "paragraph", + "children": [ + { + "text": "2. Using " + }, + { + "text": "style", + "underline": true + }, + { + "text": " object" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 8, + "depth": 0 + } + }, + "ac34f583-2603-4b35-a23c-85b296687ad1": { + "id": "ac34f583-2603-4b35-a23c-85b296687ad1", + "type": "HeadingTwo", + "meta": { + "order": 10, + "depth": 1 + }, + "value": [ + { + "id": "0d949735-7bee-432e-9485-8443273f608a", + "type": "heading-two", + "children": [ + { + "text": "I'm Heading two and it works!" + } + ], + "props": { + "nodeType": "block" + } + } + ] + }, + "1c9df015-11b3-4cd1-831f-66f5b4111d57": { + "id": "1c9df015-11b3-4cd1-831f-66f5b4111d57", + "value": [ + { + "id": "7cc8b180-5920-4e57-9c46-cee26bef206a", + "type": "code", + "children": [ + { + "text": "import Blockquote from '@yoopta/blockquote'\nimport { HeadingTwo } from '@yoopta/headings';\n\nconst plugins = [\n //...otherplugins\n Blockquote.extend({\n options: {\n HTMLAttributes: {\n className: s.blockquote,\n },\n },\n }),\n HeadingTwo.extend({\n options: {\n HTMLAttributes: {\n style: {\n color: 'green',\n },\n },\n },\n })\n]" + } + ], + "props": { + "nodeType": "void", + "language": "javascript", + "theme": "VSCode" + } + } + ], + "type": "Code", + "meta": { + "order": 9, + "depth": 1 + } + }, + "1a1ce913-6ab1-4487-bfc3-deec5651966a": { + "id": "1a1ce913-6ab1-4487-bfc3-deec5651966a", + "value": [ + { + "id": "c9c52908-f9df-4018-b867-81b34e1e2998", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 7, + "depth": 0 + } + }, + "dc2f645d-48dc-467c-aae3-086b5913e3a2": { + "id": "dc2f645d-48dc-467c-aae3-086b5913e3a2", + "value": [ + { + "id": "6ef7dd62-76aa-4fae-9990-b6bc7f81cbf3", + "type": "heading-three", + "children": [ + { + "text": "Rewrite default classname in your CSS file" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "HeadingThree", + "meta": { + "order": 12, + "depth": 0 + } + }, + "50cba391-eca4-4ed3-a3c3-c94d9dc49ac4": { + "id": "50cba391-eca4-4ed3-a3c3-c94d9dc49ac4", + "value": [ + { + "id": "45aa84fa-ae92-4075-bf57-6f02bab9ceb8", + "type": "paragraph", + "children": [ + { + "text": "Yoopta provides default " + }, + { + "text": "classnames", + "underline": true + }, + { + "text": " that can be changed in your CSS file.\nLet's list the available classтnames at all levels" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 13, + "depth": 0 + } + }, + "776112ab-fa7e-4c99-9dfe-a2db1fee4f52": { + "id": "776112ab-fa7e-4c99-9dfe-a2db1fee4f52", + "value": [ + { + "id": "37833b56-3aa8-4899-bcc4-6309d2bfb714", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 14, + "depth": 0 + } + }, + "7bed329f-883b-47bd-a7b2-e49b5ee04997": { + "id": "7bed329f-883b-47bd-a7b2-e49b5ee04997", + "value": [ + { + "id": "f247f460-6cb6-4db8-ad1a-1e4040ccd059", + "type": "bulleted-list", + "children": [ + { + "text": "Editor level", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 15, + "depth": 0 + } + }, + "ef5235b0-b9be-4f58-8bc1-a34b6c69bf88": { + "id": "ef5235b0-b9be-4f58-8bc1-a34b6c69bf88", + "value": [ + { + "id": "4c908c07-0f49-48c4-84e7-ee42837a8d83", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-editor", + "code": true + }, + { + "text": " - classname for whole editor" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 16, + "depth": 1 + } + }, + "822e4e88-356d-4dc0-961b-ebf4cbed23b1": { + "id": "822e4e88-356d-4dc0-961b-ebf4cbed23b1", + "value": [ + { + "id": "dae0fff1-4726-41e7-9a51-abea40cdc7e2", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block", + "code": true + }, + { + "text": " - block wrapper" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 17, + "depth": 1 + } + }, + "f74ea944-5467-446d-b440-e0e296ca59a3": { + "id": "f74ea944-5467-446d-b440-e0e296ca59a3", + "value": [ + { + "id": "fc60b45e-c562-4426-83c1-9d39043f172c", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-actions", + "code": true + }, + { + "text": " - block actions " + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 18, + "depth": 1 + } + }, + "2388cf19-f334-4d09-827e-c5090ae08536": { + "id": "2388cf19-f334-4d09-827e-c5090ae08536", + "value": [ + { + "id": "658b0daf-dd3e-4497-892c-a4cde7bf6571", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-actions-plus", + "code": true + }, + { + "text": " - block plus action button" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 19, + "depth": 2 + } + }, + "82e7f168-be9e-4f2b-b6f4-d3089b3d3565": { + "id": "82e7f168-be9e-4f2b-b6f4-d3089b3d3565", + "value": [ + { + "id": "be4e6e0b-0399-471e-be63-79fa18fb07b1", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-actions-drag", + "code": true + }, + { + "text": " - block drag action button" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 20, + "depth": 2 + } + }, + "8bc07fd3-24c1-4f51-960a-dc4e2383259d": { + "id": "8bc07fd3-24c1-4f51-960a-dc4e2383259d", + "value": [ + { + "id": "cc3c3b36-d6ce-40e0-891f-15e1610c1d33", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-options-menu-content", + "code": true + }, + { + "text": " - block options" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 21, + "depth": 1 + } + }, + "b336f4c7-52fa-4134-89ca-7baa76eb786d": { + "id": "b336f4c7-52fa-4134-89ca-7baa76eb786d", + "value": [ + { + "id": "97673697-0d94-4c60-8b80-f5b685f079dd", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 25, + "depth": 0 + } + }, + "b46198d9-5f06-4261-b64a-baeff1ec8fa6": { + "id": "b46198d9-5f06-4261-b64a-baeff1ec8fa6", + "value": [ + { + "id": "3bfb123b-c841-4398-9b5e-907bbdd39808", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-options-group", + "code": true + }, + { + "text": " - block options group" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 22, + "depth": 2 + } + }, + "1973806c-a8ad-4a72-a49a-1e1f0148cb4e": { + "id": "1973806c-a8ad-4a72-a49a-1e1f0148cb4e", + "value": [ + { + "id": "8b3af73a-8541-41cf-89b3-e75b2de1f81d", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-block-options-button", + "code": true + }, + { + "text": " - block options button" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 23, + "depth": 2 + } + }, + "0150ce5e-913b-4f89-a79f-8a7bf1193b1d": { + "id": "0150ce5e-913b-4f89-a79f-8a7bf1193b1d", + "type": "BulletedList", + "meta": { + "order": 26, + "depth": 0 + }, + "value": [ + { + "id": "70ab6a08-527e-44df-9b03-ccf9951433b5", + "type": "bulleted-list", + "children": [ + { + "text": "Each plugin elements", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ] + }, + "ebf9b47f-630d-49f3-b358-ce4858e6ca17": { + "id": "ebf9b47f-630d-49f3-b358-ce4858e6ca17", + "value": [ + { + "id": "224e127a-e907-41e7-a5a8-c8b6fc303be9", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-paragraph", + "code": true + }, + { + "text": " - " + }, + { + "text": "Paragraph", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 27, + "depth": 1 + } + }, + "d56edb9c-005c-4bd7-90e4-adec80300b01": { + "id": "d56edb9c-005c-4bd7-90e4-adec80300b01", + "value": [ + { + "id": "6063947d-a4e4-4fd2-8937-5756541e3e8e", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-extended-block-actions", + "code": true + }, + { + "text": " - extended block options button" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 24, + "depth": 2 + } + }, + "cc66bbb7-44df-4ae9-95ef-d0c2fd8c753a": { + "id": "cc66bbb7-44df-4ae9-95ef-d0c2fd8c753a", + "value": [ + { + "id": "f2c58ffe-4a7b-41ed-b82b-49079632d9b5", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-blockquote", + "code": true + }, + { + "text": " - " + }, + { + "text": "Blockquote", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 28, + "depth": 1 + } + }, + "98544bf8-822b-41d5-8888-c1710fca3083": { + "id": "98544bf8-822b-41d5-8888-c1710fca3083", + "value": [ + { + "id": "4e56954b-f1e8-473c-90a9-cd5eb3ba1ea8", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-callout", + "code": true + }, + { + "text": " - " + }, + { + "text": "Callout", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 29, + "depth": 1 + } + }, + "e9f05380-f718-464f-9f86-53abfc6e9ec2": { + "id": "e9f05380-f718-464f-9f86-53abfc6e9ec2", + "value": [ + { + "id": "5a22824b-3413-471c-8070-59504114570f", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-callout-default", + "code": true + }, + { + "text": " - " + }, + { + "text": "Callout ", + "bold": true + }, + { + "text": "theme" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 30, + "depth": 2 + } + }, + "9c34aad0-bfe8-4f13-9626-9f1edb340192": { + "id": "9c34aad0-bfe8-4f13-9626-9f1edb340192", + "value": [ + { + "id": "521de24a-f0a2-47fd-b5cf-377f7de2825a", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-callout-info", + "code": true + }, + { + "text": " - " + }, + { + "text": "Callout ", + "bold": true + }, + { + "text": "info" + }, + { + "bold": true, + "text": " " + }, + { + "text": "theme" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 31, + "depth": 2 + } + }, + "b4587505-5ffd-444f-9bf6-94c5524925c5": { + "id": "b4587505-5ffd-444f-9bf6-94c5524925c5", + "value": [ + { + "id": "fffabba0-f0e2-43d7-aff9-35dc7b3897e7", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-callout-success", + "code": true + }, + { + "text": " - " + }, + { + "text": "Callout", + "bold": true + }, + { + "text": " success theme" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 32, + "depth": 2 + } + }, + "bedd9bc5-c200-4c2b-814b-00cd79b66c84": { + "id": "bedd9bc5-c200-4c2b-814b-00cd79b66c84", + "value": [ + { + "id": "fffabba0-f0e2-43d7-aff9-35dc7b3897e7", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-callout-error", + "code": true + }, + { + "text": " - " + }, + { + "text": "Callout", + "bold": true + }, + { + "text": " error theme" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 33, + "depth": 2 + } + }, + "92b502e6-493e-4ae1-a31e-77a4580e6ae8": { + "id": "92b502e6-493e-4ae1-a31e-77a4580e6ae8", + "value": [ + { + "id": "09dd9e3f-1e7c-491e-aa07-6db3bfd6b6c4", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-link", + "code": true + }, + { + "text": " - " + }, + { + "text": "Link", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 34, + "depth": 1 + } + }, + "dbf53445-b122-466d-b2ba-8771e5b73be6": { + "id": "dbf53445-b122-466d-b2ba-8771e5b73be6", + "value": [ + { + "id": "4e4e5eae-9cd2-4b2c-9909-0f81c36b9bc3", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-bulleted-list", + "code": true + }, + { + "text": " - " + }, + { + "text": "BulletedList", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 35, + "depth": 1 + } + }, + "997b9485-bbb9-4489-a137-15a1a808aeeb": { + "id": "997b9485-bbb9-4489-a137-15a1a808aeeb", + "value": [ + { + "id": "4204c335-8cb1-4a39-813b-7e5062dfaf5c", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-bulleted-list-bullet", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 36, + "depth": 2 + } + }, + "e9e17217-3aab-4793-a505-fab8955bfc7b": { + "id": "e9e17217-3aab-4793-a505-fab8955bfc7b", + "value": [ + { + "id": "454dab4f-bcb6-4271-9d01-db0c60fd4886", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-bulleted-list-content", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 37, + "depth": 2 + } + }, + "5b0f9de0-76cc-459d-a728-8b353a6d4ecd": { + "id": "5b0f9de0-76cc-459d-a728-8b353a6d4ecd", + "value": [ + { + "id": "39031db7-28e3-416e-9637-1fce1bc959ad", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 52, + "depth": 0 + } + }, + "a912d7a5-73c3-4df9-aa7f-d76ad1a54507": { + "id": "a912d7a5-73c3-4df9-aa7f-d76ad1a54507", + "value": [ + { + "id": "a2585fc2-8e8a-43ae-90fe-afd1aa0e6fbb", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-numbered-list", + "code": true + }, + { + "text": " - " + }, + { + "text": "NumberedList", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 42, + "depth": 1 + } + }, + "295c5983-7017-4c80-ac87-df426a98d7a6": { + "id": "295c5983-7017-4c80-ac87-df426a98d7a6", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-heading-one", + "code": true + }, + { + "text": " - " + }, + { + "text": "Heading One", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 45, + "depth": 1 + } + }, + "163f4e1e-32bd-40cc-a00b-5aeff339b8b8": { + "id": "163f4e1e-32bd-40cc-a00b-5aeff339b8b8", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-heading-two", + "code": true + }, + { + "text": " - " + }, + { + "text": "Heading Two", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 46, + "depth": 1 + } + }, + "50b5d40b-1559-4411-8873-96139d9126b5": { + "id": "50b5d40b-1559-4411-8873-96139d9126b5", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-heading-three", + "code": true + }, + { + "text": " - " + }, + { + "text": "Heading Three", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 47, + "depth": 1 + } + }, + "d2fab762-94fc-4461-9c3e-ee7defe009b8": { + "id": "d2fab762-94fc-4461-9c3e-ee7defe009b8", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-image", + "code": true + }, + { + "text": " - " + }, + { + "text": "Image", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 48, + "depth": 1 + } + }, + "2fac273f-7f6f-48cd-a556-b30f481b78af": { + "id": "2fac273f-7f6f-48cd-a556-b30f481b78af", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-video", + "code": true + }, + { + "text": " - " + }, + { + "text": "Video", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 49, + "depth": 1 + } + }, + "0e3e9964-853a-4be7-87d5-65c66e4fbb5e": { + "id": "0e3e9964-853a-4be7-87d5-65c66e4fbb5e", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-embed", + "code": true + }, + { + "text": " - " + }, + { + "text": "Embed", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 50, + "depth": 1 + } + }, + "6ccd39ba-6513-4197-925a-5e9b211be2ef": { + "id": "6ccd39ba-6513-4197-925a-5e9b211be2ef", + "value": [ + { + "id": "65314068-b636-4989-a18b-510a08737c49", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-file", + "code": true + }, + { + "text": " - " + }, + { + "text": "File", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 51, + "depth": 1 + } + }, + "483d49a7-ecd6-4fb3-8d9a-2023772c950f": { + "id": "483d49a7-ecd6-4fb3-8d9a-2023772c950f", + "value": [ + { + "id": "4248d096-ef74-4670-8829-12bd48f52e54", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-todo-list", + "code": true + }, + { + "text": " - " + }, + { + "text": "TodoList", + "bold": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 38, + "depth": 1 + } + }, + "409373bb-dd55-453a-9c2e-337854477d83": { + "id": "409373bb-dd55-453a-9c2e-337854477d83", + "value": [ + { + "id": "7cbbae5b-2335-40e4-b936-a5a471a2308d", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-todo-list-checkbox ", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 39, + "depth": 2 + } + }, + "d01f81fb-0964-49c6-8216-d76c56d459c7": { + "id": "d01f81fb-0964-49c6-8216-d76c56d459c7", + "value": [ + { + "id": "c381ab0f-d2b0-449a-8e63-aec251d431bf", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-todo-list-checkbox-input", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 40, + "depth": 2 + } + }, + "d60b2acb-15cd-49ca-bccb-f7bef9e1a1c4": { + "id": "d60b2acb-15cd-49ca-bccb-f7bef9e1a1c4", + "value": [ + { + "id": "fc5209ae-9305-4fc1-9db8-9d683a357931", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-todo-list-content", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 41, + "depth": 2 + } + }, + "25d24d67-01d8-441c-a8d0-e4eef19fedc2": { + "id": "25d24d67-01d8-441c-a8d0-e4eef19fedc2", + "value": [ + { + "id": "4e06de68-7b67-4701-9850-8a066cb812e7", + "type": "paragraph", + "children": [ + { + "text": "" + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "Paragraph", + "meta": { + "order": 53, + "depth": 0 + } + }, + "784cc095-84a6-4e04-9a8d-b5bb75afc195": { + "id": "784cc095-84a6-4e04-9a8d-b5bb75afc195", + "value": [ + { + "id": "885f4a20-5999-43ff-aab8-2da04ece24d3", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-numbered-list-count", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 43, + "depth": 2 + } + }, + "e9383fe8-bc0e-4f1d-9b1a-813e0d4bcfb1": { + "id": "e9383fe8-bc0e-4f1d-9b1a-813e0d4bcfb1", + "value": [ + { + "id": "fb46943f-23cc-4bce-8313-38506586a300", + "type": "bulleted-list", + "children": [ + { + "text": ".yoopta-numbered-list-content", + "code": true + } + ], + "props": { + "nodeType": "block" + } + } + ], + "type": "BulletedList", + "meta": { + "order": 44, + "depth": 2 + } + } +} \ No newline at end of file diff --git a/web/next-example/src/pages/examples/[example].tsx b/web/next-example/src/pages/examples/[example].tsx index b40f6281d..6e80b3fd6 100644 --- a/web/next-example/src/pages/examples/[example].tsx +++ b/web/next-example/src/pages/examples/[example].tsx @@ -18,6 +18,7 @@ import withLargeDocuments from '@/components/examples/withLargeDocuments'; import withChatSlack from '@/components/examples/withChatSlack'; import withCraftExample from '@/components/examples/withCraftExample'; import withCustomStyles from '@/components/examples/withCustomStyles'; +import withEditorFocusBlur from '@/components/examples/withEditorFocusBlur'; import withMigrationGuide from '@/components/examples/withMigrationGuide'; import { Head } from '@/components/Head/Head'; @@ -42,6 +43,7 @@ export const EXAMPLES: Record React.JSX.Element> = { withCustomStyles, withLargeDocuments, withChatSlack, + withEditorFocusBlur, withCraftExample, withMigrationGuide, // withExports, @@ -118,6 +120,10 @@ const EXAMPLE_MAP: Record = { title: 'Migration Guide from v2 to v4', description: '', }, + withEditorFocusBlur: { + title: 'Example with focus/blur', + description: '', + }, }; const ExampleComponent = () => { diff --git a/web/next-example/yarn.lock b/web/next-example/yarn.lock index 1451fb3c4..272d3d3f0 100644 --- a/web/next-example/yarn.lock +++ b/web/next-example/yarn.lock @@ -1015,9 +1015,9 @@ regenerator-runtime "^0.14.0" "@babel/runtime@^7.18.6": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.5.tgz#230946857c053a36ccc66e1dd03b17dd0c4ed02c" - integrity sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g== + version "7.24.6" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.6.tgz#5b76eb89ad45e2e4a0a8db54c456251469a3358e" + integrity sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw== dependencies: regenerator-runtime "^0.14.0" @@ -1261,9 +1261,9 @@ style-mod "^4.0.0" "@codemirror/lint@^6.0.0": - version "6.7.1" - resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.7.1.tgz#bed4b3a38785678efbe683efe0e61d8ccf478d58" - integrity sha512-rELba6QJD20/bNXWP/cKTGLrwVEcpa2ViwULCV03ONcY1Je85++7sczVRUlnE4TJMjatx3IJTz6HX4NXi+moXw== + version "6.8.0" + resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.8.0.tgz#cf9067c7041c1f6c9f20bab411dac9323aab54f0" + integrity sha512-lsFofvaw0lnPRJlQylNsC4IRt/1lI4OD/yYslrSGVndOJfStc58v+8p9dgGiD90ktOfL7OhBWns1ZETYgz0EJA== dependencies: "@codemirror/state" "^6.0.0" "@codemirror/view" "^6.0.0" @@ -1372,6 +1372,14 @@ dependencies: "@floating-ui/utils" "^0.2.1" +"@floating-ui/dom@^1.0.0": + version "1.6.5" + resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.5.tgz#323f065c003f1d3ecf0ff16d2c2c4d38979f4cb9" + integrity sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw== + dependencies: + "@floating-ui/core" "^1.0.0" + "@floating-ui/utils" "^0.2.0" + "@floating-ui/dom@^1.6.1": version "1.6.3" resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.3.tgz#954e46c1dd3ad48e49db9ada7218b0985cee75ef" @@ -1387,6 +1395,13 @@ dependencies: "@floating-ui/dom" "^1.6.1" +"@floating-ui/react-dom@^2.1.0": + version "2.1.0" + resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.0.tgz#4f0e5e9920137874b2405f7d6c862873baf4beff" + integrity sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA== + dependencies: + "@floating-ui/dom" "^1.0.0" + "@floating-ui/react@^0.26.11": version "0.26.11" resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.26.11.tgz#226d3fec890de439443b62f3138ef7de052b0998" @@ -1397,11 +1412,11 @@ tabbable "^6.0.0" "@floating-ui/react@^0.26.9": - version "0.26.15" - resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.26.15.tgz#d3103a2c77923749458edb304598b37ea852ef56" - integrity sha512-WKmfLkxTwCm09Dxq4LpjL3EPbZVSp5wvnap1jmculsfnzg2Ag/pCkP+OPyjE5dFMXqX97hsLIqJehboZ5XAHXw== + version "0.26.16" + resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.26.16.tgz#3415a087f452165161c2d313d1d57e8142894679" + integrity sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow== dependencies: - "@floating-ui/react-dom" "^2.0.0" + "@floating-ui/react-dom" "^2.1.0" "@floating-ui/utils" "^0.2.0" tabbable "^6.0.0" @@ -1569,9 +1584,9 @@ "@lezer/lr" "^1.1.0" "@lezer/python@^1.1.4": - version "1.1.13" - resolved "https://registry.yarnpkg.com/@lezer/python/-/python-1.1.13.tgz#0a1cbdbbd68b588a11ceab1692e6cbb760d039c6" - integrity sha512-AdbRAtdQq94PfTNd4kqMEJhH2fqa2JdoyyqqVewY6w34w2Gi6dg2JuOtOgR21Bi0zP9r0KjSSHOUq/tP7FVT8A== + version "1.1.14" + resolved "https://registry.yarnpkg.com/@lezer/python/-/python-1.1.14.tgz#a0887086fb7645cd09ada38ed748ca1d968e6363" + integrity sha512-ykDOb2Ti24n76PJsSa4ZoDF0zH12BSw1LGfQXCYJhJyOGiFTfGaX0Du66Ze72R+u/P35U+O6I9m8TFXov1JzsA== dependencies: "@lezer/common" "^1.2.0" "@lezer/highlight" "^1.0.0" @@ -2325,28 +2340,28 @@ resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406" integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ== -"@yoopta/action-menu-list@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/action-menu-list/-/action-menu-list-4.3.1.tgz#53fab41d9a2a8a1b44351f295296559667984377" - integrity sha512-Bn3LNO3BRoMxO/qRylimogNlwkCqXybKbFCQLc1FYNgU2lYp8Nev7/CGtz+2R1epLW1Di6/FRz06Xa1MMSaR/w== +"@yoopta/action-menu-list@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/action-menu-list/-/action-menu-list-4.4.0.tgz#b3816933edb51f25762d049531e12523e4d42952" + integrity sha512-rvN25Ct4rS5fkvw4GuJYKYx3CQXPMREO5nVXlkTjF6ssojz59wWWeBk2J0UR1Dx+HEQUbFKOzBieNpn+WGLQgQ== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0" -"@yoopta/blockquote@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/blockquote/-/blockquote-4.3.1.tgz#3e1653c158ff71f633f5b8eb0d37e7bcaa1ea398" - integrity sha512-PlLVEBvk0zjkDZAeaj8ckJIcsx0/Vd/HleVK5/6t0XHQbQ63nFR+A1tbTEIemNDfHWmYdzobVs9Q/YcbRh0D4A== +"@yoopta/blockquote@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/blockquote/-/blockquote-4.4.0.tgz#50764c5cc178dc790f9a0b51dc158cbd3e15f20b" + integrity sha512-TbnO6TfXSTJFdmp+k4+51iPBsGR1/Pm8Fn455AGONywcBCG8VmxFg8ggQGNNtcmSvz4xk0b/Rm2UdkkfO0AnRA== -"@yoopta/callout@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/callout/-/callout-4.3.1.tgz#26a03761a7ad90744ec0cdfea4644f56866513e3" - integrity sha512-X55zVStiTG1vu1RfrP5inTVQnBbX71ygRloVVsyXZyqZjHb8WynqZw88hijV34D3pfFq9i6rcATpPF6nMYIPOA== +"@yoopta/callout@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/callout/-/callout-4.4.0.tgz#2a01b5ca3da3015bc951a3d60dfc96c3122b1d16" + integrity sha512-FaXDtNcRJ82EVPp8RD9XnSQVwQFbsBZ+YWJPWHpQ5tWKiBAViMcPCrORH2U1AfA9Rbqh0jxGCf1KmXrl5p2JDg== -"@yoopta/code@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/code/-/code-4.3.1.tgz#64990ffc67fa4391a10de8c1048dcbabaeae0629" - integrity sha512-P+lCErHZAe8g30ZE6CupM/WYAFHGf44iyUtp4Snn/wdsEzX1Fq9BXPeSfvaDVybFsAPDfDC2BOZ2pjflMajElA== +"@yoopta/code@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/code/-/code-4.4.0.tgz#92dbfbfc91f27e1dedd78e0ba95363e584f1d7cb" + integrity sha512-GbQiE4Gs3Zm2pbEF16jFWSbG2lOoAoOhX4wFLEw8WFPQdFVfQnBf4KOZn4y+lSsGuO3QNFabt5Q4qOgcxYDu9A== dependencies: "@codemirror/lang-angular" "^0.1.3" "@codemirror/lang-cpp" "^6.0.2" @@ -2379,10 +2394,10 @@ codemirror "^6.0.1" copy-to-clipboard "^3.3.3" -"@yoopta/editor@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/editor/-/editor-4.3.1.tgz#48ea683c6d4d8589546b8641321a1f292765dd06" - integrity sha512-H9JIqqOXekHiMsKTJ2AirogFeI61ewhvc8PrNHKcXoO1awQ9XVnGzqRKoeQHerfNn+DQINDl0qZmyguxokgrxg== +"@yoopta/editor@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/editor/-/editor-4.4.0.tgz#ce9fd8255bfdcad5b95eabac0a7931088651a445" + integrity sha512-YsdN9c3xpAcN9Y82HEeTcWX+joASqXhfJ5xdo4VMNIL3SsJ3rgz1vKznsMHp+lp+NrFGksI3Qjiiam6rDeOmqQ== dependencies: "@dnd-kit/core" "^6.1.0" "@dnd-kit/sortable" "^8.0.0" @@ -2395,76 +2410,76 @@ lodash.clonedeep "^4.5.0" slate-history "^0.100.0" -"@yoopta/embed@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/embed/-/embed-4.3.1.tgz#6e85455fd40ce5c3916206b1b09fe8d39d69f873" - integrity sha512-9HDXFdTD8rCsbWPG0/RdO6OsBKu+qByNCNowZfYyACZpRoMXWyj09KfcjOVkU8UwJlU1eXbzMjTvV70iNwugkw== +"@yoopta/embed@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/embed/-/embed-4.4.0.tgz#b17f09cb39063f9ef43edb142d853e96737a59c8" + integrity sha512-Fe2APbyw/C+jCF16Tre5LYzMAadwUOIt+pHLW8cguXfCPlbvxf8XrYSmISY3Kvj1eyV/pMwW9kG+4f9nDIa9+g== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0" re-resizable "^6.9.11" -"@yoopta/file@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/file/-/file-4.3.1.tgz#bb01ac88e2c10c6d94f36109f2c993b917491450" - integrity sha512-9VDm06ZaU+IAQLTWbXcS/tftWKPYbTB9jpdPd0R9itPEv81dqHaQdSc1+uwbV9DfSee4Atz/xSQCXMVrQ36v9Q== +"@yoopta/file@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/file/-/file-4.4.0.tgz#3eb0c489b9c045309bd2b00c664f6c02fbc1bd1d" + integrity sha512-VuhW6h07V+I7YPtVIpKJRZkq4oEwI1NlgsAXUpcuXGyLxB+lbpafjmCfldqo1U9qU+BBgoxIpXqQzQVBqHkWMg== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0" -"@yoopta/headings@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/headings/-/headings-4.3.1.tgz#39148d14e9447eec91b6770830707b9fe046e9f3" - integrity sha512-UtChe8ETxy8QB18Jfro71sgIx+4BP1IeaVIslcX4gzKdcacoo9r/sAxwXXdiqtCx8QfKfxxuLuOHk8xeVe5nxg== +"@yoopta/headings@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/headings/-/headings-4.4.0.tgz#708f89ff0ad895617822853370dfc194f8972662" + integrity sha512-eMGeAuNYBFWpGpUd0ied28TFe5WN3/xV6QJigkpb8Dux9XlqovD8yzMTL1bt+aVyJfhurnsF/3AwPoquTPcmjA== -"@yoopta/image@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/image/-/image-4.3.1.tgz#61b0453982cbe0fb8b4a880fdb402dcd0d242cab" - integrity sha512-TwrM1aHECESSRiJ4SjOUd3b2PB8o2IeZmjxgEny13LfR3vScbS48g1t0Nj9XAAgZRQxZwLvDllt3lV8Gw5TEVw== +"@yoopta/image@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/image/-/image-4.4.0.tgz#4e2208ea36e85314908caff48897692ce9f61060" + integrity sha512-q0y8S6l8tY0nrYMgmXVJjbNSZWaarHZGxbka0NwfCwrMgGRk+ohZCWjGI/uyY5ieSC4FqCXQn1udAJ2+igwndQ== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0" re-resizable "^6.9.11" -"@yoopta/link-tool@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/link-tool/-/link-tool-4.3.1.tgz#7c91eb1f1e1e4b8abb6e0fd8b6e9dba403b8398b" - integrity sha512-AENGsbg2+3C+t3ujEs9Bivvb87h1nO9O+PsE+hYpYbRADBa92OhXLv5TPLvfAw5pec9pOsbIT1Cxigt43WLxWg== +"@yoopta/link-tool@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/link-tool/-/link-tool-4.4.0.tgz#e2cd8b9bcbf806b9285f6611ac6f2d03b2fd37c2" + integrity sha512-MFXgO7/ERtRoMPA8ahdTFqy504wnGRo/s/LgG7Cd+zIDLWtzDe5QCC7waL8AeYAuu0bMJAMk+qDuZWtCa//EPQ== -"@yoopta/link@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/link/-/link-4.3.1.tgz#e8b9eb971e3fb4c62f113635cfdb3a15100e4bc5" - integrity sha512-WUuNXt0wYDD3Ltwl3eRxgKI5KMvcB+6FHOojgJAyCMp1mcNimscnR/RFTX/wW36KIsTsb+QO7cfd0xhiXJJDxA== +"@yoopta/link@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/link/-/link-4.4.0.tgz#bec1c0013df2082b98013553640308350165e81e" + integrity sha512-oY3UUTep95T6M6d4KAxzO78jBsPnAiEsIJT/j/119LyJ0bj3vC64VFFqBCPWUXc7ecuWdnMnoZGzh7Kx24TWrA== -"@yoopta/lists@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/lists/-/lists-4.3.1.tgz#9dcccb8374301bb7302c9344112925305e8f07b0" - integrity sha512-Bu58wxcg2VMPJRbBtvkbwQYENvN6qrl1J2FN0aysBXy886RUMkD38o0oXZlCsO6E/BuBmrO/1gO+AHFSVkR5DA== +"@yoopta/lists@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/lists/-/lists-4.4.0.tgz#c3371031d1db64f25d26c8c96dc85a9764effda4" + integrity sha512-S1H5IE0Z+HKxWGEGN2DS4g6K6a6t630Gs0A/WfAv451PO3eqkPzihU+xKioyV2c+ouSctkeq8iOVUWPE2/UJhw== "@yoopta/marks@^4.3.0": version "4.3.0" resolved "https://registry.yarnpkg.com/@yoopta/marks/-/marks-4.3.0.tgz#65891ab8c9e8df59f257a6e6de3489fe3bdab9ff" integrity sha512-9mhavyIMKadlcTpmFQcuqxQ+7chsnDM+yMtzeBZ5p7OrMGtQDRfc0KrSXZOwWTYC+fOgpg2JIedEvOpB2NdJqA== -"@yoopta/paragraph@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/paragraph/-/paragraph-4.3.1.tgz#6cffcda38a4d2abe9b2fb4721aac4ff4e743b116" - integrity sha512-prrw0kli6cAVUD2IDMg9Eccd5H2UH1ZsPuNFXhrgYB1j04hULzZYEDA06tOctm242oO5ombvwTZeQWzZs3puCw== +"@yoopta/paragraph@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/paragraph/-/paragraph-4.4.0.tgz#fe9408ba97fd9c1d98de6ec40928d3a87f6ca8d6" + integrity sha512-eTIERgFKrue92lHMWE68J3eNAkbTeMFpzPPuO8wfwqRsmXNfbzDv0SpCYgaYkMJk2/clwUI5FpFkdE9REttY/w== -"@yoopta/toolbar@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/toolbar/-/toolbar-4.3.1.tgz#bbd3582dc6548f4f96853381cf7140cf0a96f9a6" - integrity sha512-rbKS0yJaGKAWGNcV19YAbHgJSdyBQ551BbFOJbyoR2qzC+692cs/KUP7uLwtD05my8mutiLyqBYKdkM8DrrS+w== +"@yoopta/toolbar@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/toolbar/-/toolbar-4.4.0.tgz#3c349c88ee9c4046ddd1be8a340181b8728b089a" + integrity sha512-+Ipcf3GSrKrEGTH261/DS5VjH4pbLWVkPy2GaHLstegqZf6BQhoXXHvXlWTuv7tiKT8tY6PBrV7RblQpgKV2Ew== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0" "@radix-ui/react-toolbar" "^1.0.4" lodash.throttle "^4.1.1" -"@yoopta/video@^4.3.1": - version "4.3.1" - resolved "https://registry.yarnpkg.com/@yoopta/video/-/video-4.3.1.tgz#f2f0b73d94e00711cde1b937bd54437faf2f836b" - integrity sha512-P6IQyn3UUG8E3i4JqhG7kIzpzM9NKsuBqdLXjvFbqGHee/JEnnpyLRj1w6jUdKFHlqr6rP3sGuQsG9eLFWM0Yg== +"@yoopta/video@^4.4.0": + version "4.4.0" + resolved "https://registry.yarnpkg.com/@yoopta/video/-/video-4.4.0.tgz#ba3aa3ce6297522f85ac3addb0a7d2434e981b88" + integrity sha512-JNSNfq4fpo6voVb8LFVwgOGeaM8LhbDl6BP1i/NDx3xRCtOfmq7LbSp7hOxVUVVEtv7GbJYUB1tunYV/EH7WYA== dependencies: "@floating-ui/react" "^0.26.9" "@radix-ui/react-icons" "^1.3.0"