@toptal/picasso 19.1.1 → 19.4.0

package/RichTextEditor/hooks/useOnFocus/useOnFocus.d.ts

@@ -0,0 +1,16 @@
+import { ActionsType } from '../../store';
+declare type Props = {
+    autoFocus: boolean;
+    editorRef: React.RefObject<HTMLDivElement>;
+    toolbarRef: React.RefObject<HTMLDivElement>;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    onFocus: () => void;
+    onBlur: () => void;
+    dispatch: React.Dispatch<ActionsType>;
+};
+declare const useOnFocus: ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }: Props) => {
+    isEditorFocused: boolean;
+    handleFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLDivElement>) => void;
+};
+export default useOnFocus;

package/RichTextEditor/hooks/useOnFocus/useOnFocus.js

@@ -0,0 +1,44 @@
+import { useCallback, useState } from 'react';
+import { actions as toolbarActions } from '../../store/toolbar';
+const useOnFocus = ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }) => {
+    const [isEditorFocused, setIsEditorFocused] = useState(autoFocus);
+    const handleFocus = useCallback((e) => {
+        console.log('focus');
+        if (!editorRef.current || !toolbarRef.current || !wrapperRef) {
+            return;
+        }
+        toolbarActions.setDisabled(dispatch)(false);
+        const focusElement = e.target;
+        const isFocusElementInToolbar = toolbarRef.current.contains(focusElement);
+        if (isFocusElementInToolbar) {
+            return;
+        }
+        setIsEditorFocused(true);
+        onFocus();
+    }, [dispatch, onFocus, editorRef, toolbarRef, wrapperRef]);
+    const handleBlur = useCallback((e) => {
+        if (!toolbarRef.current || !editorRef.current) {
+            return;
+        }
+        const focusElement = e.relatedTarget;
+        const isFocusElementInToolbar = toolbarRef.current.contains(focusElement);
+        const isFocusElementInEditor = editorRef.current.contains(focusElement);
+        const isFocusElementWrapper = wrapperRef.current === focusElement;
+        if (isFocusElementInToolbar ||
+            isFocusElementInEditor ||
+            isFocusElementWrapper) {
+            return;
+        }
+        toolbarActions.setDisabled(dispatch)(true);
+        toolbarActions.resetFormat(dispatch)();
+        setIsEditorFocused(false);
+        onBlur();
+    }, [dispatch, onBlur, toolbarRef, editorRef, wrapperRef]);
+    return {
+        isEditorFocused,
+        handleFocus,
+        handleBlur
+    };
+};
+export default useOnFocus;
+//# sourceMappingURL=useOnFocus.js.map

package/RichTextEditor/hooks/useOnFocus/useOnFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnFocus.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnFocus/useOnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACF,EAAE,EAAE;IACV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACtC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACpB,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YAC5D,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;QAE3C,MAAM,YAAY,GAAG,CAAC,CAAC,MAAc,CAAA;QACrC,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QAEzE,IAAI,uBAAuB,EAAE;YAC3B,OAAM;SACP;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAExB,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAM;SACP;QAED,MAAM,YAAY,GAAG,CAAC,CAAC,aAAqB,CAAA;QAE5C,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACvE,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,KAAK,YAAY,CAAA;QAEjE,IACE,uBAAuB;YACvB,sBAAsB;YACtB,qBAAqB,EACrB;YACA,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;QAE1C,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAA;QAEtC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAEzB,MAAM,EAAE,CAAA;IACV,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CACtD,CAAA;IAED,OAAO;QACL,eAAe;QACf,WAAW;QACX,UAAU;KACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/RichTextEditor/hooks/useOnSelectionChange/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useOnSelectionChange';

package/RichTextEditor/hooks/useOnSelectionChange/index.js

@@ -0,0 +1,2 @@
+export { default } from './useOnSelectionChange';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/useOnSelectionChange/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnSelectionChange/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}

package/RichTextEditor/hooks/useOnSelectionChange/useOnSelectionChange.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch } from 'react';
+import { FormatType as EditorFormatType } from '../../../QuillEditor';
+import { ActionsType } from '../../store';
+declare type Props = {
+    dispatch: Dispatch<ActionsType>;
+};
+declare const useOnSelectionChange: ({ dispatch }: Props) => {
+    handleSelectionChange: (editorFormat: EditorFormatType) => void;
+};
+export default useOnSelectionChange;

package/RichTextEditor/hooks/useOnSelectionChange/useOnSelectionChange.js

@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+import { actions as toolbarActions } from '../../store/toolbar';
+import { getToolbarFormatFromEditorFormat } from '../../utils/convertFormat';
+const useOnSelectionChange = ({ dispatch }) => {
+    const handleSelectionChange = useCallback((editorFormat) => {
+        const { bold, italic, header, list } = getToolbarFormatFromEditorFormat(editorFormat);
+        toolbarActions.setBold(dispatch)(bold);
+        toolbarActions.setItalic(dispatch)(italic);
+        toolbarActions.setHeader(dispatch)(header);
+        toolbarActions.setList(dispatch)(list);
+    }, [dispatch]);
+    return { handleSelectionChange };
+};
+export default useOnSelectionChange;
+//# sourceMappingURL=useOnSelectionChange.js.map

package/RichTextEditor/hooks/useOnSelectionChange/useOnSelectionChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnSelectionChange.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnSelectionChange/useOnSelectionChange.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAM5E,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IACnD,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,YAA8B,EAAE,EAAE;QACjC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,gCAAgC,CACrE,YAAY,CACb,CAAA;QAED,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;QACtC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;QAC1C,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;QAC1C,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/RichTextEditor/hooks/useOnTextFormat/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useOnTextFormat';

package/RichTextEditor/hooks/useOnTextFormat/index.js

@@ -0,0 +1,2 @@
+export { default } from './useOnTextFormat';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/useOnTextFormat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnTextFormat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch } from 'react';
+import { ActionsType } from '../../store';
+import { TextFormatHandlerEvent } from '../../../QuillEditor';
+declare type Props = {
+    dispatch: Dispatch<ActionsType>;
+};
+declare const useOnTextFormat: ({ dispatch }: Props) => {
+    handleTextFormat: (e: TextFormatHandlerEvent) => void;
+};
+export default useOnTextFormat;

package/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.js

@@ -0,0 +1,30 @@
+import { useCallback } from 'react';
+import { actions as toolbarActions } from '../../store/toolbar';
+import { convertBoldFromEditorValue, convertItalicFromEditorValue, convertListFromEditorValue, convertHeaderFromEditorValue } from '../../utils/convertFormat';
+const useOnTextFormat = ({ dispatch }) => {
+    const handleTextFormat = useCallback((e) => {
+        switch (e.formatName) {
+            case 'bold': {
+                const boldValue = convertBoldFromEditorValue(e.value);
+                return toolbarActions.setBold(dispatch)(boldValue);
+            }
+            case 'italic': {
+                const italicValue = convertItalicFromEditorValue(e.value);
+                return toolbarActions.setItalic(dispatch)(italicValue);
+            }
+            case 'list': {
+                const listValue = convertListFromEditorValue(e.value);
+                return toolbarActions.setList(dispatch)(listValue);
+            }
+            case 'header': {
+                const headerValue = convertHeaderFromEditorValue(e.value);
+                return toolbarActions.setHeader(dispatch)(headerValue);
+            }
+            default:
+                throw Error(`TextEditor - useOnTextFormat is not implemented for ${e}`);
+        }
+    }, [dispatch]);
+    return { handleTextFormat };
+};
+export default useOnTextFormat;
+//# sourceMappingURL=useOnTextFormat.js.map

package/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnTextFormat.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,2BAA2B,CAAA;AAMlC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAAyB,EAAE,EAAE;QAC5B,QAAQ,CAAC,CAAC,UAAU,EAAE;YACpB,KAAK,MAAM,CAAC,CAAC;gBACX,MAAM,SAAS,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAErD,OAAO,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;aACnD;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,MAAM,WAAW,GAAG,4BAA4B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAEzD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;aACvD;YACD,KAAK,MAAM,CAAC,CAAC;gBACX,MAAM,SAAS,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAErD,OAAO,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;aACnD;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,MAAM,WAAW,GAAG,4BAA4B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAEzD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;aACvD;YACD;gBACE,MAAM,KAAK,CACT,uDAAuD,CAAC,EAAE,CAC3D,CAAA;SACJ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC7B,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/RichTextEditor/hooks/useTextEditorState/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useTextEditorState';

package/RichTextEditor/hooks/useTextEditorState/index.js

@@ -0,0 +1,2 @@
+export { default } from './useTextEditorState';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/useTextEditorState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTextEditorState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.d.ts

@@ -0,0 +1,7 @@
+declare const useTextEditorState: () => {
+    state: {
+        toolbar: import("../../store/toolbar").ToolbarStateType;
+    };
+    dispatch: import("react").Dispatch<import("../../store/toolbar").ToolbarActionsType>;
+};
+export default useTextEditorState;

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.js

@@ -0,0 +1,8 @@
+import { useReducer } from 'react';
+import { combinedReducers, initialState } from '../../store';
+const useTextEditorState = () => {
+    const [state, dispatch] = useReducer(combinedReducers, initialState);
+    return { state, dispatch };
+};
+export default useTextEditorState;
+//# sourceMappingURL=useTextEditorState.js.map

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextEditorState.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTextEditorState/useTextEditorState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE5D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAA;IAEpE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AAC5B,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/RichTextEditor/hooks/useToolbarHandlers/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useToolbarHandlers';

package/RichTextEditor/hooks/useToolbarHandlers/index.js

@@ -0,0 +1,2 @@
+export { default } from './useToolbarHandlers';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/useToolbarHandlers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useToolbarHandlers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.d.ts

@@ -0,0 +1,16 @@
+import { TextFormatHandler } from '../../../QuillEditor';
+import { SelectOnChangeHandler, ButtonHandlerType } from '../../../RichTextEditorToolbar';
+import { FormatType } from '../../store/toolbar';
+declare type Props = {
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    handleTextFormat: TextFormatHandler;
+    format: FormatType;
+};
+declare const useToolbarHandlers: ({ editorRef, handleTextFormat, format }: Props) => {
+    handleBold: ButtonHandlerType;
+    handleItalic: ButtonHandlerType;
+    handleOrdered: ButtonHandlerType;
+    handleUnordered: ButtonHandlerType;
+    handleHeader: SelectOnChangeHandler;
+};
+export default useToolbarHandlers;

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.js

@@ -0,0 +1,61 @@
+import { useCallback } from 'react';
+import { CUSTOM_QUILL_EDITOR_FORMAT_EVENT } from '../../../QuillEditor';
+import { convertHeaderToEditorValue } from '../../utils/convertFormat';
+const useToolbarHandlers = ({ editorRef, handleTextFormat, format }) => {
+    const sendFormatEvent = useCallback((detail) => {
+        var _a;
+        const formatEvent = new CustomEvent(CUSTOM_QUILL_EDITOR_FORMAT_EVENT, {
+            detail
+        });
+        (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(formatEvent);
+    }, [editorRef]);
+    const handleBold = () => {
+        const bold = !format.bold;
+        sendFormatEvent({ bold });
+        handleTextFormat({
+            formatName: 'bold',
+            value: bold
+        });
+    };
+    const handleItalic = () => {
+        const italic = !format.italic;
+        sendFormatEvent({ italic });
+        handleTextFormat({
+            formatName: 'italic',
+            value: italic
+        });
+    };
+    const handleOrdered = () => {
+        const list = format.list === 'ordered' ? undefined : 'ordered';
+        sendFormatEvent({ list });
+        handleTextFormat({
+            formatName: 'list',
+            value: list
+        });
+    };
+    const handleUnordered = () => {
+        const list = format.list === 'bullet' ? undefined : 'bullet';
+        sendFormatEvent({ list });
+        handleTextFormat({
+            formatName: 'list',
+            value: list
+        });
+    };
+    const handleHeader = event => {
+        const header = convertHeaderToEditorValue(event.target.value);
+        sendFormatEvent(header ? { header, bold: false, italic: false } : { header });
+        handleTextFormat({
+            formatName: 'header',
+            value: header
+        });
+    };
+    return {
+        handleBold,
+        handleItalic,
+        handleOrdered,
+        handleUnordered,
+        handleHeader
+    };
+};
+export default useToolbarHandlers;
+//# sourceMappingURL=useToolbarHandlers.js.map

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarHandlers.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAEL,gCAAgC,EAEjC,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAQtE,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAS,EAAE,EAAE;IAC5E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAiC,EAAE,EAAE;;QACpC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,gCAAgC,EAAE;YACpE,MAAM;SACP,CAAC,CAAA;QAEF,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,UAAU,GAAsB,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAA;QAEzB,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAAsB,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC,MAAM,CAAA;QAE7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;QAC3B,gBAAgB,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,MAAM;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,aAAa,GAAsB,GAAG,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;QAE9D,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAsB,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAA;QAE5D,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAA0B,KAAK,CAAC,EAAE;QAClD,MAAM,MAAM,GAAG,0BAA0B,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE7D,eAAe,CACb,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAC7D,CAAA;QACD,gBAAgB,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,MAAM;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,YAAY;QACZ,aAAa;QACb,eAAe;QACf,YAAY;KACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/RichTextEditor/index.d.ts

@@ -0,0 +1,7 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import { Props } from './RichTextEditor';
+import { FormatType, HeaderValue } from './store/toolbar';
+export { default } from './RichTextEditor';
+export type { FormatType, HeaderValue };
+export * from './types';
+export declare type RichTextEditorProps = OmitInternalProps<Props>;

package/RichTextEditor/index.js

@@ -0,0 +1,3 @@
+export { default } from './RichTextEditor';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RichTextEditor/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,cAAc,SAAS,CAAA"}

package/RichTextEditor/store/index.d.ts

@@ -0,0 +1,9 @@
+import * as toolbarStore from './toolbar';
+import { StateType, ActionsType } from './types';
+export * from './types';
+export declare const combinedReducers: (state: StateType, action: ActionsType) => {
+    toolbar: toolbarStore.ToolbarStateType;
+};
+export declare const initialState: {
+    toolbar: toolbarStore.ToolbarStateType;
+};

package/RichTextEditor/store/index.js

@@ -0,0 +1,11 @@
+import * as toolbarStore from './toolbar';
+export * from './types';
+export const combinedReducers = (state, action) => {
+    return {
+        toolbar: toolbarStore.reducer(state.toolbar, action)
+    };
+};
+export const initialState = {
+    toolbar: toolbarStore.initialState
+};
+//# sourceMappingURL=index.js.map

package/RichTextEditor/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RichTextEditor/store/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,WAAW,CAAA;AAGzC,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAE,MAAmB,EAAE,EAAE;IACxE,OAAO;QACL,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC;KACrD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,YAAY,CAAC,YAAY;CACnC,CAAA"}

package/RichTextEditor/store/toolbar/actionTypes.d.ts

@@ -0,0 +1,9 @@
+declare const actionTypes: {
+    readonly bold: "TOOLBAR/SET_BOLD";
+    readonly header: "TOOLBAR/SET_HEADER";
+    readonly italic: "TOOLBAR/SET_ITALIC";
+    readonly list: "TOOLBAR/SET_LIST";
+    readonly disabled: "TOOLBAR/SET_DISABLED";
+    readonly resetFormat: "TOOLBAR/RESET_FORMAT";
+};
+export default actionTypes;

package/RichTextEditor/store/toolbar/actionTypes.js

@@ -0,0 +1,10 @@
+const actionTypes = {
+    bold: 'TOOLBAR/SET_BOLD',
+    header: 'TOOLBAR/SET_HEADER',
+    italic: 'TOOLBAR/SET_ITALIC',
+    list: 'TOOLBAR/SET_LIST',
+    disabled: 'TOOLBAR/SET_DISABLED',
+    resetFormat: 'TOOLBAR/RESET_FORMAT'
+};
+export default actionTypes;
+//# sourceMappingURL=actionTypes.js.map

package/RichTextEditor/store/toolbar/actionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actionTypes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE,kBAAkB;IACxB,QAAQ,EAAE,sBAAsB;IAChC,WAAW,EAAE,sBAAsB;CAC3B,CAAA;AAEV,eAAe,WAAW,CAAA"}

package/RichTextEditor/store/toolbar/actions.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch } from 'react';
+import { SetBoldActionType, SetHeaderActionType, SetItalicActionType, SetListActionType, SetDisabled, ResetFormatType } from './types';
+declare const actions: {
+    setBold: (dispatch: Dispatch<SetBoldActionType>) => (payload: SetBoldActionType['payload']) => void;
+    setItalic: (dispatch: Dispatch<SetItalicActionType>) => (payload: SetItalicActionType['payload']) => void;
+    setHeader: (dispatch: Dispatch<SetHeaderActionType>) => (payload: SetHeaderActionType['payload']) => void;
+    setList: (dispatch: Dispatch<SetListActionType>) => (payload: SetListActionType['payload']) => void;
+    setDisabled: (dispatch: Dispatch<SetDisabled>) => (payload: boolean) => void;
+    resetFormat: (dispatch: Dispatch<ResetFormatType>) => () => void;
+};
+export default actions;

package/RichTextEditor/store/toolbar/actions.js

@@ -0,0 +1,17 @@
+import actionTypes from './actionTypes';
+const setBold = (dispatch) => (payload) => dispatch({ type: actionTypes.bold, payload });
+const setItalic = (dispatch) => (payload) => dispatch({ type: actionTypes.italic, payload });
+const setHeader = (dispatch) => (payload) => dispatch({ type: actionTypes.header, payload });
+const setList = (dispatch) => (payload) => dispatch({ type: actionTypes.list, payload });
+const setDisabled = (dispatch) => (payload) => dispatch({ type: actionTypes.disabled, payload });
+const resetFormat = (dispatch) => () => dispatch({ type: actionTypes.resetFormat });
+const actions = {
+    setBold,
+    setItalic,
+    setHeader,
+    setList,
+    setDisabled,
+    resetFormat
+};
+export default actions;
+//# sourceMappingURL=actions.js.map

package/RichTextEditor/store/toolbar/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actions.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAA;AAUvC,MAAM,OAAO,GAAG,CAAC,QAAqC,EAAE,EAAE,CAAC,CACzD,OAAqC,EACrC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAElD,MAAM,SAAS,GAAG,CAAC,QAAuC,EAAE,EAAE,CAAC,CAC7D,OAAuC,EACvC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEpD,MAAM,SAAS,GAAG,CAAC,QAAuC,EAAE,EAAE,CAAC,CAC7D,OAAuC,EACvC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEpD,MAAM,OAAO,GAAG,CAAC,QAAqC,EAAE,EAAE,CAAC,CACzD,OAAqC,EACrC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAElD,MAAM,WAAW,GAAG,CAAC,QAA+B,EAAE,EAAE,CAAC,CAAC,OAAgB,EAAE,EAAE,CAC5E,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,WAAW,GAAG,CAAC,QAAmC,EAAE,EAAE,CAAC,GAAG,EAAE,CAChE,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,OAAO;IACP,SAAS;IACT,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;CACZ,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import actions from './actions';
+import reducer from './reducer';
+import initialState from './initialState';
+import actionTypes from './actionTypes';
+export * from './types';
+export { actions, actionTypes, reducer, initialState };

package/RichTextEditor/store/toolbar/index.js

@@ -0,0 +1,7 @@
+import actions from './actions';
+import reducer from './reducer';
+import initialState from './initialState';
+import actionTypes from './actionTypes';
+export * from './types';
+export { actions, actionTypes, reducer, initialState };
+//# sourceMappingURL=index.js.map

package/RichTextEditor/store/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/RichTextEditor/store/toolbar/initialState.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarStateType } from './types';
+declare const initialState: ToolbarStateType;
+export default initialState;

package/RichTextEditor/store/toolbar/initialState.js

@@ -0,0 +1,11 @@
+const initialState = {
+    format: {
+        bold: false,
+        header: '',
+        italic: false,
+        list: false
+    },
+    disabled: true
+};
+export default initialState;
+//# sourceMappingURL=initialState.js.map

package/RichTextEditor/store/toolbar/initialState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialState.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/initialState.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAqB;IACrC,MAAM,EAAE;QACN,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;KACZ;IACD,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,eAAe,YAAY,CAAA"}

package/RichTextEditor/store/toolbar/reducer.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarReducerType } from './types';
+declare const reducer: ToolbarReducerType;
+export default reducer;

package/RichTextEditor/store/toolbar/reducer.js

@@ -0,0 +1,22 @@
+import actionTypes from './actionTypes';
+import initialState from './initialState';
+const reducer = (state = initialState, action) => {
+    switch (action.type) {
+        case actionTypes.bold:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { bold: action.payload }) });
+        case actionTypes.italic:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { italic: action.payload }) });
+        case actionTypes.header:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { header: action.payload }) });
+        case actionTypes.list:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { list: action.payload }) });
+        case actionTypes.disabled:
+            return Object.assign(Object.assign({}, state), { disabled: action.payload });
+        case actionTypes.resetFormat:
+            return Object.assign(Object.assign({}, state), { format: initialState.format });
+        default:
+            return state;
+    }
+};
+export default reducer;
+//# sourceMappingURL=reducer.js.map

package/RichTextEditor/store/toolbar/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,OAAO,GAAuB,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAE,EAAE;IACnE,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QAEH,KAAK,WAAW,CAAC,QAAQ;YACvB,uCACK,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IACzB;QAEH,KAAK,WAAW,CAAC,WAAW;YAC1B,uCACK,KAAK,KACR,MAAM,EAAE,YAAY,CAAC,MAAM,IAC5B;QAEH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/types.d.ts

@@ -0,0 +1,40 @@
+import actionTypes from './actionTypes';
+export declare type HeaderValue = '3' | '';
+export declare type BoldValue = boolean;
+export declare type ItalicValue = boolean;
+export declare type ListValue = 'bullet' | 'ordered' | false;
+export declare type FormatType = {
+    bold: BoldValue;
+    italic: ItalicValue;
+    list: ListValue;
+    header: HeaderValue;
+};
+export declare type ToolbarStateType = {
+    format: FormatType;
+    disabled: boolean;
+};
+export declare type SetBoldActionType = {
+    type: typeof actionTypes.bold;
+    payload: ToolbarStateType['format']['bold'];
+};
+export declare type SetItalicActionType = {
+    type: typeof actionTypes.italic;
+    payload: ToolbarStateType['format']['italic'];
+};
+export declare type SetListActionType = {
+    type: typeof actionTypes.list;
+    payload: ToolbarStateType['format']['list'];
+};
+export declare type SetHeaderActionType = {
+    type: typeof actionTypes.header;
+    payload: ToolbarStateType['format']['header'];
+};
+export declare type SetDisabled = {
+    type: typeof actionTypes.disabled;
+    payload: boolean;
+};
+export declare type ResetFormatType = {
+    type: typeof actionTypes.resetFormat;
+};
+export declare type ToolbarActionsType = SetBoldActionType | SetItalicActionType | SetListActionType | SetHeaderActionType | SetDisabled | ResetFormatType;
+export declare type ToolbarReducerType = (state: ToolbarStateType | undefined, action: ToolbarActionsType) => ToolbarStateType;

package/RichTextEditor/store/toolbar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/RichTextEditor/store/toolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/types.ts"],"names":[],"mappings":""}

package/RichTextEditor/store/types.d.ts

@@ -0,0 +1,5 @@
+import { ToolbarStateType, ToolbarActionsType } from './toolbar/types';
+export declare type StateType = {
+    toolbar: ToolbarStateType;
+};
+export declare type ActionsType = ToolbarActionsType;

package/RichTextEditor/store/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/RichTextEditor/store/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/RichTextEditor/store/types.ts"],"names":[],"mappings":""}

package/RichTextEditor/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "focused" | "editorWrapper">;
+export default _default;

package/RichTextEditor/styles.js

@@ -0,0 +1,23 @@
+import { outline } from '@toptal/picasso-shared';
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, sizes }) => createStyles({
+    editorWrapper: {
+        position: 'relative',
+        borderRadius: sizes.borderRadius.small,
+        border: `1px solid ${palette.grey.light2}`,
+        padding: '0.5em',
+        '&:hover:not($disabled):not($error)': {
+            borderColor: palette.grey.main2
+        }
+    },
+    disabled: {
+        pointerEvents: 'none',
+        background: palette.grey.lighter,
+        border: `1px solid ${palette.grey.lighter2}`
+    },
+    error: {
+        borderColor: palette.red.main
+    },
+    focused: Object.assign({ borderColor: palette.grey.main2 }, outline(palette.primary.main))
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1C,OAAO,EAAE,OAAO;QAEhB,oCAAoC,EAAE;YACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAChC;KACF;IAED,QAAQ,EAAE;QACR,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;QAChC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KAC7C;IAED,KAAK,EAAE;QACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAC9B;IAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;CACF,CAAC,CAAA"}

package/RichTextEditor/types.d.ts

@@ -0,0 +1,2 @@
+import { ChangeHandler } from '../QuillEditor';
+export declare type RichTextEditorChangeHandler = ChangeHandler;

package/RichTextEditor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/RichTextEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/RichTextEditor/types.ts"],"names":[],"mappings":""}

package/RichTextEditor/utils/convertFormat.d.ts

@@ -0,0 +1,8 @@
+import { FormatType as EditorFormatType, BoldValue as EditorBoldValue, ItalicValue as EditorItalicValue, ListValue as EditorListValue, HeaderValue as EditorHeaderValue } from '../../QuillEditor';
+import { FormatType as ToolbarFormatType, HeaderValue } from '../store/toolbar';
+export declare const convertBoldFromEditorValue: (bold: EditorBoldValue) => boolean;
+export declare const convertItalicFromEditorValue: (italic: EditorItalicValue) => boolean;
+export declare const convertListFromEditorValue: (list: EditorListValue) => false | "bullet" | "ordered";
+export declare const convertHeaderFromEditorValue: (header: EditorHeaderValue) => "" | "3";
+export declare const getToolbarFormatFromEditorFormat: (format: EditorFormatType) => ToolbarFormatType;
+export declare const convertHeaderToEditorValue: (header: HeaderValue) => EditorHeaderValue;