@pie-lib/mask-markup 3.0.3-next.6 → 3.0.4-next.0

package/src/with-mask.jsx

@@ -1,75 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Mask from './mask';
-import componentize from './componentize';
-import { deserialize } from './serialization';
-
-export const buildLayoutFromMarkup = (markup, type) => {
-  const { markup: processed } = componentize(markup, type);
-  const value = deserialize(processed);
-  return value.document;
-};
-
-export const withMask = (type, renderChildren) => {
-  return class WithMask extends React.Component {
-    static propTypes = {
-      /**
-       * At the start we'll probably work with markup
-       */
-      markup: PropTypes.string,
-      /**
-       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.
-       */
-      layout: PropTypes.object,
-      value: PropTypes.object,
-      onChange: PropTypes.func,
-      customMarkMarkupComponent: PropTypes.func,
-      elementType: PropTypes.string,
-    };
-
-    constructor(props) {
-      super(props);
-      this.containerRef = React.createRef();
-    }
-
-    componentDidUpdate(prevProps) {
-      if (this.props.markup !== prevProps.markup) {
-        const domNode = this.containerRef.current;
-        const mathElements = domNode && domNode.querySelectorAll('[data-latex][data-math-handled="true"]');
-
-        // Clean up for fresh MathJax processing
-        (mathElements || []).forEach((el) => {
-          // Remove the MathJax container to allow for clean updates
-          const mjxContainer = el.querySelector('mjx-container');
-
-          if (mjxContainer) {
-            el.removeChild(mjxContainer);
-          }
-
-          // Update the innerHTML to match the raw LaTeX data, ensuring it is reprocessed correctly
-          const latexCode = el.getAttribute('data-raw');
-          el.innerHTML = latexCode;
-
-          // Remove the attribute to signal that MathJax should reprocess this element
-          el.removeAttribute('data-math-handled');
-        });
-      }
-    }
-
-    render() {
-      const { markup, layout, value, onChange, elementType } = this.props;
-
-      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);
-      return (
-        <Mask
-          containerRef={this.containerRef}
-          elementType={elementType}
-          layout={maskLayout}
-          value={value}
-          onChange={onChange}
-          renderChildren={renderChildren(this.props)}
-        />
-      );
-    }
-  };
-};