@scottjgilbert/lexical-blog-editor 0.1.4 → 1.0.0-beta.2

package/build/plugins/TablePlugin.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode, } from '@lexical/table';
-import { createContext, useContext, useEffect, useMemo, useState } from 'react';
-import Button from '../ui/Button';
-import { DialogActions } from '../ui/Dialog';
-import TextInput from '../ui/TextInput';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode, } from "@lexical/table";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import Button from "../ui/Button";
+import { DialogActions } from "../ui/Dialog";
+import TextInput from "../ui/TextInput";
 export const CellContext = createContext({
     cellEditorConfig: null,
     cellEditorPlugins: null,
@@ -26,8 +27,8 @@ export function TableContext({ children }) {
         }), [contextValue.cellEditorConfig, contextValue.cellEditorPlugins]), children: children }));
 }
 export function InsertTableDialog({ activeEditor, onClose, }) {
-    const [rows, setRows] = useState('5');
-    const [columns, setColumns] = useState('5');
+    const [rows, setRows] = useState("5");
+    const [columns, setColumns] = useState("5");
     const [isDisabled, setIsDisabled] = useState(true);
     useEffect(() => {
         const row = Number(rows);
@@ -46,14 +47,14 @@ export function InsertTableDialog({ activeEditor, onClose, }) {
         });
         onClose();
     };
-    return (_jsxs(_Fragment, { children: [_jsx(TextInput, { placeholder: '# of rows (1-500)', label: "Rows", onChange: setRows, value: rows, "data-test-id": "table-modal-rows", type: "number" }), _jsx(TextInput, { placeholder: '# of columns (1-50)', label: "Columns", onChange: setColumns, value: columns, "data-test-id": "table-modal-columns", type: "number" }), _jsx(DialogActions, { "data-test-id": "table-model-confirm-insert", children: _jsx(Button, { disabled: isDisabled, onClick: onClick, children: "Confirm" }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(TextInput, { placeholder: "# of rows (1-500)", label: "Rows", onChange: setRows, value: rows, "data-test-id": "table-modal-rows", type: "number" }), _jsx(TextInput, { placeholder: "# of columns (1-50)", label: "Columns", onChange: setColumns, value: columns, "data-test-id": "table-modal-columns", type: "number" }), _jsx(DialogActions, { "data-test-id": "table-model-confirm-insert", children: _jsx(Button, { disabled: isDisabled, onClick: onClick, children: "Confirm" }) })] }));
 }
 export function TablePlugin({ cellEditorConfig, children, }) {
     const [editor] = useLexicalComposerContext();
     const cellContext = useContext(CellContext);
     useEffect(() => {
         if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {
-            throw new Error('TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor');
+            throw new Error("TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor");
         }
     }, [editor]);
     useEffect(() => {

package/build/plugins/TableScrollShadowPlugin/index.d.ts

@@ -1,9 +1,2 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 export default function TableScrollShadowPlugin(): null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/TableScrollShadowPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableScrollShadowPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuCH,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,IAAI,CAiGtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableScrollShadowPlugin/index.tsx"],"names":[],"mappings":"AA+CA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,IAAI,CAiGtD"}

package/build/plugins/TableScrollShadowPlugin/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -5,12 +6,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useEffect } from 'react';
-const SCROLLABLE_WRAPPER_CLASS = 'PlaygroundEditorTheme__tableScrollableWrapper';
-const HAS_SCROLL_RIGHT_CLASS = 'PlaygroundEditorTheme__tableScrollRight';
-const HAS_SCROLL_LEFT_CLASS = 'PlaygroundEditorTheme__tableScrollLeft';
-const HAS_SCROLL_MIDDLE_CLASS = 'PlaygroundEditorTheme__tableScrollMiddle';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useEffect } from "react";
+const SCROLLABLE_WRAPPER_CLASS = "PlaygroundEditorTheme__tableScrollableWrapper";
+const HAS_SCROLL_RIGHT_CLASS = "PlaygroundEditorTheme__tableScrollRight";
+const HAS_SCROLL_LEFT_CLASS = "PlaygroundEditorTheme__tableScrollLeft";
+const HAS_SCROLL_MIDDLE_CLASS = "PlaygroundEditorTheme__tableScrollMiddle";
 function updateTableScrollState(element) {
     const hasScroll = element.scrollWidth > element.clientWidth;
     // Adding and removing 1 and -1 for floating point precision
@@ -68,7 +69,7 @@ export default function TableScrollShadowPlugin() {
             const handler = () => {
                 updateTableScrollState(wrapper);
             };
-            wrapper.addEventListener('scroll', handler, { passive: true });
+            wrapper.addEventListener("scroll", handler, { passive: true });
             scrollHandlers.set(wrapper, handler);
         };
         const wrappers = editorElement.querySelectorAll(`.${SCROLLABLE_WRAPPER_CLASS}`);
@@ -105,7 +106,7 @@ export default function TableScrollShadowPlugin() {
             resizeObserver.disconnect();
             wrapperObserver.disconnect();
             scrollHandlers.forEach((handler, wrapper) => {
-                wrapper.removeEventListener('scroll', handler);
+                wrapper.removeEventListener("scroll", handler);
             });
             scrollHandlers.clear();
         };

package/build/plugins/TestRecorderPlugin/index.d.ts

@@ -1,11 +1,4 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import type { JSX } from 'react';
+import type { JSX } from "react";
 export declare function isSelectAll(event: KeyboardEvent): boolean;
 export default function TestRecorderPlugin(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/TestRecorderPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TestRecorderPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AA4F/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAKzD;AAoWD,MAAM,CAAC,OAAO,UAAU,kBAAkB,IAAI,GAAG,CAAC,OAAO,CAUxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TestRecorderPlugin/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAiGjC,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAKzD;AAoWD,MAAM,CAAC,OAAO,UAAU,kBAAkB,IAAI,GAAG,CAAC,OAAO,CAUxD"}

package/build/plugins/TestRecorderPlugin/index.js

@@ -1,19 +1,20 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { IS_APPLE } from '@lexical/utils';
-import { $createParagraphNode, $createTextNode, $getRoot, getDOMSelection, } from 'lexical';
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { IS_APPLE } from "@lexical/utils";
+import { $createParagraphNode, $createTextNode, $getRoot, getDOMSelection, } from "lexical";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
 const copy = (text) => {
     var _a, _b;
-    const textArea = document.createElement('textarea');
-    textArea.value = text || '';
-    textArea.style.position = 'absolute';
-    textArea.style.opacity = '0';
+    const textArea = document.createElement("textarea");
+    textArea.value = text || "";
+    textArea.style.position = "absolute";
+    textArea.style.opacity = "0";
     (_a = document.body) === null || _a === void 0 ? void 0 : _a.appendChild(textArea);
     textArea.focus();
     textArea.select();
     try {
-        const result = document.execCommand('copy');
+        const result = document.execCommand("copy");
         // eslint-disable-next-line no-console
         console.log(result);
     }
@@ -24,10 +25,10 @@ const copy = (text) => {
 };
 const download = (filename, text) => {
     var _a, _b;
-    const a = document.createElement('a');
-    a.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text || ''));
-    a.setAttribute('download', filename);
-    a.style.display = 'none';
+    const a = document.createElement("a");
+    a.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text || ""));
+    a.setAttribute("download", filename);
+    a.style.display = "none";
     (_a = document.body) === null || _a === void 0 ? void 0 : _a.appendChild(a);
     a.click();
     (_b = document.body) === null || _b === void 0 ? void 0 : _b.removeChild(a);
@@ -35,25 +36,25 @@ const download = (filename, text) => {
 const formatStep = (step) => {
     const formatOneStep = (name, value) => {
         switch (name) {
-            case 'click': {
+            case "click": {
                 return `      await page.mouse.click(${value.x}, ${value.y});`;
             }
-            case 'press': {
+            case "press": {
                 return `      await page.keyboard.press('${value}');`;
             }
-            case 'keydown': {
+            case "keydown": {
                 return `      await page.keyboard.keydown('${value}');`;
             }
-            case 'keyup': {
+            case "keyup": {
                 return `      await page.keyboard.keyup('${value}');`;
             }
-            case 'type': {
+            case "type": {
                 return `      await page.keyboard.type('${value}');`;
             }
-            case 'selectAll': {
+            case "selectAll": {
                 return `      await selectAll(page);`;
             }
-            case 'snapshot': {
+            case "snapshot": {
                 return `      await assertHTMLSnapshot(page);
       await assertSelection(page, {
         anchorPath: [${value.anchorPath.toString()}],
@@ -80,7 +81,7 @@ const formatStep = (step) => {
     }
 };
 export function isSelectAll(event) {
-    return (event.key.toLowerCase() === 'a' &&
+    return (event.key.toLowerCase() === "a" &&
         (IS_APPLE ? event.metaKey : event.ctrlKey));
 }
 // stolen from LexicalSelection-test
@@ -108,20 +109,20 @@ function getPathFromNodeToEditor(node, rootElement) {
     return path;
 }
 const keyPresses = new Set([
-    'Enter',
-    'Backspace',
-    'Delete',
-    'Escape',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'ArrowDown',
+    "Enter",
+    "Backspace",
+    "Delete",
+    "Escape",
+    "ArrowLeft",
+    "ArrowRight",
+    "ArrowUp",
+    "ArrowDown",
 ]);
 function useTestRecorder(editor) {
     const [steps, setSteps] = useState([]);
     const [isRecording, setIsRecording] = useState(false);
-    const [, setCurrentInnerHTML] = useState('');
-    const [templatedTest, setTemplatedTest] = useState('');
+    const [, setCurrentInnerHTML] = useState("");
+    const [templatedTest, setTemplatedTest] = useState("");
     const previousSelectionRef = useRef(null);
     const skipNextSelectionChangeRef = useRef(false);
     const preRef = useRef(null);
@@ -178,7 +179,7 @@ ${steps.map(formatStep).join(`\n`)}
             const lastStep = steps[currentIndex];
             if (lastStep) {
                 if (lastStep.name === name) {
-                    if (name === 'type') {
+                    if (name === "type") {
                         // for typing events we just append the text
                         return [
                             ...steps.slice(0, currentIndex),
@@ -207,16 +208,16 @@ ${steps.map(formatStep).join(`\n`)}
             }
             const key = event.key;
             if (isSelectAll(event)) {
-                pushStep('selectAll', '');
+                pushStep("selectAll", "");
             }
             else if (keyPresses.has(key)) {
-                pushStep('press', event.key);
+                pushStep("press", event.key);
             }
             else if ([...key].length > 1) {
-                pushStep('keydown', event.key);
+                pushStep("keydown", event.key);
             }
             else {
-                pushStep('type', event.key);
+                pushStep("type", event.key);
             }
         };
         const onKeyUp = (event) => {
@@ -225,17 +226,17 @@ ${steps.map(formatStep).join(`\n`)}
             }
             const key = event.key;
             if (!keyPresses.has(key) && [...key].length > 1) {
-                pushStep('keyup', event.key);
+                pushStep("keyup", event.key);
             }
         };
         return editor.registerRootListener((rootElement, prevRootElement) => {
             if (prevRootElement !== null) {
-                prevRootElement.removeEventListener('keydown', onKeyDown);
-                prevRootElement.removeEventListener('keyup', onKeyUp);
+                prevRootElement.removeEventListener("keydown", onKeyDown);
+                prevRootElement.removeEventListener("keyup", onKeyUp);
             }
             if (rootElement !== null) {
-                rootElement.addEventListener('keydown', onKeyDown);
-                rootElement.addEventListener('keyup', onKeyUp);
+                rootElement.addEventListener("keydown", onKeyDown);
+                rootElement.addEventListener("keyup", onKeyUp);
             }
         });
     }, [editor, isRecording, pushStep]);
@@ -331,7 +332,7 @@ ${steps.map(formatStep).join(`\n`)}
         if (focusNode !== null) {
             focusPath = getPathFromNodeToEditor(focusNode, rootElement);
         }
-        pushStep('snapshot', {
+        pushStep("snapshot", {
             anchorNode,
             anchorOffset,
             anchorPath,
@@ -344,9 +345,9 @@ ${steps.map(formatStep).join(`\n`)}
         copy(generateTestContent());
     }, [generateTestContent]);
     const onDownloadClick = useCallback(() => {
-        download('test.js', generateTestContent());
+        download("test.js", generateTestContent());
     }, [generateTestContent]);
-    const button = (_jsx("button", { id: "test-recorder-button", className: `editor-dev-button ${isRecording ? 'active' : ''}`, onClick: () => toggleEditorSelection(getCurrentEditor()), title: isRecording ? 'Disable test recorder' : 'Enable test recorder' }));
+    const button = (_jsx("button", { id: "test-recorder-button", className: `editor-dev-button ${isRecording ? "active" : ""}`, onClick: () => toggleEditorSelection(getCurrentEditor()), title: isRecording ? "Disable test recorder" : "Enable test recorder" }));
     const output = isRecording ? (_jsxs("div", { className: "test-recorder-output", children: [_jsxs("div", { className: "test-recorder-toolbar", children: [_jsx("button", { className: "test-recorder-button", id: "test-recorder-button-snapshot", title: "Insert snapshot", onClick: onSnapshotClick }), _jsx("button", { className: "test-recorder-button", id: "test-recorder-button-copy", title: "Copy to clipboard", onClick: onCopyClick }), _jsx("button", { className: "test-recorder-button", id: "test-recorder-button-download", title: "Download as a file", onClick: onDownloadClick })] }), _jsx("pre", { id: "test-recorder", ref: preRef, children: templatedTest })] })) : null;
     return [button, output];
 }

package/build/plugins/ToolbarPlugin/fontSize.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './fontSize.css';
-import { LexicalEditor } from 'lexical';
+import "./fontSize.css";
+import { LexicalEditor } from "lexical";
 export declare function parseFontSizeForToolbar(input: string): string;
 export declare function parseAllowedFontSize(input: string): string;
 export default function FontSize({ selectionFontSize, disabled, editor, }: {

package/build/plugins/ToolbarPlugin/fontSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontSize.d.ts","sourceRoot":"","sources":["../../../src/plugins/ToolbarPlugin/fontSize.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA8BtC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAS7D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAS1D;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACP,EAAE;IACD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;CACvB,2CAyHA"}
+{"version":3,"file":"fontSize.d.ts","sourceRoot":"","sources":["../../../src/plugins/ToolbarPlugin/fontSize.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA8BxC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAS7D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAS1D;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACP,EAAE;IACD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;CACvB,2CA2HA"}

package/build/plugins/ToolbarPlugin/fontSize.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -6,18 +7,18 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * LICENSE file in the root directory of this source tree.
  *
  */
-import './fontSize.css';
-import * as React from 'react';
-import { MAX_ALLOWED_FONT_SIZE, MIN_ALLOWED_FONT_SIZE, } from '../../context/ToolbarContext';
-import { isKeyboardInput } from '../../utils/focusUtils';
-import { SHORTCUTS } from '../ShortcutsPlugin/shortcuts';
-import { updateFontSize, updateFontSizeInSelection, UpdateFontSizeType, } from './utils';
+import "./fontSize.css";
+import * as React from "react";
+import { MAX_ALLOWED_FONT_SIZE, MIN_ALLOWED_FONT_SIZE, } from "../../context/ToolbarContext";
+import { isKeyboardInput } from "../../utils/focusUtils";
+import { SHORTCUTS } from "../ShortcutsPlugin/shortcuts";
+import { updateFontSize, updateFontSizeInSelection, UpdateFontSizeType, } from "./utils";
 function parseFontSize(input) {
     const match = input.match(/^(\d+(?:\.\d+)?)(px|pt)$/);
     return match ? [Number(match[1]), match[2]] : null;
 }
 function normalizeToPx(fontSize, unit) {
-    return unit === 'pt' ? Math.round((fontSize * 4) / 3) : fontSize;
+    return unit === "pt" ? Math.round((fontSize * 4) / 3) : fontSize;
 }
 function isValidFontSize(fontSizePx) {
     return (fontSizePx >= MIN_ALLOWED_FONT_SIZE && fontSizePx <= MAX_ALLOWED_FONT_SIZE);
@@ -25,7 +26,7 @@ function isValidFontSize(fontSizePx) {
 export function parseFontSizeForToolbar(input) {
     const parsed = parseFontSize(input);
     if (!parsed) {
-        return '';
+        return "";
     }
     const [fontSize, unit] = parsed;
     const fontSizePx = normalizeToPx(fontSize, unit);
@@ -34,11 +35,11 @@ export function parseFontSizeForToolbar(input) {
 export function parseAllowedFontSize(input) {
     const parsed = parseFontSize(input);
     if (!parsed) {
-        return '';
+        return "";
     }
     const [fontSize, unit] = parsed;
     const fontSizePx = normalizeToPx(fontSize, unit);
-    return isValidFontSize(fontSizePx) ? input : '';
+    return isValidFontSize(fontSizePx) ? input : "";
 }
 export default function FontSize({ selectionFontSize, disabled, editor, }) {
     const [inputValue, setInputValue] = React.useState(selectionFontSize);
@@ -46,23 +47,23 @@ export default function FontSize({ selectionFontSize, disabled, editor, }) {
     const [isMouseMode, setIsMouseMode] = React.useState(false);
     const handleKeyPress = (e) => {
         const inputValueNumber = Number(inputValue);
-        if (e.key === 'Tab') {
+        if (e.key === "Tab") {
             return;
         }
-        if (['e', 'E', '+', '-'].includes(e.key) || isNaN(inputValueNumber)) {
+        if (["e", "E", "+", "-"].includes(e.key) || isNaN(inputValueNumber)) {
             e.preventDefault();
-            setInputValue('');
+            setInputValue("");
             return;
         }
         setInputChangeFlag(true);
-        if (e.key === 'Enter' || e.key === 'Escape') {
+        if (e.key === "Enter" || e.key === "Escape") {
             e.preventDefault();
             updateFontSizeByInputValue(inputValueNumber, !isMouseMode);
         }
     };
     const handleInputBlur = () => {
         setIsMouseMode(false);
-        if (inputValue !== '' && inputChangeFlag) {
+        if (inputValue !== "" && inputChangeFlag) {
             const inputValueNumber = Number(inputValue);
             updateFontSizeByInputValue(inputValueNumber);
         }
@@ -79,18 +80,18 @@ export default function FontSize({ selectionFontSize, disabled, editor, }) {
             updatedFontSize = MIN_ALLOWED_FONT_SIZE;
         }
         setInputValue(String(updatedFontSize));
-        updateFontSizeInSelection(editor, String(updatedFontSize) + 'px', null, skipRefocus);
+        updateFontSizeInSelection(editor, String(updatedFontSize) + "px", null, skipRefocus);
         setInputChangeFlag(false);
     };
     React.useEffect(() => {
         setInputValue(selectionFontSize);
     }, [selectionFontSize]);
     return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: disabled ||
-                    (selectionFontSize !== '' &&
+                    (selectionFontSize !== "" &&
                         Number(inputValue) <= MIN_ALLOWED_FONT_SIZE), onClick: (e) => {
                     updateFontSize(editor, UpdateFontSizeType.decrement, inputValue, isKeyboardInput(e));
                 }, className: "toolbar-item font-decrement", "aria-label": "Decrease font size", title: `Decrease font size (${SHORTCUTS.DECREASE_FONT_SIZE})`, children: _jsx("i", { className: "format minus-icon" }) }), _jsx("input", { type: "number", title: "Font size", value: inputValue, disabled: disabled, className: "toolbar-item font-size-input", min: MIN_ALLOWED_FONT_SIZE, max: MAX_ALLOWED_FONT_SIZE, onChange: (e) => setInputValue(e.target.value), onClick: handleClick, onKeyDown: handleKeyPress, onBlur: handleInputBlur }), _jsx("button", { type: "button", disabled: disabled ||
-                    (selectionFontSize !== '' &&
+                    (selectionFontSize !== "" &&
                         Number(inputValue) >= MAX_ALLOWED_FONT_SIZE), onClick: (e) => {
                     updateFontSize(editor, UpdateFontSizeType.increment, inputValue, isKeyboardInput(e));
                 }, className: "toolbar-item font-increment", "aria-label": "Increase font size", title: `Increase font size (${SHORTCUTS.INCREASE_FONT_SIZE})`, children: _jsx("i", { className: "format add-icon" }) })] }));

package/build/plugins/ToolbarPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ToolbarPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA8BjC,OAAO,EAmBL,aAAa,EAUd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAoC,MAAM,OAAO,CAAC;AA2fnE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,eAAe,EACf,iBAAiB,GAClB,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CACtC,GAAG,GAAG,CAAC,OAAO,CAg0Bd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/ToolbarPlugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA0BjC,OAAO,EAkBL,aAAa,EAUd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAoC,MAAM,OAAO,CAAC;AAqenE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,eAAe,EACf,iBAAiB,GAClB,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CACtC,GAAG,GAAG,CAAC,OAAO,CA82Bd"}