@pie-lib/editable-html-tip-tap 2.1.12-next.31 → 2.1.12-next.42

package/lib/components/TiptapContainer.js

@@ -106,14 +106,14 @@ var StyledRoot = (0, _styles.styled)('div', {
       backgroundColor: _renderUi.color.background()
     },
     '& table:not([border="1"]) tr': {
-      borderTop: '1px solid #dfe2e5'
+      borderTop: "1px solid ".concat(_renderUi.color.tableGridLight())
     },
     '& td, th': {
       padding: '.6em 1em',
       textAlign: 'center'
     },
     '& table:not([border="1"]) td, th': {
-      border: '1px solid #dfe2e5'
+      border: "1px solid ".concat(_renderUi.color.tableGridLight())
     }
   }, error && {
     border: "2px solid ".concat(theme.palette.error.main, " !important")

package/lib/components/TiptapContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TiptapContainer.js","names":["_react","_interopRequireWildcard","require","_styles","_renderUi","_size","_MenuBar","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledRoot","styled","shouldForwardProp","prop","includes","_ref","theme","noBorder","error","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","marginTop","margin","marginBottom","lineHeight","textWrap","fontSize","backgroundColor","color","background","fontFamily","borderLeft","tableLayout","width","borderCollapse","text","borderTop","textAlign","concat","palette","main","StyledEditorHolder","_ref2","disableScrollbar","highlightShape","overflowY","action","selected","display","scrollbarWidth","StyledChildren","_ref3","noPadding","TiptapContainer","props","_useState","useState","_useState2","_slicedToArray2","adjustedWidth","setAdjustedWidth","rootRef","useRef","editor","disabled","children","activePlugins","toolbarOpts","responseAreaProps","autoFocus","minWidth","maxWidth","minHeight","height","ref","useEffect","current","_tiptapContainerEl","Promise","resolve","then","commands","focus","adjustWidthForLimit","el","document","createElement","style","visibility","whiteSpace","textContent","repeat","charactersLimit","computedStyles","window","getComputedStyle","fontStyleProps","body","appendChild","offsetWidth","remove","sizeStyle","useMemo","valueToSize","className","onChange","autoWidthToolbar","_default","exports"],"sources":["../../src/components/TiptapContainer.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { valueToSize } from '../utils/size';\n\nimport StyledMenuBar from './MenuBar';\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['noBorder', 'error'].includes(prop),\n})(({ theme, noBorder, error }) => ({\n  position: 'relative',\n  padding: '0px',\n  border: noBorder ? 'none' : '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    padding: '5px',\n  },\n  '&:first-child': {\n    marginTop: 0,\n  },\n  '& ul, & ol': {\n    padding: '0 1rem',\n    margin: '1.25rem 1rem 1.25rem 0.4rem',\n  },\n  '& ul li p, & ol li p': {\n    marginTop: '0.25em',\n    marginBottom: '0.25em',\n  },\n  '& h1, & h2, & h3, & h4, & h5, & h6': {\n    lineHeight: 1.1,\n    marginTop: '2.5rem',\n    textWrap: 'pretty',\n  },\n  '& h1, & h2': {\n    marginTop: '3.5rem',\n    marginBottom: '1.5rem',\n  },\n  '& h1': {\n    fontSize: '1.4rem',\n  },\n  '& h2': {\n    fontSize: '1.2rem',\n  },\n  '& h3': {\n    fontSize: '1.1rem',\n  },\n  '& h4, & h5, & h6': {\n    fontSize: '1rem',\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  '& 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    '& code': {\n      background: 'none',\n      color: 'inherit',\n      fontSize: '0.8rem',\n      padding: 0,\n    },\n  },\n  '& blockquote': {\n    background: '#f9f9f9',\n    borderLeft: '5px solid #ccc',\n    margin: '1.5em 10px',\n    padding: '.5em 10px',\n  },\n  '& p': {\n    margin: '0',\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  ...(error && {\n    border: `2px solid ${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst StyledEditorHolder = styled('div', {\n  shouldForwardProp: (prop) => !['disableScrollbar', 'highlightShape'].includes(prop),\n})(({ theme, disableScrollbar, highlightShape }) => ({\n  position: 'relative',\n  padding: '0px',\n  overflowY: 'auto',\n  color: color.text(),\n  backgroundColor: highlightShape ? theme.palette.action.selected : color.background(),\n  ...(disableScrollbar && {\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    scrollbarWidth: 'none',\n    '-ms-overflow-style': 'none',\n  }),\n}));\n\nconst StyledChildren = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'noPadding',\n})(({ noPadding }) => ({\n  padding: noPadding ? 0 : '10px 8px',\n}));\n\nfunction TiptapContainer(props) {\n  const [adjustedWidth, setAdjustedWidth] = useState(null);\n  const rootRef = useRef(null);\n  const {\n    editor,\n    disabled,\n    children,\n    disableScrollbar,\n    activePlugins,\n    toolbarOpts,\n    responseAreaProps,\n    autoFocus,\n    minWidth,\n    width,\n    maxWidth,\n    minHeight,\n    height,\n    maxHeight,\n    highlightShape,\n    ref,\n  } = props;\n\n  useEffect(() => {\n    if (editor && rootRef.current) {\n      editor._tiptapContainerEl = rootRef.current;\n    }\n  }, [editor, rootRef.current]);\n\n  useEffect(() => {\n    if (editor && autoFocus) {\n      Promise.resolve().then(() => {\n        editor.commands.focus('end');\n      });\n    }\n  }, [editor, autoFocus]);\n\n  useEffect(() => {\n    if (props.adjustWidthForLimit) {\n      const el = document.createElement('p');\n\n      el.style.visibility = 'hidden';\n      el.style.position = 'absolute';\n      el.style.whiteSpace = 'nowrap';\n      el.textContent = 'W'.repeat(props.charactersLimit);\n\n      // Copy font styles from the editor container so the width measurement reflects the actual font\n      const computedStyles = window.getComputedStyle(rootRef.current);\n      const fontStyleProps = [\n        'fontFamily',\n        'fontSize',\n        'fontWeight',\n        'fontStyle',\n        'letterSpacing',\n        'wordSpacing',\n        'textTransform',\n        'lineHeight',\n      ];\n\n      fontStyleProps.forEach((prop) => {\n        el.style[prop] = computedStyles[prop];\n      });\n\n      document.body.appendChild(el);\n      setAdjustedWidth(`${el.offsetWidth + 27}px`);\n      el.remove();\n    }\n  }, [props.adjustWidthForLimit, props.charactersLimit]);\n\n  const sizeStyle = useMemo(\n    () => ({\n      width: valueToSize(adjustedWidth || width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    }),\n    [adjustedWidth, minWidth, width, maxWidth, minHeight, height, maxHeight],\n  );\n\n  return (\n    <StyledRoot\n      noBorder={toolbarOpts && toolbarOpts.noBorder}\n      error={toolbarOpts && toolbarOpts.error}\n      className={props.className}\n      style={{ width: sizeStyle.width, minWidth: sizeStyle.minWidth, maxWidth: sizeStyle.maxWidth }}\n      ref={rootRef}\n    >\n      <StyledEditorHolder disableScrollbar={disableScrollbar} highlightShape={highlightShape}>\n        <StyledChildren noPadding={toolbarOpts && toolbarOpts.noPadding}>{children}</StyledChildren>\n      </StyledEditorHolder>\n\n      {editor && (\n        <StyledMenuBar\n          editor={editor}\n          responseAreaProps={responseAreaProps}\n          toolbarOpts={toolbarOpts}\n          activePlugins={activePlugins}\n          onChange={props.onChange}\n          autoWidthToolbar={props.autoWidthToolbar}\n        />\n      )}\n    </StyledRoot>\n  );\n}\n\nexport default TiptapContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TiptapContainer.js","names":["_react","_interopRequireWildcard","require","_styles","_renderUi","_size","_MenuBar","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledRoot","styled","shouldForwardProp","prop","includes","_ref","theme","noBorder","error","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","marginTop","margin","marginBottom","lineHeight","textWrap","fontSize","backgroundColor","color","background","fontFamily","borderLeft","tableLayout","width","borderCollapse","text","borderTop","concat","tableGridLight","textAlign","palette","main","StyledEditorHolder","_ref2","disableScrollbar","highlightShape","overflowY","action","selected","display","scrollbarWidth","StyledChildren","_ref3","noPadding","TiptapContainer","props","_useState","useState","_useState2","_slicedToArray2","adjustedWidth","setAdjustedWidth","rootRef","useRef","editor","disabled","children","activePlugins","toolbarOpts","responseAreaProps","autoFocus","minWidth","maxWidth","minHeight","height","ref","useEffect","current","_tiptapContainerEl","Promise","resolve","then","commands","focus","adjustWidthForLimit","el","document","createElement","style","visibility","whiteSpace","textContent","repeat","charactersLimit","computedStyles","window","getComputedStyle","fontStyleProps","body","appendChild","offsetWidth","remove","sizeStyle","useMemo","valueToSize","className","onChange","autoWidthToolbar","_default","exports"],"sources":["../../src/components/TiptapContainer.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { valueToSize } from '../utils/size';\n\nimport StyledMenuBar from './MenuBar';\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['noBorder', 'error'].includes(prop),\n})(({ theme, noBorder, error }) => ({\n  position: 'relative',\n  padding: '0px',\n  border: noBorder ? 'none' : '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    padding: '5px',\n  },\n  '&:first-child': {\n    marginTop: 0,\n  },\n  '& ul, & ol': {\n    padding: '0 1rem',\n    margin: '1.25rem 1rem 1.25rem 0.4rem',\n  },\n  '& ul li p, & ol li p': {\n    marginTop: '0.25em',\n    marginBottom: '0.25em',\n  },\n  '& h1, & h2, & h3, & h4, & h5, & h6': {\n    lineHeight: 1.1,\n    marginTop: '2.5rem',\n    textWrap: 'pretty',\n  },\n  '& h1, & h2': {\n    marginTop: '3.5rem',\n    marginBottom: '1.5rem',\n  },\n  '& h1': {\n    fontSize: '1.4rem',\n  },\n  '& h2': {\n    fontSize: '1.2rem',\n  },\n  '& h3': {\n    fontSize: '1.1rem',\n  },\n  '& h4, & h5, & h6': {\n    fontSize: '1rem',\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  '& 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    '& code': {\n      background: 'none',\n      color: 'inherit',\n      fontSize: '0.8rem',\n      padding: 0,\n    },\n  },\n  '& blockquote': {\n    background: '#f9f9f9',\n    borderLeft: '5px solid #ccc',\n    margin: '1.5em 10px',\n    padding: '.5em 10px',\n  },\n  '& p': {\n    margin: '0',\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 ${color.tableGridLight()}`,\n  },\n  '& td, th': {\n    padding: '.6em 1em',\n    textAlign: 'center',\n  },\n  '& table:not([border=\"1\"]) td, th': {\n    border: `1px solid ${color.tableGridLight()}`,\n  },\n  ...(error && {\n    border: `2px solid ${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst StyledEditorHolder = styled('div', {\n  shouldForwardProp: (prop) => !['disableScrollbar', 'highlightShape'].includes(prop),\n})(({ theme, disableScrollbar, highlightShape }) => ({\n  position: 'relative',\n  padding: '0px',\n  overflowY: 'auto',\n  color: color.text(),\n  backgroundColor: highlightShape ? theme.palette.action.selected : color.background(),\n  ...(disableScrollbar && {\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    scrollbarWidth: 'none',\n    '-ms-overflow-style': 'none',\n  }),\n}));\n\nconst StyledChildren = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'noPadding',\n})(({ noPadding }) => ({\n  padding: noPadding ? 0 : '10px 8px',\n}));\n\nfunction TiptapContainer(props) {\n  const [adjustedWidth, setAdjustedWidth] = useState(null);\n  const rootRef = useRef(null);\n  const {\n    editor,\n    disabled,\n    children,\n    disableScrollbar,\n    activePlugins,\n    toolbarOpts,\n    responseAreaProps,\n    autoFocus,\n    minWidth,\n    width,\n    maxWidth,\n    minHeight,\n    height,\n    maxHeight,\n    highlightShape,\n    ref,\n  } = props;\n\n  useEffect(() => {\n    if (editor && rootRef.current) {\n      editor._tiptapContainerEl = rootRef.current;\n    }\n  }, [editor, rootRef.current]);\n\n  useEffect(() => {\n    if (editor && autoFocus) {\n      Promise.resolve().then(() => {\n        editor.commands.focus('end');\n      });\n    }\n  }, [editor, autoFocus]);\n\n  useEffect(() => {\n    if (props.adjustWidthForLimit) {\n      const el = document.createElement('p');\n\n      el.style.visibility = 'hidden';\n      el.style.position = 'absolute';\n      el.style.whiteSpace = 'nowrap';\n      el.textContent = 'W'.repeat(props.charactersLimit);\n\n      // Copy font styles from the editor container so the width measurement reflects the actual font\n      const computedStyles = window.getComputedStyle(rootRef.current);\n      const fontStyleProps = [\n        'fontFamily',\n        'fontSize',\n        'fontWeight',\n        'fontStyle',\n        'letterSpacing',\n        'wordSpacing',\n        'textTransform',\n        'lineHeight',\n      ];\n\n      fontStyleProps.forEach((prop) => {\n        el.style[prop] = computedStyles[prop];\n      });\n\n      document.body.appendChild(el);\n      setAdjustedWidth(`${el.offsetWidth + 27}px`);\n      el.remove();\n    }\n  }, [props.adjustWidthForLimit, props.charactersLimit]);\n\n  const sizeStyle = useMemo(\n    () => ({\n      width: valueToSize(adjustedWidth || width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    }),\n    [adjustedWidth, minWidth, width, maxWidth, minHeight, height, maxHeight],\n  );\n\n  return (\n    <StyledRoot\n      noBorder={toolbarOpts && toolbarOpts.noBorder}\n      error={toolbarOpts && toolbarOpts.error}\n      className={props.className}\n      style={{ width: sizeStyle.width, minWidth: sizeStyle.minWidth, maxWidth: sizeStyle.maxWidth }}\n      ref={rootRef}\n    >\n      <StyledEditorHolder disableScrollbar={disableScrollbar} highlightShape={highlightShape}>\n        <StyledChildren noPadding={toolbarOpts && toolbarOpts.noPadding}>{children}</StyledChildren>\n      </StyledEditorHolder>\n\n      {editor && (\n        <StyledMenuBar\n          editor={editor}\n          responseAreaProps={responseAreaProps}\n          toolbarOpts={toolbarOpts}\n          activePlugins={activePlugins}\n          onChange={props.onChange}\n          autoWidthToolbar={props.autoWidthToolbar}\n        />\n      )}\n    </StyledRoot>\n  );\n}\n\nexport default TiptapContainer;\n"],"mappings":"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","ignoreList":[]}

package/lib/styles/editorContainerStyles.js

@@ -92,14 +92,14 @@ var styles = function styles(theme) {
         backgroundColor: _renderUi.color.background()
       },
       '& table:not([border="1"]) tr': {
-        borderTop: '1px solid #dfe2e5'
+        borderTop: "1px solid ".concat(_renderUi.color.tableGridLight())
       },
       '& td, th': {
         padding: '.6em 1em',
         textAlign: 'center'
       },
       '& table:not([border="1"]) td, th': {
-        border: '1px solid #dfe2e5'
+        border: "1px solid ".concat(_renderUi.color.tableGridLight())
       }
     },
     children: {

package/lib/styles/editorContainerStyles.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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","concat","tableGridLight","textAlign","children","editorHolder","overflowY","disabledScrollbar","display","scrollbarWidth","error","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 ${color.tableGridLight()}`,\n    },\n    '& td, th': {\n      padding: '.6em 1em',\n      textAlign: 'center',\n    },\n    '& table:not([border=\"1\"]) td, th': {\n      border: `1px solid ${color.tableGridLight()}`,\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/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.1.12-next.31+4c79a32cd",
+  "version": "2.1.12-next.42+cfa076a8a",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -16,11 +16,11 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.7-next.54+4c79a32cd",
+    "@pie-lib/drag": "^4.0.7-next.65+cfa076a8a",
     "@pie-lib/math-input": "^8.1.1",
     "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/math-toolbar": "^3.0.6",
-    "@pie-lib/render-ui": "^6.1.3",
+    "@pie-lib/math-toolbar": "^3.0.7-next.65+cfa076a8a",
+    "@pie-lib/render-ui": "^6.1.4-next.65+cfa076a8a",
     "@tiptap/core": "3.20.0",
     "@tiptap/extension-character-count": "3.20.0",
     "@tiptap/extension-color": "3.20.0",
@@ -32,10 +32,10 @@
     "@tiptap/extension-table": "3.20.0",
     "@tiptap/extension-table-cell": "3.20.0",
     "@tiptap/extension-table-header": "3.20.0",
-    "@tiptap/extension-table-row": "3.20.0",
+    "@tiptap/extension-table-row": "3.30.1",
     "@tiptap/extension-text-align": "3.20.0",
     "@tiptap/extension-text-style": "3.20.0",
-    "@tiptap/pm": "3.20.0",
+    "@tiptap/pm": "3.30.2",
     "@tiptap/react": "3.20.0",
     "@tiptap/starter-kit": "3.20.0",
     "change-case": "^3.0.2",
@@ -59,6 +59,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "4c79a32cd89da8ebf5312a130b177fc77c14345f",
+  "gitHead": "cfa076a8a8c5b9528ad666b8e41e631e86e0df29",
   "scripts": {}
 }

package/src/components/TiptapContainer.jsx

@@ -89,14 +89,14 @@ const StyledRoot = styled('div', {
     backgroundColor: color.background(),
   },
   '& table:not([border="1"]) tr': {
-    borderTop: '1px solid #dfe2e5',
+    borderTop: `1px solid ${color.tableGridLight()}`,
   },
   '& td, th': {
     padding: '.6em 1em',
     textAlign: 'center',
   },
   '& table:not([border="1"]) td, th': {
-    border: '1px solid #dfe2e5',
+    border: `1px solid ${color.tableGridLight()}`,
   },
   ...(error && {
     border: `2px solid ${theme.palette.error.main} !important`,

package/src/styles/editorContainerStyles.js

@@ -101,14 +101,14 @@ const styles = (theme) => ({
       backgroundColor: color.background(),
     },
     '& table:not([border="1"]) tr': {
-      borderTop: '1px solid #dfe2e5',
+      borderTop: `1px solid ${color.tableGridLight()}`,
     },
     '& td, th': {
       padding: '.6em 1em',
       textAlign: 'center',
     },
     '& table:not([border="1"]) td, th': {
-      border: '1px solid #dfe2e5',
+      border: `1px solid ${color.tableGridLight()}`,
     },
   },
   children: {