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

package/src/styles/editorContainerStyles.js

@@ -1,145 +0,0 @@
-import { color } from '@pie-lib/render-ui';
-
-const styles = (theme) => ({
-  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: color.text(),
-      backgroundColor: 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: color.text(),
-    backgroundColor: color.background(),
-  },
-  disabledScrollbar: {
-    '&::-webkit-scrollbar': {
-      display: 'none',
-    },
-    scrollbarWidth: 'none',
-    '-ms-overflow-style': 'none',
-  },
-  error: {
-    border: `2px solid ${theme.palette.error.main} !important`,
-  },
-  noBorder: {
-    border: 'none',
-  },
-  noPadding: {
-    padding: 0,
-  },
-  toolbarOnTop: {
-    marginTop: '45px',
-  },
-});
-
-export default styles;

package/src/theme.js

@@ -1 +0,0 @@
-export const primary = '#304ffe';

package/src/utils/helper.js

@@ -1,69 +0,0 @@
-const escapeHtml = (str) =>
-  String(str)
-    .replace(/&/g, '&')
-    .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>"
- */
-const convertConsecutiveDivsToParagraph = (html) => {
-  // Create a temporary element to parse the HTML
-  const temp = document.createElement('div');
-  temp.innerHTML = html;
-
-  // Get all top-level children
-  const 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)
-  const allDivs = children.every((child) => child.tagName === 'DIV');
-
-  if (!allDivs) {
-    return html;
-  }
-
-  // Check if divs have no attributes (only convert plain divs)
-  const hasNoAttributes = children.every((div) => div.attributes.length === 0);
-
-  if (!hasNoAttributes) {
-    return html;
-  }
-
-  // Check if divs contain only simple content (no nested block elements)
-  const hasOnlySimpleContent = children.every((div) => {
-    return Array.from(div.children).every((child) => {
-      const 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
-  const contents = children.map((div) => div.innerHTML);
-  return `<p>${contents.join('<br>')}</p>`;
-};
-
-export const normalizeInitialMarkup = (markup) => {
-  const trimmed = String(markup ?? '').trim();
-  if (!trimmed) return '<div></div>';
-
-  const looksLikeHtml = /<[^>]+>/.test(trimmed);
-  if (!looksLikeHtml) {
-    return `<div>${escapeHtml(trimmed)}</div>`;
-  }
-
-  // Apply the div-to-paragraph transformation
-  return convertConsecutiveDivsToParagraph(trimmed);
-};

package/src/utils/size.js

@@ -1,32 +0,0 @@
-export const valueToSize = (v) => {
-  if (!v) {
-    return;
-  }
-
-  const 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;
-    }
-
-    const value = parseInt(v, 10);
-
-    return Number.isNaN(value) ? value : `${value}px`;
-  }
-
-  if (typeof v === 'number') {
-    return `${v}px`;
-  }
-};

package/src/utils/toolbar.js

@@ -1,15 +0,0 @@
-export const TOOLBAR_OPENED_META_KEY = 'toolbarOpenedChanged';
-
-export const setToolbarOpened = (editor, opened) => {
-  const next = !!opened;
-
-  if (editor._toolbarOpened === next) {
-    return;
-  }
-
-  editor._toolbarOpened = next;
-
-  if (editor?.view && editor?.state?.tr) {
-    editor.view.dispatch(editor.state.tr.setMeta(TOOLBAR_OPENED_META_KEY, true));
-  }
-};