@soul-refiner/design-system 2.5.0-alpha.7 → 2.5.0-alpha.8

package/dist/components/editor/plugins/blocks/text.js

@@ -1,82 +1 @@
-import React from 'react';
-import { createPluginFactory, PlateElement, } from '@udecode/plate';
-import { P } from '../../../../components/atoms/typography/paragraph';
-import { H } from '../../../../components/atoms/typography/heading';
-import * as Elements from '../../constants';
-export const ParagraphElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(P, { as: "div", "$textAlign": textAlign }, children))));
-});
-export const createParagraphPlugin = createPluginFactory({
-    key: Elements.ELEMENT_PARAGRAPH,
-    type: Elements.ELEMENT_PARAGRAPH,
-    isElement: true,
-});
-export const HOneElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.One, { "$textAlign": textAlign }, children))));
-});
-export const createHOnePlugin = createPluginFactory({
-    key: Elements.ELEMENT_H1,
-    type: Elements.ELEMENT_H1,
-    isElement: true,
-});
-export const HTwoElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.Two, { "$textAlign": textAlign }, children))));
-});
-export const createHTwoPlugin = createPluginFactory({
-    key: Elements.ELEMENT_H2,
-    type: Elements.ELEMENT_H2,
-    isElement: true,
-});
-export const HThreeElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.Three, { "$textAlign": textAlign }, children))));
-});
-export const createHThreePlugin = createPluginFactory({
-    key: Elements.ELEMENT_H3,
-    type: Elements.ELEMENT_H3,
-    isElement: true,
-});
-export const HFourElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.Four, { "$textAlign": textAlign }, children))));
-});
-export const createHFourPlugin = createPluginFactory({
-    key: Elements.ELEMENT_H4,
-    type: Elements.ELEMENT_H4,
-    isElement: true,
-});
-export const HFiveElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.Five, { "$textAlign": textAlign }, children))));
-});
-export const createHFivePlugin = createPluginFactory({
-    key: Elements.ELEMENT_H5,
-    type: Elements.ELEMENT_H5,
-    isElement: true,
-});
-export const HSixElement = React.forwardRef(({ children, ...props }, ref) => {
-    const textAlign = props?.style?.textAlign;
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...props },
-        React.createElement(React.Fragment, null,
-            React.createElement(H.Six, { "$textAlign": textAlign }, children))));
-});
-export const createHSixPlugin = createPluginFactory({
-    key: Elements.ELEMENT_H6,
-    type: Elements.ELEMENT_H6,
-    isElement: true,
-});
+"use strict";var React=require("react"),plate=require("@udecode/plate"),paragraph=require("../../../atoms/typography/paragraph.js"),heading=require("../../../atoms/typography/heading.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const ParagraphElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{as:"div",$textAlign:l},e)))}),createParagraphPlugin=plate.createPluginFactory({key:plate.ELEMENT_PARAGRAPH,type:plate.ELEMENT_PARAGRAPH,isElement:!0}),HOneElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.One,{$textAlign:l},e)))}),createHOnePlugin=plate.createPluginFactory({key:plate.ELEMENT_H1,type:plate.ELEMENT_H1,isElement:!0}),HTwoElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Two,{$textAlign:l},e)))}),createHTwoPlugin=plate.createPluginFactory({key:plate.ELEMENT_H2,type:plate.ELEMENT_H2,isElement:!0}),HThreeElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Three,{$textAlign:l},e)))}),createHThreePlugin=plate.createPluginFactory({key:plate.ELEMENT_H3,type:plate.ELEMENT_H3,isElement:!0}),HFourElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Four,{$textAlign:l},e)))}),createHFourPlugin=plate.createPluginFactory({key:plate.ELEMENT_H4,type:plate.ELEMENT_H4,isElement:!0}),HFiveElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Five,{$textAlign:l},e)))}),createHFivePlugin=plate.createPluginFactory({key:plate.ELEMENT_H5,type:plate.ELEMENT_H5,isElement:!0}),HSixElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Six,{$textAlign:l},e)))}),createHSixPlugin=plate.createPluginFactory({key:plate.ELEMENT_H6,type:plate.ELEMENT_H6,isElement:!0});exports.HFiveElement=HFiveElement,exports.HFourElement=HFourElement,exports.HOneElement=HOneElement,exports.HSixElement=HSixElement,exports.HThreeElement=HThreeElement,exports.HTwoElement=HTwoElement,exports.ParagraphElement=ParagraphElement,exports.createHFivePlugin=createHFivePlugin,exports.createHFourPlugin=createHFourPlugin,exports.createHOnePlugin=createHOnePlugin,exports.createHSixPlugin=createHSixPlugin,exports.createHThreePlugin=createHThreePlugin,exports.createHTwoPlugin=createHTwoPlugin,exports.createParagraphPlugin=createParagraphPlugin;

package/dist/components/editor/plugins/blocks/video.js

@@ -1,33 +1 @@
-import React from 'react';
-import { createPluginFactory, isEditorReadOnly, PlateElement, } from '@udecode/plate';
-import { ELEMENT_H2 } from '../../constants';
-import { ELEMENT_VIDEO } from '../../constants';
-import { EditorContext } from '../../context';
-export const VideoTitleElement = React.forwardRef(function VideoTitle({ editor, element, ...props }, ref) {
-    const editable = !isEditorReadOnly(editor);
-    const { id } = element;
-    const { handleVideoClick, videoTitleLoader: VideoTitle } = React.useContext(EditorContext);
-    const handleClick = () => {
-        if (handleVideoClick && !editable) {
-            handleVideoClick(id);
-        }
-    };
-    return (React.createElement(PlateElement, { asChild: true, editor: editor, element: element, ref: ref, ...props },
-        React.createElement("div", { contentEditable: false, onClick: handleClick, style: { cursor: editable ? 'initial' : 'pointer' } },
-            React.createElement(VideoTitle, { courseMediaId: id }))));
-});
-export const createVideoTitlePlugin = createPluginFactory({
-    key: ELEMENT_VIDEO,
-    type: ELEMENT_VIDEO,
-    isElement: true,
-    isVoid: true,
-    component: VideoTitleElement,
-    then: () => ({
-        inject: {
-            props: {
-                classNames: undefined,
-                validTypes: [ELEMENT_H2],
-            },
-        },
-    }),
-});
+"use strict";var React=require("react"),plate=require("@udecode/plate"),constants=require("../../constants.js"),context=require("../../context.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const VideoTitleElement=React__default.default.forwardRef(function({editor:e,element:t,...a},l){const i=!plate.isEditorReadOnly(e),n=t["id"],{handleVideoClick:o,videoTitleLoader:d}=React__default.default.useContext(context.EditorContext);return React__default.default.createElement(plate.PlateElement,{asChild:!0,editor:e,element:t,ref:l,...a},React__default.default.createElement("div",{contentEditable:!1,onClick:()=>{o&&!i&&o(n)},style:{cursor:i?"initial":"pointer"}},React__default.default.createElement(d,{courseMediaId:n})))}),createVideoTitlePlugin=plate.createPluginFactory({key:constants.ELEMENT_VIDEO,type:constants.ELEMENT_VIDEO,isElement:!0,isVoid:!0,component:VideoTitleElement,then:()=>({inject:{props:{classNames:void 0,validTypes:[plate.ELEMENT_H2]}}})});exports.VideoTitleElement=VideoTitleElement,exports.createVideoTitlePlugin=createVideoTitlePlugin;

package/dist/components/editor/plugins/leafs/leafs.js

@@ -1,39 +1 @@
-import { createAlignPlugin, createCodePlugin, createIndentPlugin, createLineHeightPlugin, } from '@udecode/plate';
-import { createLinkPlugin } from '@udecode/plate-link';
-import { ELEMENT_PARAGRAPH } from '../../constants';
-import { ELEMENT_H1 } from '../../constants';
-import { ELEMENT_H2 } from '../../constants';
-import { ELEMENT_H3 } from '../../constants';
-import { ELEMENT_H4 } from '../../constants';
-import { ELEMENT_H5 } from '../../constants';
-import { ELEMENT_H6 } from '../../constants';
-import { LinkFloatingMenu } from './link';
-export const leafs = [
-    createAlignPlugin({
-        inject: {
-            props: {
-                validTypes: [
-                    ELEMENT_PARAGRAPH,
-                    ELEMENT_H1,
-                    ELEMENT_H2,
-                    ELEMENT_H3,
-                    ELEMENT_H4,
-                    ELEMENT_H5,
-                    ELEMENT_H6,
-                ],
-            },
-        },
-    }),
-    createIndentPlugin({
-        inject: {
-            props: {
-                validTypes: [ELEMENT_PARAGRAPH, ELEMENT_H1],
-            },
-        },
-    }),
-    createLineHeightPlugin(),
-    createCodePlugin(),
-    createLinkPlugin({
-        renderBeforeEditable: LinkFloatingMenu,
-    }),
-];
+"use strict";var plate=require("@udecode/plate"),plateLink=require("@udecode/plate-link"),link=require("./link.js");const leafs=[plate.createAlignPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1,plate.ELEMENT_H2,plate.ELEMENT_H3,plate.ELEMENT_H4,plate.ELEMENT_H5,plate.ELEMENT_H6]}}}),plate.createIndentPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1]}}}),plate.createLineHeightPlugin(),plate.createCodePlugin(),plateLink.createLinkPlugin({renderBeforeEditable:link.LinkFloatingMenu})];exports.leafs=leafs;

package/dist/components/editor/plugins/leafs/link.js

@@ -1,43 +1,10 @@
-import React from 'react';
-import { styled } from 'styled-components';
-import { FloatingLinkUrlInput, LinkOpenButton, PlateElement, useFloatingLinkEdit, useFloatingLinkEditState, useFloatingLinkInsert, useFloatingLinkInsertState, useFloatingLinkSelectors, useLink, } from '@udecode/plate';
-import { Box } from '../../../../components/atoms/box/box';
-import { AASansSerif } from '../../../../icons/basic/aa_sansserif';
-import { Link } from '../../../../icons/basic/link';
-import { Upload } from '../../../../icons/basic/upload';
-export const LinkElement = React.forwardRef(({ children, ...props }, ref) => {
-    const { props: linkProps } = useLink({ element: props.element });
-    return (React.createElement(PlateElement, { asChild: true, ref: ref, ...linkProps, ...props },
-        React.createElement("a", null, children)));
-});
-export const LinkFloatingMenu = ({ readOnly }) => {
-    const isEditing = useFloatingLinkSelectors().isEditing();
-    const state = useFloatingLinkInsertState();
-    const { props: insertProps, ref: insertRef, textInputProps, } = useFloatingLinkInsert(state);
-    const editState = useFloatingLinkEditState();
-    const { props: editProps, ref: editRef, editButtonProps, } = useFloatingLinkEdit(editState);
-    if (readOnly)
-        return null;
-    const input = (React.createElement(Box, { "$dir": "column", sx: `
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),box=require("../../../atoms/box/box.js"),aa_sansserif=require("../../../../icons/basic/aa_sansserif.js"),link=require("../../../../icons/basic/link.js"),upload=require("../../../../icons/basic/upload.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const LinkElement=React__default.default.forwardRef(({children:e,...t},a)=>{var n=plate.useLink({element:t.element})["props"];return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...n,...t},React__default.default.createElement("a",null,e))}),LinkFloatingMenu=({readOnly:e})=>{var t=plate.useFloatingLinkSelectors().isEditing(),a=plate.useFloatingLinkInsertState(),{props:a,ref:n,textInputProps:l}=plate.useFloatingLinkInsert(a),r=plate.useFloatingLinkEditState(),{props:r,ref:o,editButtonProps:u}=plate.useFloatingLinkEdit(r);return e?null:(e=React__default.default.createElement(box.Box,{$dir:"column",sx:`
         background-color: var(--color-white);
         gap: 16px;
         padding: 16px;
         border-radius: 16px;
         box-shadow: var(--elevation-2);
-      ` },
-        React.createElement(Box, { "$align": "center", "$justify": "center", "$gap": 8 },
-            React.createElement(Box, { "$align": "center", "$justify": "center" },
-                React.createElement(Link, null)),
-            React.createElement(FloatingLinkUrlInput, { style: {
-                    border: 'none',
-                    outline: 'none',
-                    padding: '8px 12px',
-                }, placeholder: "Paste link" })),
-        React.createElement(Box, { "$align": "center", "$justify": "center", "$gap": 8 },
-            React.createElement(Box, { "$align": "center", "$justify": "center" },
-                React.createElement(AASansSerif, null)),
-            React.createElement(Input, { placeholder: "Text to display", ...textInputProps }))));
-    const editContent = isEditing ? (input) : (React.createElement(Box, { "$align": "center", "$justify": "center", sx: `
+      `},React__default.default.createElement(box.Box,{$align:"center",$justify:"center",$gap:8},React__default.default.createElement(box.Box,{$align:"center",$justify:"center"},React__default.default.createElement(link.Link,null)),React__default.default.createElement(plate.FloatingLinkUrlInput,{style:{border:"none",outline:"none",padding:"8px 12px"},placeholder:"Paste link"})),React__default.default.createElement(box.Box,{$align:"center",$justify:"center",$gap:8},React__default.default.createElement(box.Box,{$align:"center",$justify:"center"},React__default.default.createElement(aa_sansserif.AASansSerif,null)),React__default.default.createElement(Input,{placeholder:"Text to display",...l}))),l=t?e:React__default.default.createElement(box.Box,{$align:"center",$justify:"center",sx:`
         box-sizing: box-content;
         background-color: var(--color-white);
         gap: 8px;
@@ -61,16 +28,8 @@ export const LinkFloatingMenu = ({ readOnly }) => {
             background-color: var(--color-grey-9);
           }
         }
-      `, "$gap": 8 },
-        React.createElement("button", { type: "button", ...editButtonProps }, "Edit link"),
-        React.createElement(LinkOpenButton, null,
-            React.createElement(Upload, null))));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: insertRef, ...insertProps }, input),
-        React.createElement("div", { ref: editRef, ...editProps }, editContent)));
-};
-const Input = styled.input `
+      `,$gap:8},React__default.default.createElement("button",{type:"button",...u},"Edit link"),React__default.default.createElement(plate.LinkOpenButton,null,React__default.default.createElement(upload.Upload,null))),React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{ref:n,...a},e),React__default.default.createElement("div",{ref:o,...r},l)))},Input=styled.styled.input`
   border: none;
   outline: none;
   padding: 8px 12px;
-`;
+`;exports.LinkElement=LinkElement,exports.LinkFloatingMenu=LinkFloatingMenu;

package/dist/components/editor/plugins/marks/marks.js

@@ -1,12 +1 @@
-import { createBoldPlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, } from '@udecode/plate';
-export const marks = [
-    createBoldPlugin(),
-    createFontBackgroundColorPlugin(),
-    createFontSizePlugin(),
-    createFontFamilyPlugin(),
-    createItalicPlugin(),
-    createStrikethroughPlugin(),
-    createSubscriptPlugin(),
-    createSuperscriptPlugin(),
-    createUnderlinePlugin(),
-];
+"use strict";var plate=require("@udecode/plate");const marks=[plate.createBoldPlugin(),plate.createFontBackgroundColorPlugin(),plate.createFontSizePlugin(),plate.createFontFamilyPlugin(),plate.createItalicPlugin(),plate.createStrikethroughPlugin(),plate.createSubscriptPlugin(),plate.createSuperscriptPlugin(),plate.createUnderlinePlugin()];exports.marks=marks;

package/dist/components/editor/plugins/plate.js

@@ -1,44 +1 @@
-import { withProps } from '@udecode/cn';
-import { PlateLeaf } from '@udecode/plate-common';
-import { LinkElement } from './leafs/link';
-import * as Elements from '../constants';
-import { BlockquoteElement } from './blocks/blockquote';
-import { Button } from './blocks/buttons';
-import { ImageElement } from './blocks/image';
-import { ListElement } from './blocks/list';
-import { TableElement } from './blocks/table';
-import { TableCellElement } from './blocks/table-cell';
-import { TableCellHeaderElement } from './blocks/table-cell';
-import { TableRowElement } from './blocks/table-row';
-import { ParagraphElement } from './blocks/text';
-import { HOneElement } from './blocks/text';
-import { HTwoElement } from './blocks/text';
-import { HThreeElement } from './blocks/text';
-import { HFourElement } from './blocks/text';
-import { HFiveElement } from './blocks/text';
-import { HSixElement } from './blocks/text';
-export const plateUI = {
-    [Elements.ELEMENT_PARAGRAPH]: ParagraphElement,
-    [Elements.ELEMENT_H1]: HOneElement,
-    [Elements.ELEMENT_H2]: HTwoElement,
-    [Elements.ELEMENT_H3]: HThreeElement,
-    [Elements.ELEMENT_H4]: HFourElement,
-    [Elements.ELEMENT_H5]: HFiveElement,
-    [Elements.ELEMENT_H6]: HSixElement,
-    [Elements.ELEMENT_BLOCKQUOTE]: BlockquoteElement,
-    [Elements.ELEMENT_LINK]: LinkElement,
-    [Elements.ELEMENT_OL]: withProps(ListElement, {
-        variant: Elements.ELEMENT_OL,
-    }),
-    [Elements.ELEMENT_UL]: withProps(ListElement, {
-        variant: Elements.ELEMENT_UL,
-    }),
-    [Elements.ELEMENT_IMAGE]: ImageElement,
-    [Elements.ELEMENT_BUTTON]: Button,
-    [Elements.ELEMENT_TABLE]: TableElement,
-    [Elements.ELEMENT_TD]: TableCellElement,
-    [Elements.ELEMENT_TH]: TableCellHeaderElement,
-    [Elements.ELEMENT_TR]: TableRowElement,
-    [Elements.MARK_SUBSCRIPT]: withProps(PlateLeaf, { as: 'sub' }),
-    [Elements.MARK_SUPERSCRIPT]: withProps(PlateLeaf, { as: 'sup' }),
-};
+"use strict";var cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common"),link=require("./leafs/link.js"),constants=require("../constants.js"),blockquote=require("./blocks/blockquote.js"),buttons=require("./blocks/buttons.js"),image=require("./blocks/image.js"),list=require("./blocks/list.js"),table=require("./blocks/table.js"),tableCell=require("./blocks/table-cell.js"),tableRow=require("./blocks/table-row.js"),text=require("./blocks/text.js"),plate=require("@udecode/plate");const plateUI={[plate.ELEMENT_PARAGRAPH]:text.ParagraphElement,[plate.ELEMENT_H1]:text.HOneElement,[plate.ELEMENT_H2]:text.HTwoElement,[plate.ELEMENT_H3]:text.HThreeElement,[plate.ELEMENT_H4]:text.HFourElement,[plate.ELEMENT_H5]:text.HFiveElement,[plate.ELEMENT_H6]:text.HSixElement,[plate.ELEMENT_BLOCKQUOTE]:blockquote.BlockquoteElement,[plate.ELEMENT_LINK]:link.LinkElement,[plate.ELEMENT_OL]:cn.withProps(list.ListElement,{variant:plate.ELEMENT_OL}),[plate.ELEMENT_UL]:cn.withProps(list.ListElement,{variant:plate.ELEMENT_UL}),[plate.ELEMENT_IMAGE]:image.ImageElement,[constants.ELEMENT_BUTTON]:buttons.Button,[plate.ELEMENT_TABLE]:table.TableElement,[plate.ELEMENT_TD]:tableCell.TableCellElement,[plate.ELEMENT_TH]:tableCell.TableCellHeaderElement,[plate.ELEMENT_TR]:tableRow.TableRowElement,[plate.MARK_SUBSCRIPT]:cn.withProps(plateCommon.PlateLeaf,{as:"sub"}),[plate.MARK_SUPERSCRIPT]:cn.withProps(plateCommon.PlateLeaf,{as:"sup"})};exports.plateUI=plateUI;

package/dist/components/editor/plugins/utils/exitBreak.js

@@ -1,36 +1 @@
-import { KEYS_HEADING } from '@udecode/plate';
-import { ELEMENT_BLOCKQUOTE } from '../../constants';
-import { ELEMENT_BUTTON } from '../../constants';
-import { ELEMENT_MEDIA } from '../../constants';
-import { ELEMENT_MEDIA_EMBED } from '../../constants';
-import { ELEMENT_OL } from '../../constants';
-import { ELEMENT_UL } from '../../constants';
-export const exitBreakPlugin = {
-    options: {
-        rules: [
-            {
-                hotkey: 'mod+enter',
-            },
-            {
-                hotkey: 'mod+shift+enter',
-                before: true,
-            },
-            {
-                hotkey: 'enter',
-                query: {
-                    start: true,
-                    end: true,
-                    allow: [
-                        ELEMENT_BLOCKQUOTE,
-                        ELEMENT_BUTTON,
-                        ELEMENT_MEDIA,
-                        ELEMENT_MEDIA_EMBED,
-                        ELEMENT_OL,
-                        ELEMENT_UL,
-                        ...KEYS_HEADING,
-                    ],
-                },
-            },
-        ],
-    },
-};
+"use strict";var plate=require("@udecode/plate"),constants=require("../../constants.js");const exitBreakPlugin={options:{rules:[{hotkey:"mod+enter"},{hotkey:"mod+shift+enter",before:!0},{hotkey:"enter",query:{start:!0,end:!0,allow:[plate.ELEMENT_BLOCKQUOTE,constants.ELEMENT_BUTTON,plate.ELEMENT_MEDIA,plate.ELEMENT_MEDIA_EMBED,plate.ELEMENT_OL,plate.ELEMENT_UL,...plate.KEYS_HEADING]}}]}};exports.exitBreakPlugin=exitBreakPlugin;

package/dist/components/editor/plugins/utils/resetBlockType.js

@@ -1,24 +1 @@
-import { isBlockAboveEmpty, isSelectionAtBlockStart } from '@udecode/plate';
-import { ELEMENT_BLOCKQUOTE } from '../../constants';
-import { ELEMENT_PARAGRAPH } from '../../constants';
-import { ELEMENT_TODO_LI } from '../../constants';
-const resetBlockTypesCommonRule = {
-    types: [ELEMENT_BLOCKQUOTE, ELEMENT_TODO_LI],
-    defaultType: ELEMENT_PARAGRAPH,
-};
-export const resetBlockTypePlugin = {
-    options: {
-        rules: [
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: 'Enter',
-                predicate: isBlockAboveEmpty,
-            },
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: 'Backspace',
-                predicate: isSelectionAtBlockStart,
-            },
-        ],
-    },
-};
+"use strict";var plate=require("@udecode/plate");const resetBlockTypesCommonRule={types:[plate.ELEMENT_BLOCKQUOTE,plate.ELEMENT_TODO_LI],defaultType:plate.ELEMENT_PARAGRAPH},resetBlockTypePlugin={options:{rules:[{...resetBlockTypesCommonRule,hotkey:"Enter",predicate:plate.isBlockAboveEmpty},{...resetBlockTypesCommonRule,hotkey:"Backspace",predicate:plate.isSelectionAtBlockStart}]}};exports.resetBlockTypePlugin=resetBlockTypePlugin;

package/dist/components/editor/plugins/utils/selectOnBackspace.js

@@ -1,8 +1 @@
-import { ELEMENT_HR } from '../../constants';
-import { ELEMENT_IMAGE } from '../../constants';
-import { ELEMENT_MEDIA_EMBED } from '../../constants';
-export const selectOnBackspace = {
-    options: {
-        query: { allow: [ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED] },
-    },
-};
+"use strict";var plate=require("@udecode/plate");const selectOnBackspace={options:{query:{allow:[plate.ELEMENT_HR,plate.ELEMENT_IMAGE,plate.ELEMENT_MEDIA_EMBED]}}};exports.selectOnBackspace=selectOnBackspace;

package/dist/components/editor/plugins/utils/softBreak.js

@@ -1,14 +1 @@
-import { ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_TD, } from '@udecode/plate';
-export const softBreakPlugin = {
-    options: {
-        rules: [
-            { hotkey: 'shift+enter' },
-            {
-                hotkey: 'enter',
-                query: {
-                    allow: [ELEMENT_CODE_BLOCK, ELEMENT_BLOCKQUOTE, ELEMENT_TD],
-                },
-            },
-        ],
-    },
-};
+"use strict";var plate=require("@udecode/plate");const softBreakPlugin={options:{rules:[{hotkey:"shift+enter"},{hotkey:"enter",query:{allow:[plate.ELEMENT_CODE_BLOCK,plate.ELEMENT_BLOCKQUOTE,plate.ELEMENT_TD]}}]}};exports.softBreakPlugin=softBreakPlugin;

package/dist/components/editor/plugins/utils/utils.js

@@ -1,12 +1 @@
-import { createResetNodePlugin, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin, } from '@udecode/plate';
-import { exitBreakPlugin } from './exitBreak';
-import { resetBlockTypePlugin } from './resetBlockType';
-import { selectOnBackspace } from './selectOnBackspace';
-import { softBreakPlugin } from './softBreak';
-export const utils = [
-    createExitBreakPlugin(exitBreakPlugin),
-    createHistoryPlugin(),
-    createResetNodePlugin(resetBlockTypePlugin),
-    createSelectOnBackspacePlugin(selectOnBackspace),
-    createSoftBreakPlugin(softBreakPlugin),
-];
+"use strict";var plate=require("@udecode/plate"),exitBreak=require("./exitBreak.js"),resetBlockType=require("./resetBlockType.js"),selectOnBackspace=require("./selectOnBackspace.js"),softBreak=require("./softBreak.js");const utils=[plate.createExitBreakPlugin(exitBreak.exitBreakPlugin),plate.createHistoryPlugin(),plate.createResetNodePlugin(resetBlockType.resetBlockTypePlugin),plate.createSelectOnBackspacePlugin(selectOnBackspace.selectOnBackspace),plate.createSoftBreakPlugin(softBreak.softBreakPlugin)];exports.utils=utils;

package/dist/components/editor/simple_editor/navbar.js

@@ -1,104 +1,4 @@
-import React from 'react';
-import { styled } from 'styled-components';
-import { insertImage, insertNode, useLinkToolbarButton, useLinkToolbarButtonState, useListToolbarButton, useListToolbarButtonState, useMarkToolbarButton, useMarkToolbarButtonState, useEditorRef, ELEMENT_PARAGRAPH, } from '@udecode/plate';
-import { Tooltip } from '../../../components/feedback/tooltip';
-import { AlignmentDropdown } from '../navbar/alignment_dropdown';
-import { StyleDropdown } from '../navbar/style_dropdown';
-import { Bold } from '../../../icons/basic/bold';
-import { Image } from '../../../icons/basic/image';
-import { Italic } from '../../../icons/basic/italic';
-import { Link } from '../../../icons/basic/link';
-import { ListOrdered } from '../../../icons/text/list_ordered';
-import { ListUnordered } from '../../../icons/text/list_unordered';
-import { Redo } from '../../../icons/arrow/redo';
-import { Underline } from '../../../icons/basic/underline';
-import { Undo } from '../../../icons/arrow/undo';
-import { ELEMENT_OL } from '../constants';
-import { ELEMENT_UL } from '../constants';
-import { MARK_BOLD } from '../constants';
-import { MARK_ITALIC } from '../constants';
-import { MARK_UNDERLINE } from '../constants';
-import { MenuButton } from '../styles/menu_button';
-export const EditorBar = ({ handleUploadImage }) => {
-    const editorRef = useEditorRef('main');
-    const imageRef = React.useRef(null);
-    const boldState = useMarkToolbarButtonState({ nodeType: MARK_BOLD });
-    const { props: { pressed: currBold, onClick: handleBold }, } = useMarkToolbarButton(boldState);
-    const italicState = useMarkToolbarButtonState({ nodeType: MARK_ITALIC });
-    const { props: { pressed: currItalic, onClick: handleItalic }, } = useMarkToolbarButton(italicState);
-    const underlineState = useMarkToolbarButtonState({
-        nodeType: MARK_UNDERLINE,
-    });
-    const { props: { pressed: currUnderline, onClick: handleUnderline }, } = useMarkToolbarButton(underlineState);
-    const linkState = useLinkToolbarButtonState();
-    const { props: { pressed: currLink, onClick: handleLink }, } = useLinkToolbarButton(linkState);
-    const orderedListState = useListToolbarButtonState({ nodeType: ELEMENT_OL });
-    const { props: { pressed: currOrderedList, onClick: handleOrderedList }, } = useListToolbarButton(orderedListState);
-    const unorderedListState = useListToolbarButtonState({
-        nodeType: ELEMENT_UL,
-    });
-    const { props: { pressed: currUnorderedList, onClick: handleUnorderedList }, } = useListToolbarButton(unorderedListState);
-    const handleImageChange = async () => {
-        const files = imageRef.current?.files;
-        if (!files)
-            return;
-        const imageurl = await handleUploadImage(files);
-        if (imageurl) {
-            insertImage(editorRef, imageurl);
-            insertNode(editorRef, {
-                type: ELEMENT_PARAGRAPH,
-                children: [{ text: ' ' }],
-            });
-        }
-    };
-    const handleRedo = () => editorRef.redo();
-    const handleUndo = () => editorRef.undo();
-    return (React.createElement(Menu, { "aria-label": "editor-navigation" },
-        React.createElement(MenuSection, null,
-            React.createElement(Tooltip, { content: "Undo", place: "top" },
-                React.createElement(MenuButton, { "$active": false, onClick: handleUndo },
-                    React.createElement(Undo, { size: 24, color: "grey-5" }))),
-            React.createElement(Tooltip, { content: "Redo", place: "top" },
-                React.createElement(MenuButton, { "$active": false, onClick: handleRedo },
-                    React.createElement(Redo, { size: 24, color: "grey-5" })))),
-        React.createElement(Divider, null),
-        React.createElement(MenuSection, null,
-            React.createElement(StyleDropdown, { editorRef: editorRef })),
-        React.createElement(Divider, null),
-        React.createElement(MenuSection, null,
-            React.createElement(MenuButton, { "$active": false, as: "div" },
-                React.createElement(AlignmentDropdown, { editorRef: editorRef }))),
-        React.createElement(Divider, null),
-        React.createElement(MenuSection, null,
-            React.createElement(Tooltip, { content: "Bold", place: "top" },
-                React.createElement(MenuButton, { "$active": currBold, onClick: handleBold },
-                    React.createElement(Bold, { size: 24, color: "grey-5" }))),
-            React.createElement(Tooltip, { content: "Italic", place: "top" },
-                React.createElement(MenuButton, { "$active": currItalic, onClick: handleItalic },
-                    React.createElement(Italic, { size: 24, color: "grey-5" }))),
-            React.createElement(Tooltip, { content: "Underline", place: "top" },
-                React.createElement(MenuButton, { "$active": currUnderline, onClick: handleUnderline },
-                    React.createElement(Underline, { size: 24, color: "grey-5" })))),
-        React.createElement(Divider, null),
-        React.createElement(MenuSection, null,
-            React.createElement(Tooltip, { content: "Link", place: "top" },
-                React.createElement(MenuButton, { "$active": currLink, onClick: handleLink },
-                    React.createElement(Link, { size: 24, color: "grey-5" }))),
-            React.createElement(Tooltip, { content: "Image", place: "top" },
-                React.createElement(MenuButton, { "$active": false, as: "label", onChange: handleImageChange },
-                    React.createElement("div", null,
-                        React.createElement("input", { accept: "image/*", ref: imageRef, style: { display: 'none' }, type: "file" }),
-                        React.createElement(Image, { size: 24, color: "grey-5" }))))),
-        React.createElement(Divider, null),
-        React.createElement(MenuSection, null,
-            React.createElement(Tooltip, { content: "Unordered List", place: "top" },
-                React.createElement(MenuButton, { "$active": currUnorderedList, onClick: handleUnorderedList },
-                    React.createElement(ListUnordered, { size: 24, color: "grey-5" }))),
-            React.createElement(Tooltip, { content: "Ordered List", place: "top" },
-                React.createElement(MenuButton, { "$active": currOrderedList, onClick: handleOrderedList },
-                    React.createElement(ListOrdered, { size: 24, color: "grey-5" }))))));
-};
-const Menu = styled.nav `
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),tooltip=require("../../feedback/tooltip/tooltip.js"),alignment_dropdown=require("../navbar/alignment_dropdown.js"),style_dropdown=require("../navbar/style_dropdown.js"),bold=require("../../../icons/basic/bold.js"),image=require("../../../icons/basic/image.js"),italic=require("../../../icons/basic/italic.js"),link=require("../../../icons/basic/link.js"),list_ordered=require("../../../icons/text/list_ordered.js"),list_unordered=require("../../../icons/text/list_unordered.js"),redo=require("../../../icons/arrow/redo.js"),underline=require("../../../icons/basic/underline.js"),undo=require("../../../icons/arrow/undo.js"),menu_button=require("../styles/menu_button.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorBar=({handleUploadImage:t})=>{const a=plate.useEditorRef("main"),l=React__default.default.useRef(null);var e=plate.useMarkToolbarButtonState({nodeType:plate.MARK_BOLD}),{pressed:e,onClick:o}=plate.useMarkToolbarButton(e)["props"],n=plate.useMarkToolbarButtonState({nodeType:plate.MARK_ITALIC}),{pressed:n,onClick:u}=plate.useMarkToolbarButton(n)["props"],r=plate.useMarkToolbarButtonState({nodeType:plate.MARK_UNDERLINE}),{pressed:r,onClick:d}=plate.useMarkToolbarButton(r)["props"],c=plate.useLinkToolbarButtonState(),{pressed:c,onClick:i}=plate.useLinkToolbarButton(c)["props"],_=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_OL}),{pressed:_,onClick:p}=plate.useListToolbarButton(_)["props"],s=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_UL}),{pressed:s,onClick:f}=plate.useListToolbarButton(s)["props"];return React__default.default.createElement(Menu,{"aria-label":"editor-navigation"},React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Undo",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,onClick:()=>a.undo()},React__default.default.createElement(undo.Undo,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Redo",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,onClick:()=>a.redo()},React__default.default.createElement(redo.Redo,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(style_dropdown.StyleDropdown,{editorRef:a})),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(menu_button.MenuButton,{$active:!1,as:"div"},React__default.default.createElement(alignment_dropdown.AlignmentDropdown,{editorRef:a}))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Bold",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:e,onClick:o},React__default.default.createElement(bold.Bold,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Italic",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:n,onClick:u},React__default.default.createElement(italic.Italic,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Underline",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:r,onClick:d},React__default.default.createElement(underline.Underline,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Link",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:c,onClick:i},React__default.default.createElement(link.Link,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Image",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,as:"label",onChange:async()=>{var e=l.current?.files;e&&(e=await t(e))&&(plate.insertImage(a,e),plate.insertNode(a,{type:plate.ELEMENT_PARAGRAPH,children:[{text:" "}]}))}},React__default.default.createElement("div",null,React__default.default.createElement("input",{accept:"image/*",ref:l,style:{display:"none"},type:"file"}),React__default.default.createElement(image.Image,{size:24,color:"grey-5"}))))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Unordered List",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:s,onClick:f},React__default.default.createElement(list_unordered.ListUnordered,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Ordered List",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:_,onClick:p},React__default.default.createElement(list_ordered.ListOrdered,{size:24,color:"grey-5"})))))},Menu=styled.styled.nav`
   display: flex;
   gap: 12px;
   justify-content: center;
@@ -109,16 +9,14 @@ const Menu = styled.nav `
   box-sizing: border-box;
   border-radius: 8px 8px 0px 0px;
   box-shadow: var(--elevation-1);
-`;
-const MenuSection = styled.div `
+`,MenuSection=styled.styled.div`
   display: flex;
   gap: 16px;
   align-items: center;
   width: fit-content;
   flex-shrink: 0;
-`;
-const Divider = styled.div `
+`,Divider=styled.styled.div`
   width: 1px;
   height: 28px;
   background-color: var(--color-grey-9);
-`;
+`;exports.EditorBar=EditorBar;