@pie-lib/math-toolbar 1.11.31-next.134 → 1.13.0-beta.0

package/lib/math-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/math-preview.jsx"],"names":["log","useStyles","theme","root","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","selected","insideOverlay","bottom","RawMathPreview","React","forwardRef","props","ref","node","data","latex","isSelected","onFocus","onBlur","attributes","children","classes","propTypes","element","PropTypes","object","string","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport get from 'lodash/get';\nimport debug from 'debug';\nimport { makeStyles } from '@material-ui/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    position: 'relative',\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n      '-webkit-font-smoothing': 'antialiased !important',\n    },\n    '& > .mq-math-mode > span > var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode span var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode .mq-nonSymbola': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode > span > var.mq-operator-name': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n    },\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey',\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: 'solid 1px black',\n      borderRadius: '0px',\n    },\n    '& > .mq-math-mode .mq-root-block': {\n      paddingTop: '7px !important',\n    },\n    '& > .mq-math-mode .mq-overarc ': {\n      paddingTop: '0.45em !important',\n    },\n    '& > .mq-math-mode .mq-sqrt-prefix': {\n      verticalAlign: 'baseline !important',\n      top: '1px !important',\n      left: '-0.1em !important',\n    },\n    '& > .mq-math-mode .mq-denominator': {\n      marginTop: '-5px !important',\n      padding: '0.5em 0.1em 0.1em !important',\n    },\n    '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n      padding: '0 0.1em !important',\n      paddingBottom: '0 !important',\n      marginBottom: '-2px',\n    },\n    '& > .mq-math-mode sup.mq-nthroot': {\n      fontSize: '70.7% !important',\n      verticalAlign: '0.5em !important',\n      paddingRight: '0.15em',\n    },\n    '& > .mq-longdiv-inner': {\n      marginTop: '-1px',\n      marginLeft: '5px !important;',\n\n      '& > .mq-empty': {\n        padding: '0 !important',\n        marginLeft: '0px !important',\n        marginTop: '2px',\n      },\n    },\n    '& > .mq-math-mode .mq-longdiv': {\n      display: 'inline-flex !important',\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n      paddingTop: '6px !important',\n      paddingLeft: '4px !important',\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n      marginLeft: '0 !important',\n    },\n    '& > .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important',\n    },\n    '& > .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n    },\n    '& > .mq-math-mode .mq-paren': {\n      verticalAlign: 'top !important',\n      padding: '1px 0.1em !important',\n    },\n\n    '& > .mq-math-mode .mq-sqrt-stem': {\n      borderTop: '0.07em solid',\n      marginLeft: '-1.5px',\n      marginTop: '-2px !important',\n      paddingTop: '5px !important',\n    },\n    '& > .mq-supsub ': {\n      fontSize: '70.7%',\n    },\n\n    '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n      verticalAlign: '-0.1em !important',\n\n      '& .mq-sup': {\n        marginBottom: '0px !important',\n      },\n    },\n    '& .mq-overarrow-inner': {\n      paddingTop: '0 !important',\n      border: 'none !important',\n    },\n    '& .mq-editable-field .mq-cursor': {\n      marginTop: '-15px !important',\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.5px',\n      marginTop: '0px',\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important',\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px',\n      },\n      '&:after': {\n        top: '0px !important',\n        position: 'absolute',\n        right: '-2px',\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em',\n      },\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px',\n      },\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important',\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important',\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important',\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85,\n    },\n  },\n  selected: {\n    border: `solid 1px ${get(theme, 'palette.primary.main')}`,\n    '& > .mq-math-mode': {\n      border: 'solid 0px lightgrey',\n    },\n  },\n  insideOverlay: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n}));\n\nexport const RawMathPreview = React.forwardRef((props, ref) => {\n  log('[render] data: ', props.node.data);\n  const latex = props.node.data.latex;\n  const { isSelected, onFocus, onBlur, attributes, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      className={classNames(classes.root, isSelected && classes.selected)}\n      {...attributes}\n      contentEditable={false}\n      ref={ref}\n    >\n      {children} <span className={classes.insideOverlay} />\n      <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n    </div>\n  );\n});\n\nRawMathPreview.propTypes = {\n  element: PropTypes.object,\n  latex: PropTypes.string,\n  node: PropTypes.object,\n  classes: PropTypes.object,\n  isSelected: PropTypes.bool,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n};\n\nexport default RawMathPreview;\n"],"file":"math-preview.js"}