@pie-lib/editable-html-tip-tap 2.1.1-next.3 → 2.1.2-next.0

package/lib/styles/editorContainerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editorContainerStyles.js","names":["_renderUi","require","styles","theme","root","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","marginTop","margin","marginBottom","lineHeight","textWrap","fontSize","backgroundColor","color","background","fontFamily","borderLeft","borderTop","tableLayout","width","borderCollapse","text","textAlign","children","editorHolder","overflowY","disabledScrollbar","display","scrollbarWidth","error","concat","palette","main","noBorder","noPadding","toolbarOnTop","_default","exports"],"sources":["../../src/styles/editorContainerStyles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nconst styles = (theme) => ({\n  root: {\n    position: 'relative',\n    padding: '0px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'text',\n    '& [data-slate-editor=\"true\"]': {\n      wordBreak: 'break-word',\n      overflow: 'visible',\n      maxHeight: '500px',\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '5px',\n    },\n\n    '&:first-child': {\n      marginTop: 0,\n    },\n\n    '& ul, & ol': {\n      padding: '0 1rem',\n      margin: '1.25rem 1rem 1.25rem 0.4rem',\n    },\n\n    '& ul li p, & ol li p': {\n      marginTop: '0.25em',\n      marginBottom: '0.25em',\n    },\n\n    '& h1, & h2, & h3, & h4, & h5, & h6': {\n      lineHeight: 1.1,\n      marginTop: '2.5rem',\n      textWrap: 'pretty',\n    },\n\n    '& h1, & h2': {\n      marginTop: '3.5rem',\n      marginBottom: '1.5rem',\n    },\n\n    '& h1': {\n      fontSize: '1.4rem',\n    },\n\n    '& h2': {\n      fontSize: '1.2rem',\n    },\n\n    '& h3': {\n      fontSize: '1.1rem',\n    },\n\n    '& h4, & h5, & h6': {\n      fontSize: '1rem',\n    },\n\n    '& code': {\n      backgroundColor: 'var(--purple-light)',\n      borderRadius: '0.4rem',\n      color: 'var(--black)',\n      fontSize: '0.85rem',\n      padding: '0.25em 0.3em',\n    },\n\n    '& pre': {\n      background: 'var(--black)',\n      borderRadius: '0.5rem',\n      color: 'var(--white)',\n      fontFamily: '\\'JetBrainsMono\\', monospace',\n      margin: '1.5rem 0',\n      padding: '0.75rem 1rem',\n\n      '& code': {\n        background: 'none',\n        color: 'inherit',\n        fontSize: '0.8rem',\n        padding: 0,\n      },\n    },\n\n    '& blockquote': {\n      background: '#f9f9f9',\n      borderLeft: '5px solid #ccc',\n      margin: '1.5em 10px',\n      padding: '.5em 10px',\n    },\n\n    '& hr': {\n      border: 'none',\n      borderTop: '1px solid var(--gray-2)',\n      margin: '2rem 0',\n    },\n\n    '& table': {\n      tableLayout: 'fixed',\n      width: '100%',\n      borderCollapse: 'collapse',\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n    '& table:not([border=\"1\"]) tr': {\n      borderTop: '1px solid #dfe2e5',\n    },\n    '& td, th': {\n      padding: '.6em 1em',\n      textAlign: 'center',\n    },\n    '& table:not([border=\"1\"]) td, th': {\n      border: '1px solid #dfe2e5',\n    },\n  },\n  children: {\n    padding: '10px 16px',\n  },\n  editorHolder: {\n    position: 'relative',\n    padding: '0px',\n    overflowY: 'auto',\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  disabledScrollbar: {\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    scrollbarWidth: 'none',\n    '-ms-overflow-style': 'none',\n  },\n  error: {\n    border: `2px solid ${theme.palette.error.main} !important`,\n  },\n  noBorder: {\n    border: 'none',\n  },\n  noPadding: {\n    padding: 0,\n  },\n  toolbarOnTop: {\n    marginTop: '45px',\n  },\n});\n\nexport default styles;\n"],"mappings":"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","ignoreList":[]}

package/lib/theme.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.primary = void 0;
-var primary = exports.primary = '#304ffe';
-//# sourceMappingURL=theme.js.map

package/lib/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","names":["primary","exports"],"sources":["../src/theme.js"],"sourcesContent":["export const primary = '#304ffe';\n"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAS","ignoreList":[]}

package/lib/utils/helper.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeInitialMarkup = void 0;
-var escapeHtml = function escapeHtml(str) {
-  return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-};
-
-/**
- * Converts consecutive div elements into a single paragraph with line breaks.
- * Example: "<div>A</div><div>B</div>" becomes "<p>A<br>B</p>"
- */
-var convertConsecutiveDivsToParagraph = function convertConsecutiveDivsToParagraph(html) {
-  // Create a temporary element to parse the HTML
-  var temp = document.createElement('div');
-  temp.innerHTML = html;
-
-  // Get all top-level children
-  var children = Array.from(temp.children);
-
-  // Only convert if there are 2 or more divs
-  if (children.length < 2) {
-    return html;
-  }
-
-  // Check if all children are divs with simple content (text or inline elements)
-  var allDivs = children.every(function (child) {
-    return child.tagName === 'DIV';
-  });
-  if (!allDivs) {
-    return html;
-  }
-
-  // Check if divs have no attributes (only convert plain divs)
-  var hasNoAttributes = children.every(function (div) {
-    return div.attributes.length === 0;
-  });
-  if (!hasNoAttributes) {
-    return html;
-  }
-
-  // Check if divs contain only simple content (no nested block elements)
-  var hasOnlySimpleContent = children.every(function (div) {
-    return Array.from(div.children).every(function (child) {
-      var tag = child.tagName;
-      // Allow inline elements and br tags
-      return ['SPAN', 'B', 'I', 'EM', 'STRONG', 'U', 'SUB', 'SUP', 'A', 'CODE', 'BR'].includes(tag);
-    });
-  });
-  if (!hasOnlySimpleContent) {
-    return html;
-  }
-
-  // Convert to paragraph with br tags
-  var contents = children.map(function (div) {
-    return div.innerHTML;
-  });
-  return "<p>".concat(contents.join('<br>'), "</p>");
-};
-var normalizeInitialMarkup = exports.normalizeInitialMarkup = function normalizeInitialMarkup(markup) {
-  var trimmed = String(markup !== null && markup !== void 0 ? markup : '').trim();
-  if (!trimmed) return '<div></div>';
-  var looksLikeHtml = /<[^>]+>/.test(trimmed);
-  if (!looksLikeHtml) {
-    return "<div>".concat(escapeHtml(trimmed), "</div>");
-  }
-
-  // Apply the div-to-paragraph transformation
-  return convertConsecutiveDivsToParagraph(trimmed);
-};
-//# sourceMappingURL=helper.js.map

package/lib/utils/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":["escapeHtml","str","String","replace","convertConsecutiveDivsToParagraph","html","temp","document","createElement","innerHTML","children","Array","from","length","allDivs","every","child","tagName","hasNoAttributes","div","attributes","hasOnlySimpleContent","tag","includes","contents","map","concat","join","normalizeInitialMarkup","exports","markup","trimmed","trim","looksLikeHtml","test"],"sources":["../../src/utils/helper.js"],"sourcesContent":["const escapeHtml = (str) =>\n  String(str)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n\n/**\n * Converts consecutive div elements into a single paragraph with line breaks.\n * Example: \"<div>A</div><div>B</div>\" becomes \"<p>A<br>B</p>\"\n */\nconst convertConsecutiveDivsToParagraph = (html) => {\n  // Create a temporary element to parse the HTML\n  const temp = document.createElement('div');\n  temp.innerHTML = html;\n\n  // Get all top-level children\n  const children = Array.from(temp.children);\n\n  // Only convert if there are 2 or more divs\n  if (children.length < 2) {\n    return html;\n  }\n\n  // Check if all children are divs with simple content (text or inline elements)\n  const allDivs = children.every((child) => child.tagName === 'DIV');\n\n  if (!allDivs) {\n    return html;\n  }\n\n  // Check if divs have no attributes (only convert plain divs)\n  const hasNoAttributes = children.every((div) => div.attributes.length === 0);\n\n  if (!hasNoAttributes) {\n    return html;\n  }\n\n  // Check if divs contain only simple content (no nested block elements)\n  const hasOnlySimpleContent = children.every((div) => {\n    return Array.from(div.children).every((child) => {\n      const tag = child.tagName;\n      // Allow inline elements and br tags\n      return ['SPAN', 'B', 'I', 'EM', 'STRONG', 'U', 'SUB', 'SUP', 'A', 'CODE', 'BR'].includes(tag);\n    });\n  });\n\n  if (!hasOnlySimpleContent) {\n    return html;\n  }\n\n  // Convert to paragraph with br tags\n  const contents = children.map((div) => div.innerHTML);\n  return `<p>${contents.join('<br>')}</p>`;\n};\n\nexport const normalizeInitialMarkup = (markup) => {\n  const trimmed = String(markup ?? '').trim();\n  if (!trimmed) return '<div></div>';\n\n  const looksLikeHtml = /<[^>]+>/.test(trimmed);\n  if (!looksLikeHtml) {\n    return `<div>${escapeHtml(trimmed)}</div>`;\n  }\n\n  // Apply the div-to-paragraph transformation\n  return convertConsecutiveDivsToParagraph(trimmed);\n};\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,GAAG;EAAA,OACrBC,MAAM,CAACD,GAAG,CAAC,CACRE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CACtBA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CACrBA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CACrBA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CACvBA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AAAA;;AAE3B;AACA;AACA;AACA;AACA,IAAMC,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAIC,IAAI,EAAK;EAClD;EACA,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAC1CF,IAAI,CAACG,SAAS,GAAGJ,IAAI;;EAErB;EACA,IAAMK,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAACN,IAAI,CAACI,QAAQ,CAAC;;EAE1C;EACA,IAAIA,QAAQ,CAACG,MAAM,GAAG,CAAC,EAAE;IACvB,OAAOR,IAAI;EACb;;EAEA;EACA,IAAMS,OAAO,GAAGJ,QAAQ,CAACK,KAAK,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,OAAO,KAAK,KAAK;EAAA,EAAC;EAElE,IAAI,CAACH,OAAO,EAAE;IACZ,OAAOT,IAAI;EACb;;EAEA;EACA,IAAMa,eAAe,GAAGR,QAAQ,CAACK,KAAK,CAAC,UAACI,GAAG;IAAA,OAAKA,GAAG,CAACC,UAAU,CAACP,MAAM,KAAK,CAAC;EAAA,EAAC;EAE5E,IAAI,CAACK,eAAe,EAAE;IACpB,OAAOb,IAAI;EACb;;EAEA;EACA,IAAMgB,oBAAoB,GAAGX,QAAQ,CAACK,KAAK,CAAC,UAACI,GAAG,EAAK;IACnD,OAAOR,KAAK,CAACC,IAAI,CAACO,GAAG,CAACT,QAAQ,CAAC,CAACK,KAAK,CAAC,UAACC,KAAK,EAAK;MAC/C,IAAMM,GAAG,GAAGN,KAAK,CAACC,OAAO;MACzB;MACA,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CAACM,QAAQ,CAACD,GAAG,CAAC;IAC/F,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAI,CAACD,oBAAoB,EAAE;IACzB,OAAOhB,IAAI;EACb;;EAEA;EACA,IAAMmB,QAAQ,GAAGd,QAAQ,CAACe,GAAG,CAAC,UAACN,GAAG;IAAA,OAAKA,GAAG,CAACV,SAAS;EAAA,EAAC;EACrD,aAAAiB,MAAA,CAAaF,QAAQ,CAACG,IAAI,CAAC,MAAM,CAAC;AACpC,CAAC;AAEM,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,MAAM,EAAK;EAChD,IAAMC,OAAO,GAAG7B,MAAM,CAAC4B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,EAAE,CAAC,CAACE,IAAI,CAAC,CAAC;EAC3C,IAAI,CAACD,OAAO,EAAE,OAAO,aAAa;EAElC,IAAME,aAAa,GAAG,SAAS,CAACC,IAAI,CAACH,OAAO,CAAC;EAC7C,IAAI,CAACE,aAAa,EAAE;IAClB,eAAAP,MAAA,CAAe1B,UAAU,CAAC+B,OAAO,CAAC;EACpC;;EAEA;EACA,OAAO3B,iCAAiC,CAAC2B,OAAO,CAAC;AACnD,CAAC","ignoreList":[]}

package/lib/utils/size.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.valueToSize = void 0;
-var valueToSize = exports.valueToSize = function valueToSize(v) {
-  if (!v) {
-    return;
-  }
-  var calcRegex = /^calc\((.*)\)$/;
-  if (typeof v === 'string') {
-    if (v.endsWith('%')) {
-      return undefined;
-    }
-    if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.endsWith('em') || v.match(calcRegex)) {
-      return v;
-    }
-    var value = parseInt(v, 10);
-    return Number.isNaN(value) ? value : "".concat(value, "px");
-  }
-  if (typeof v === 'number') {
-    return "".concat(v, "px");
-  }
-};
-//# sourceMappingURL=size.js.map

package/lib/utils/size.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.js","names":["valueToSize","exports","v","calcRegex","endsWith","undefined","match","value","parseInt","Number","isNaN","concat"],"sources":["../../src/utils/size.js"],"sourcesContent":["export const valueToSize = (v) => {\n  if (!v) {\n    return;\n  }\n\n  const calcRegex = /^calc\\((.*)\\)$/;\n\n  if (typeof v === 'string') {\n    if (v.endsWith('%')) {\n      return undefined;\n    }\n\n    if (\n      v.endsWith('px') ||\n      v.endsWith('vh') ||\n      v.endsWith('vw') ||\n      v.endsWith('ch') ||\n      v.endsWith('em') ||\n      v.match(calcRegex)\n    ) {\n      return v;\n    }\n\n    const value = parseInt(v, 10);\n\n    return Number.isNaN(value) ? value : `${value}px`;\n  }\n\n  if (typeof v === 'number') {\n    return `${v}px`;\n  }\n};\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,CAAC,EAAK;EAChC,IAAI,CAACA,CAAC,EAAE;IACN;EACF;EAEA,IAAMC,SAAS,GAAG,gBAAgB;EAElC,IAAI,OAAOD,CAAC,KAAK,QAAQ,EAAE;IACzB,IAAIA,CAAC,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;MACnB,OAAOC,SAAS;IAClB;IAEA,IACEH,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACI,KAAK,CAACH,SAAS,CAAC,EAClB;MACA,OAAOD,CAAC;IACV;IAEA,IAAMK,KAAK,GAAGC,QAAQ,CAACN,CAAC,EAAE,EAAE,CAAC;IAE7B,OAAOO,MAAM,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK,MAAAI,MAAA,CAAMJ,KAAK,OAAI;EACnD;EAEA,IAAI,OAAOL,CAAC,KAAK,QAAQ,EAAE;IACzB,UAAAS,MAAA,CAAUT,CAAC;EACb;AACF,CAAC","ignoreList":[]}

package/src/__tests__/EditableHtml.test.jsx

@@ -1,474 +0,0 @@
-import React from 'react';
-import { render, waitFor } from '@testing-library/react';
-import { useEditor } from '@tiptap/react';
-import { EditableHtml } from '../components/EditableHtml';
-
-// Mock TipTap dependencies
-jest.mock('@tiptap/react', () => ({
-  EditorContent: ({ editor, ...props }) => <div data-testid="editor-content" {...props} />,
-  useEditor: jest.fn((config) => {
-    const mockEditor = {
-      getHTML: jest.fn(() => '<p>test content</p>'),
-      setEditable: jest.fn(),
-      commands: {
-        setContent: jest.fn(),
-      },
-      isActive: jest.fn(() => false),
-      isFocused: false,
-    };
-    return mockEditor;
-  }),
-  useEditorState: jest.fn(() => ({
-    isFocused: false,
-  })),
-}));
-
-jest.mock('@tiptap/starter-kit', () => ({
-  __esModule: true,
-  default: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('@tiptap/extension-text-style', () => ({
-  TextStyleKit: {},
-}));
-
-jest.mock('@tiptap/extension-character-count', () => ({
-  CharacterCount: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('@tiptap/extension-superscript', () => ({
-  __esModule: true,
-  default: {},
-}));
-
-jest.mock('@tiptap/extension-subscript', () => ({
-  __esModule: true,
-  default: {},
-}));
-
-jest.mock('@tiptap/extension-text-align', () => ({
-  __esModule: true,
-  default: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('@tiptap/extension-image', () => ({
-  __esModule: true,
-  default: {},
-}));
-
-jest.mock('@tiptap/extension-table', () => ({
-  __esModule: true,
-  default: {},
-}));
-
-jest.mock('@tiptap/extension-table-row', () => ({
-  TableRow: {},
-}));
-
-jest.mock('../extensions/extended-table-cell', () => ({
-  ExtendedTableCell: {},
-  ExtendedTableHeader: {},
-}));
-
-jest.mock('../extensions/extended-table', () => ({
-  __esModule: true,
-  default: {},
-}));
-
-jest.mock('../extensions/ensure-empty-root-div', () => ({
-  EnsureEmptyRootIsDiv: {},
-}));
-
-jest.mock('../extensions/extended-list-item', () => ({
-  ExtendedListItem: {},
-}));
-
-jest.mock('../extensions/ensure-list-item-content-is-div', () => ({
-  EnsureListItemContentIsDiv: {},
-}));
-
-jest.mock('../extensions/responseArea', () => ({
-  ExplicitConstructedResponseNode: {
-    configure: jest.fn(() => ({})),
-  },
-  DragInTheBlankNode: {
-    configure: jest.fn(() => ({})),
-  },
-  InlineDropdownNode: {
-    configure: jest.fn(() => ({})),
-  },
-  MathTemplatedNode: {
-    configure: jest.fn(() => ({})),
-  },
-  ResponseAreaExtension: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('../extensions/math', () => ({
-  MathNode: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('../extensions/image', () => ({
-  ImageUploadNode: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('../extensions/media', () => ({
-  Media: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('../extensions/css', () => ({
-  CSSMark: {
-    configure: jest.fn(() => ({})),
-  },
-}));
-
-jest.mock('../components/TiptapContainer', () => ({
-  __esModule: true,
-  default: ({ children }) => <div data-testid="editor-container">{children}</div>,
-}));
-
-jest.mock('../extensions', () => ({
-  ...jest.requireActual('../extensions'),
-  buildExtensions: jest.fn(() => []),
-}));
-
-describe('EditableHtml', () => {
-  const defaultProps = {
-    markup: '<p>Hello World</p>',
-    onChange: jest.fn(),
-    onDone: jest.fn(),
-    disabled: false,
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders without crashing', () => {
-    const { container } = render(<EditableHtml {...defaultProps} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('renders editor container', () => {
-    const { getByTestId } = render(<EditableHtml {...defaultProps} />);
-    expect(getByTestId('editor-container')).toBeInTheDocument();
-  });
-
-  it('renders editor content when editor is initialized', async () => {
-    const { getByTestId } = render(<EditableHtml {...defaultProps} />);
-    await waitFor(() => {
-      expect(getByTestId('editor-content')).toBeInTheDocument();
-    });
-  });
-
-  it('accepts custom toolbar options', () => {
-    const toolbarOpts = {
-      position: 'top',
-      alignment: 'center',
-      alwaysVisible: true,
-      showDone: false,
-      doneOn: 'change',
-    };
-    const { container } = render(<EditableHtml {...defaultProps} toolbarOpts={toolbarOpts} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts custom active plugins', () => {
-    const activePlugins = ['bold', 'italic', 'underline'];
-    const { container } = render(<EditableHtml {...defaultProps} activePlugins={activePlugins} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts plugin props', () => {
-    const pluginProps = {
-      showParagraphs: { disabled: false },
-      separateParagraphs: { disabled: false },
-    };
-    const { container } = render(<EditableHtml {...defaultProps} pluginProps={pluginProps} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts response area props', () => {
-    const responseAreaProps = {
-      type: 'explicit-constructed-response',
-      options: {},
-    };
-    const { container } = render(<EditableHtml {...defaultProps} responseAreaProps={responseAreaProps} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts size props', () => {
-    const sizeProps = {
-      width: 500,
-      height: 300,
-      minHeight: 200,
-      maxHeight: 400,
-      minWidth: 300,
-      maxWidth: 600,
-    };
-    const { container } = render(<EditableHtml {...defaultProps} {...sizeProps} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts character limit', () => {
-    const { container } = render(<EditableHtml {...defaultProps} charactersLimit={500} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts image support props', () => {
-    const imageSupport = {
-      add: jest.fn(),
-      delete: jest.fn(),
-    };
-    const { container } = render(<EditableHtml {...defaultProps} imageSupport={imageSupport} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts max image dimensions', () => {
-    const { container } = render(<EditableHtml {...defaultProps} maxImageWidth={800} maxImageHeight={600} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts language characters props', () => {
-    const languageCharactersProps = [
-      { label: 'Greek', value: 'greek' },
-      { label: 'Cyrillic', value: 'cyrillic' },
-    ];
-    const { container } = render(<EditableHtml {...defaultProps} languageCharactersProps={languageCharactersProps} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts extra CSS rules', () => {
-    const extraCSSRules = {
-      '.custom-class': { color: 'red' },
-    };
-    const { container } = render(<EditableHtml {...defaultProps} extraCSSRules={extraCSSRules} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts upload sound support', () => {
-    const uploadSoundSupport = {
-      add: jest.fn(),
-      delete: jest.fn(),
-    };
-    const { container } = render(<EditableHtml {...defaultProps} uploadSoundSupport={uploadSoundSupport} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts onKeyDown handler', () => {
-    const onKeyDown = jest.fn();
-    const { container } = render(<EditableHtml {...defaultProps} onKeyDown={onKeyDown} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('accepts disableImageAlignmentButtons prop', () => {
-    const { container } = render(<EditableHtml {...defaultProps} disableImageAlignmentButtons={true} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('calls editorRef callback when editor is initialized', async () => {
-    const editorRef = jest.fn();
-    render(<EditableHtml {...defaultProps} editorRef={editorRef} />);
-
-    await waitFor(() => {
-      expect(editorRef).toHaveBeenCalled();
-    });
-  });
-
-  it('calls editorRef with the editor instance', async () => {
-    const editorRef = jest.fn();
-    render(<EditableHtml {...defaultProps} editorRef={editorRef} />);
-
-    await waitFor(() => {
-      expect(editorRef).toHaveBeenCalled();
-      // Verify it was called with an object that has editor-like properties
-      const callArg = editorRef.mock.calls[0][0];
-      expect(callArg).toHaveProperty('getHTML');
-      expect(callArg).toHaveProperty('commands');
-    });
-  });
-
-  it('handles editorRef being undefined', () => {
-    const { container } = render(<EditableHtml {...defaultProps} editorRef={undefined} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('applies flex display to StyledEditorContent', async () => {
-    const { getByTestId } = render(<EditableHtml {...defaultProps} />);
-    await waitFor(() => {
-      const editorContent = getByTestId('editor-content');
-      expect(editorContent).toBeInTheDocument();
-    });
-  });
-
-  it('does not run blur onChange/onDone while an image insert flow is active', async () => {
-    jest.useFakeTimers();
-    const onChange = jest.fn();
-    const onDone = jest.fn();
-
-    render(
-      <EditableHtml
-        {...defaultProps}
-        markup="<p>Hello World</p>"
-        onChange={onChange}
-        onDone={onDone}
-        toolbarOpts={{ ...defaultProps.toolbarOpts, doneOn: 'blur' }}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(useEditor).toHaveBeenCalled();
-    });
-
-    const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-    const blurEditor = {
-      getHTML: jest.fn(() => '<p>changed</p>'),
-      _insertingImage: true,
-      _toolbarOpened: false,
-      isActive: jest.fn(() => false),
-    };
-
-    editorConfig.onBlur({ editor: blurEditor });
-    jest.advanceTimersByTime(200);
-
-    expect(onChange).not.toHaveBeenCalled();
-    expect(onDone).not.toHaveBeenCalled();
-
-    jest.useRealTimers();
-  });
-
-  describe('onUpdate callback', () => {
-    it('calls onChange when transaction.isDone is true', async () => {
-      const onChange = jest.fn();
-      const markup = '<p>Initial content</p>';
-
-      render(<EditableHtml {...defaultProps} markup={markup} onChange={onChange} />);
-
-      await waitFor(() => {
-        expect(useEditor).toHaveBeenCalled();
-      });
-
-      const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-      const mockEditor = {
-        getHTML: jest.fn(() => '<p>Updated content</p>'),
-      };
-
-      const mockTransaction = {
-        isDone: true,
-      };
-
-      editorConfig.onUpdate({ editor: mockEditor, transaction: mockTransaction });
-
-      expect(onChange).toHaveBeenCalledWith('<p>Updated content</p>');
-    });
-
-    it('calls onChange when markup differs from editor HTML', async () => {
-      const onChange = jest.fn();
-      const markup = '<p>Initial content</p>';
-
-      render(<EditableHtml {...defaultProps} markup={markup} onChange={onChange} />);
-
-      await waitFor(() => {
-        expect(useEditor).toHaveBeenCalled();
-      });
-
-      const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-      const mockEditor = {
-        getHTML: jest.fn(() => '<p>Different content</p>'),
-      };
-
-      const mockTransaction = {
-        isDone: false,
-      };
-
-      editorConfig.onUpdate({ editor: mockEditor, transaction: mockTransaction });
-
-      expect(onChange).toHaveBeenCalledWith('<p>Different content</p>');
-    });
-
-    it('does not call onChange when transaction.isDone is false and markup matches editor HTML', async () => {
-      const onChange = jest.fn();
-      const markup = '<p>Same content</p>';
-
-      render(<EditableHtml {...defaultProps} markup={markup} onChange={onChange} />);
-
-      await waitFor(() => {
-        expect(useEditor).toHaveBeenCalled();
-      });
-
-      const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-      const mockEditor = {
-        getHTML: jest.fn(() => '<p>Same content</p>'),
-      };
-
-      const mockTransaction = {
-        isDone: false,
-      };
-
-      editorConfig.onUpdate({ editor: mockEditor, transaction: mockTransaction });
-
-      expect(onChange).not.toHaveBeenCalled();
-    });
-
-    it('calls onChange when transaction.isDone is true even if markup matches', async () => {
-      const onChange = jest.fn();
-      const markup = '<p>Same content</p>';
-
-      render(<EditableHtml {...defaultProps} markup={markup} onChange={onChange} />);
-
-      await waitFor(() => {
-        expect(useEditor).toHaveBeenCalled();
-      });
-
-      const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-      const mockEditor = {
-        getHTML: jest.fn(() => '<p>Same content</p>'),
-      };
-
-      const mockTransaction = {
-        isDone: true,
-      };
-
-      editorConfig.onUpdate({ editor: mockEditor, transaction: mockTransaction });
-
-      expect(onChange).toHaveBeenCalledWith('<p>Same content</p>');
-    });
-
-    it('does not call onChange when onChange is not provided', async () => {
-      const markup = '<p>Content</p>';
-
-      render(<EditableHtml {...defaultProps} markup={markup} onChange={undefined} />);
-
-      await waitFor(() => {
-        expect(useEditor).toHaveBeenCalled();
-      });
-
-      const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
-      const mockEditor = {
-        getHTML: jest.fn(() => '<p>Updated content</p>'),
-      };
-
-      const mockTransaction = {
-        isDone: true,
-      };
-
-      // Should not throw error when onChange is undefined
-      expect(() => {
-        editorConfig.onUpdate({ editor: mockEditor, transaction: mockTransaction });
-      }).not.toThrow();
-    });
-  });
-});

package/src/__tests__/constants.test.js

@@ -1,19 +0,0 @@
-import constants, { PIE_TOOLBAR__CLASS } from '../constants';
-
-describe('Constants', () => {
-  describe('PIE_TOOLBAR__CLASS', () => {
-    it('is defined', () => {
-      expect(PIE_TOOLBAR__CLASS).toBeDefined();
-    });
-
-    it('has the correct value', () => {
-      expect(PIE_TOOLBAR__CLASS).toBe('pie-toolbar');
-    });
-  });
-
-  describe('default export', () => {
-    it('contains PIE_TOOLBAR__CLASS', () => {
-      expect(constants.PIE_TOOLBAR__CLASS).toBe('pie-toolbar');
-    });
-  });
-});