@pie-lib/editable-html-tip-tap 2.2.0-beta.9 → 3.0.0-next.20261002094057

package/lib/styles/editorContainerStyles.js

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

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/lib/utils/toolbar.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setToolbarOpened = exports.TOOLBAR_OPENED_META_KEY = void 0;
-var TOOLBAR_OPENED_META_KEY = exports.TOOLBAR_OPENED_META_KEY = 'toolbarOpenedChanged';
-var setToolbarOpened = exports.setToolbarOpened = function setToolbarOpened(editor, opened) {
-  var _editor$state;
-  var next = !!opened;
-  if (editor._toolbarOpened === next) {
-    return;
-  }
-  editor._toolbarOpened = next;
-  if (editor !== null && editor !== void 0 && editor.view && editor !== null && editor !== void 0 && (_editor$state = editor.state) !== null && _editor$state !== void 0 && _editor$state.tr) {
-    editor.view.dispatch(editor.state.tr.setMeta(TOOLBAR_OPENED_META_KEY, true));
-  }
-};
-//# sourceMappingURL=toolbar.js.map

package/lib/utils/toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.js","names":["TOOLBAR_OPENED_META_KEY","exports","setToolbarOpened","editor","opened","_editor$state","next","_toolbarOpened","view","state","tr","dispatch","setMeta"],"sources":["../../src/utils/toolbar.js"],"sourcesContent":["export const TOOLBAR_OPENED_META_KEY = 'toolbarOpenedChanged';\n\nexport const setToolbarOpened = (editor, opened) => {\n  const next = !!opened;\n\n  if (editor._toolbarOpened === next) {\n    return;\n  }\n\n  editor._toolbarOpened = next;\n\n  if (editor?.view && editor?.state?.tr) {\n    editor.view.dispatch(editor.state.tr.setMeta(TOOLBAR_OPENED_META_KEY, true));\n  }\n};\n"],"mappings":";;;;;;AAAO,IAAMA,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,sBAAsB;AAEtD,IAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAM,EAAEC,MAAM,EAAK;EAAA,IAAAC,aAAA;EAClD,IAAMC,IAAI,GAAG,CAAC,CAACF,MAAM;EAErB,IAAID,MAAM,CAACI,cAAc,KAAKD,IAAI,EAAE;IAClC;EACF;EAEAH,MAAM,CAACI,cAAc,GAAGD,IAAI;EAE5B,IAAIH,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEK,IAAI,IAAIL,MAAM,aAANA,MAAM,gBAAAE,aAAA,GAANF,MAAM,CAAEM,KAAK,cAAAJ,aAAA,eAAbA,aAAA,CAAeK,EAAE,EAAE;IACrCP,MAAM,CAACK,IAAI,CAACG,QAAQ,CAACR,MAAM,CAACM,KAAK,CAACC,EAAE,CAACE,OAAO,CAACZ,uBAAuB,EAAE,IAAI,CAAC,CAAC;EAC9E;AACF,CAAC","ignoreList":[]}

package/src/components/CharacterPicker.jsx

@@ -1,237 +0,0 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-import get from 'lodash-es/get';
-
-import { PureToolbar } from '@pie-lib/math-toolbar';
-
-import CustomPopper from './characters/custom-popper';
-import { spanishConfig, specialConfig } from './characters/characterUtils';
-
-const CharacterIcon = ({ letter }) => (
-  <div
-    style={{
-      fontSize: '24px',
-      lineHeight: '24px',
-    }}
-  >
-    {letter}
-  </div>
-);
-
-CharacterIcon.propTypes = {
-  letter: PropTypes.string,
-};
-
-export function CharacterPicker({ editor, opts, onClose }) {
-  if (!opts?.characters?.length) {
-    return null;
-  }
-
-  const containerRef = useRef(null);
-  const onCloseRef = useRef(onClose);
-  const [position, setPosition] = useState({ top: 0, left: 0 });
-  const [popover, setPopover] = useState(null);
-
-  onCloseRef.current = onClose;
-
-  const configToUse = useMemo(() => {
-    if (!opts) return spanishConfig;
-
-    switch (true) {
-      case opts.language === 'spanish':
-        return spanishConfig;
-      case opts.language === 'special':
-        return specialConfig;
-      default:
-        return opts;
-    }
-  }, [opts]);
-
-  const layoutForCharacters = useMemo(
-    () =>
-      configToUse.characters.reduce(
-        (obj, arr) => {
-          if (arr.length >= obj.columns) {
-            obj.columns = arr.length;
-          }
-
-          return obj;
-        },
-        { rows: configToUse.characters.length, columns: 0 },
-      ),
-    [configToUse],
-  );
-
-  const closePopOver = () => setPopover(null);
-
-  useEffect(
-    () => () => {
-      closePopOver();
-    },
-    [],
-  );
-
-  // Keep `onClose` out of the dependency array — parents often pass a new callback each
-  // render (e.g. after each keystroke), which would re-run this effect constantly. Use a
-  // ref so click-outside always calls the latest close handler.
-  useEffect(() => {
-    if (!editor) return;
-
-    const editorDOM = editor.options.element;
-    const editorViewDom = editor.view.dom;
-
-    // Position is computed in viewport coordinates (the dialog uses position: fixed),
-    // so coordsAtPos / getBoundingClientRect values can be used directly without
-    // adding scroll offsets. The dialog is then clamped to the viewport so it does
-    // not get cut off by fixed page headers/footers.
-    const updatePosition = () => {
-      if (!containerRef.current) return;
-
-      const editorRect = editorDOM.getBoundingClientRect();
-      const { from } = editor.state.selection;
-      const start = editor.view.coordsAtPos(from);
-
-      const dialogHeight = containerRef.current.offsetHeight;
-      const dialogWidth = containerRef.current.offsetWidth;
-
-      // prefer below the editor; flip above when there isn't room below.
-      const spaceBelow = window.innerHeight - (editorRect.bottom + 60);
-      let top =
-        spaceBelow >= dialogHeight || editorRect.top < dialogHeight + 80
-          ? editorRect.bottom + 60
-          : editorRect.top - dialogHeight - 20;
-
-      let left = start.left;
-
-      const margin = 8;
-      top = Math.max(margin, Math.min(top, window.innerHeight - dialogHeight - margin));
-      left = Math.max(margin, Math.min(left, window.innerWidth - dialogWidth - margin));
-
-      setPosition({ top, left });
-    };
-
-    updatePosition();
-
-    let frame = null;
-    const scheduleUpdate = () => {
-      if (frame !== null) return;
-      frame = requestAnimationFrame(() => {
-        frame = null;
-        updatePosition();
-      });
-    };
-
-    window.addEventListener('scroll', scheduleUpdate, true);
-    window.addEventListener('resize', scheduleUpdate);
-
-    const handleClickOutside = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target) && !editorViewDom.contains(e.target)) {
-        onCloseRef.current();
-      }
-    };
-
-    const timeoutId = setTimeout(() => {
-      document.addEventListener('click', handleClickOutside);
-    });
-
-    return () => {
-      clearTimeout(timeoutId);
-      if (frame !== null) cancelAnimationFrame(frame);
-      window.removeEventListener('scroll', scheduleUpdate, true);
-      window.removeEventListener('resize', scheduleUpdate);
-      document.removeEventListener('click', handleClickOutside);
-    };
-  }, [editor]);
-
-  const renderPopOver = (event, el) => setPopover({ anchorEl: event.currentTarget, el });
-
-  const handleChange = (val) => {
-    if (typeof val === 'string') {
-      editor.chain().focus().insertContent(val).run();
-    }
-  };
-
-  return (
-    <>
-      {ReactDOM.createPortal(
-        <div
-          ref={containerRef}
-          className="insert-character-dialog"
-          data-toolbar-for={editor.instanceId}
-          style={{
-            visibility: position.top === 0 && position.left === 0 ? 'hidden' : 'initial',
-            position: 'fixed',
-            top: `${position.top}px`,
-            left: `${position.left}px`,
-            maxWidth: '500px',
-            zIndex: 1000,
-          }}
-        >
-          <div>
-            <PureToolbar
-              keyPadCharacterRef={opts.keyPadCharacterRef}
-              setKeypadInteraction={opts.setKeypadInteraction}
-              autoFocus
-              noDecimal
-              hideInput
-              noLatexHandling
-              hideDoneButtonBackground
-              layoutForKeyPad={layoutForCharacters}
-              additionalKeys={configToUse.characters.reduce((arr, n) => {
-                arr = [
-                  ...arr,
-                  ...n.map((k) => ({
-                    name: get(k, 'name') || k,
-                    write: get(k, 'write') || k,
-                    label: get(k, 'label') || k,
-                    category: 'character',
-                    extraClass: 'character',
-                    extraProps: {
-                      ...(k.extraProps || {}),
-                      style: {
-                        ...(k.extraProps || {}).style,
-                        border: '1px solid #000',
-                      },
-                    },
-                    ...(configToUse.hasPreview
-                      ? {
-                          actions: {
-                            onMouseEnter: (ev) => renderPopOver(ev, k),
-                            onMouseLeave: closePopOver,
-                          },
-                        }
-                      : {}),
-                  })),
-                ];
-
-                return arr;
-              }, [])}
-              keypadMode="language"
-              onChange={handleChange}
-              onDone={onClose}
-            />
-          </div>
-        </div>,
-        document.body,
-      )}
-      {popover &&
-        ReactDOM.createPortal(
-          <CustomPopper onClose={closePopOver} anchorEl={popover.anchorEl}>
-            <div>{popover.el.label}</div>
-            <div style={{ fontSize: 20, lineHeight: '20px' }}>{popover.el.description}</div>
-            <div style={{ fontSize: 20, lineHeight: '20px' }}>{popover.el.unicode}</div>
-          </CustomPopper>,
-          document.body,
-        )}
-    </>
-  );
-}
-
-CharacterPicker.propTypes = {
-  editor: PropTypes.object,
-  opts: PropTypes.object,
-  onClose: PropTypes.func.isRequired,
-};
-
-export { CharacterIcon };