@pie-lib/mask-markup 1.10.21-next.308 → 1.10.21-next.414

package/lib/mask.js

@@ -1,52 +1,46 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderChildren = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _get = _interopRequireDefault(require("lodash/get"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _styles = require("@material-ui/core/styles");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _serialization = require("./serialization");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _get = _interopRequireDefault(require("lodash/get"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _styles = require("@material-ui/core/styles");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _serialization = require("./serialization");
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var Paragraph = (0, _styles.withStyles)(function (theme) {
   return {
     para: {
@@ -143,11 +137,11 @@ var renderChildren = function renderChildren(layout, value, onChange, rootRender
         var _Tag = n.type;
 
         if (n.nodes && n.nodes.length > 0) {
-          children.push( /*#__PURE__*/_react["default"].createElement(_Tag, _extends({
+          children.push( /*#__PURE__*/_react["default"].createElement(_Tag, (0, _extends2["default"])({
             key: key
           }, n.data.attributes), subNodes));
         } else {
-          children.push( /*#__PURE__*/_react["default"].createElement(_Tag, _extends({
+          children.push( /*#__PURE__*/_react["default"].createElement(_Tag, (0, _extends2["default"])({
             key: key
           }, n.data.attributes)));
         }
@@ -174,31 +168,29 @@ var MaskContainer = (0, _styles.withStyles)(function () {
  */
 
 var Mask = /*#__PURE__*/function (_React$Component) {
-  _inherits(Mask, _React$Component);
+  (0, _inherits2["default"])(Mask, _React$Component);
 
   var _super = _createSuper(Mask);
 
   function Mask() {
     var _this;
 
-    _classCallCheck(this, Mask);
+    (0, _classCallCheck2["default"])(this, Mask);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (id, value) {
-      var data = _objectSpread(_objectSpread({}, _this.props.value), {}, _defineProperty({}, id, value));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (id, value) {
+      var data = _objectSpread(_objectSpread({}, _this.props.value), {}, (0, _defineProperty2["default"])({}, id, value));
 
       _this.props.onChange(data);
     });
-
     return _this;
   }
 
-  _createClass(Mask, [{
+  (0, _createClass2["default"])(Mask, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -208,13 +200,11 @@ var Mask = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(MaskContainer, null, children);
     }
   }]);
-
   return Mask;
 }(_react["default"].Component);
 
 exports["default"] = Mask;
-
-_defineProperty(Mask, "propTypes", {
+(0, _defineProperty2["default"])(Mask, "propTypes", {
   renderChildren: _propTypes["default"].func,
   layout: _propTypes["default"].object,
   value: _propTypes["default"].object,

package/lib/mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask.js","names":["Paragraph","withStyles","theme","para","paddingTop","spacing","unit","paddingBottom","props","classes","children","restrictWhitespaceTypes","addText","parentNode","text","isWhitespace","trim","parentType","type","includes","undefined","getMark","n","mark","leaves","find","leave","get","length","marks","renderChildren","layout","value","onChange","rootRenderChildren","nodes","forEach","index","key","isMath","push","__html","innerHTML","c","object","content","reduce","acc","l","t","extraText","markKey","MARK_TAGS","Tag","subNodes","data","attributes","MaskContainer","main","display","Mask","id","handleChange","React","Component","PropTypes","func"],"sources":["../src/mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MARK_TAGS } from './serialization';\n\nconst Paragraph = withStyles(theme => ({\n  para: {\n    paddingTop: 2 * theme.spacing.unit,\n    paddingBottom: 2 * theme.spacing.unit\n  }\n}))(props => <div className={props.classes.para}>{props.children}</div>);\n\nconst restrictWhitespaceTypes = ['tbody', 'tr'];\n\nconst addText = (parentNode, text) => {\n  const isWhitespace = text.trim() === '';\n  const parentType = parentNode && parentNode.type;\n\n  if (isWhitespace && restrictWhitespaceTypes.includes(parentType)) {\n    return undefined;\n  } else {\n    return text;\n  }\n};\n\nconst getMark = n => {\n  const mark = n.leaves.find(leave => get(leave, 'marks', []).length);\n\n  if (mark) {\n    return mark.marks[0];\n  }\n\n  return null;\n};\n\nexport const renderChildren = (layout, value, onChange, rootRenderChildren, parentNode) => {\n  if (!value) {\n    return null;\n  }\n\n  const children = [];\n\n  (layout.nodes || []).forEach((n, index) => {\n    const key = `${n.type}-${index}`;\n\n    if (n.isMath) {\n      children.push(\n        <span dangerouslySetInnerHTML={{ __html: `<math displaystyle=\"true\">${n.nodes[0].innerHTML}</math>` }} />\n      );\n      return children;\n    }\n\n    if (rootRenderChildren) {\n      const c = rootRenderChildren(n, value, onChange);\n      if (c) {\n        children.push(c);\n        return;\n      }\n    }\n\n    if (n.object === 'text') {\n      const content = n.leaves.reduce((acc, l) => {\n        const t = l.text;\n        const extraText = addText(parentNode, t);\n        return extraText ? acc + extraText : acc;\n      }, '');\n      const mark = getMark(n);\n\n      if (mark) {\n        let markKey;\n\n        for (markKey in MARK_TAGS) {\n          if (MARK_TAGS[markKey] === mark.type) {\n            const Tag = markKey;\n\n            children.push(<Tag>{content}</Tag>);\n            break;\n          }\n        }\n      } else if (content.length > 0) {\n        children.push(content);\n      }\n    } else {\n      const subNodes = renderChildren(n, value, onChange, rootRenderChildren, n);\n      if (n.type === 'p' || n.type === 'paragraph') {\n        children.push(<Paragraph key={key}>{subNodes}</Paragraph>);\n      } else {\n        const Tag = n.type;\n        if (n.nodes && n.nodes.length > 0) {\n          children.push(\n            <Tag key={key} {...n.data.attributes}>\n              {subNodes}\n            </Tag>\n          );\n        } else {\n          children.push(<Tag key={key} {...n.data.attributes} />);\n        }\n      }\n    }\n  });\n  return children;\n};\n\nconst MaskContainer = withStyles(() => ({\n  main: {\n    display: 'initial'\n  }\n}))(props => <div className={props.classes.main}>{props.children}</div>);\n\n/**\n * Renders a layout that uses the slate.js Value model structure.\n */\nexport default class Mask extends React.Component {\n  static propTypes = {\n    renderChildren: PropTypes.func,\n    layout: PropTypes.object,\n    value: PropTypes.object,\n    onChange: PropTypes.func\n  };\n\n  handleChange = (id, value) => {\n    const data = { ...this.props.value, [id]: value };\n    this.props.onChange(data);\n  };\n\n  render() {\n    const { value, layout } = this.props;\n    const children = renderChildren(layout, value, this.handleChange, this.props.renderChildren);\n\n    return <MaskContainer>{children}</MaskContainer>;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"mask.js","names":["Paragraph","withStyles","theme","para","paddingTop","spacing","unit","paddingBottom","props","classes","children","restrictWhitespaceTypes","addText","parentNode","text","isWhitespace","trim","parentType","type","includes","undefined","getMark","n","mark","leaves","find","leave","get","length","marks","renderChildren","layout","value","onChange","rootRenderChildren","nodes","forEach","index","key","isMath","push","__html","innerHTML","c","object","content","reduce","acc","l","t","extraText","markKey","MARK_TAGS","Tag","subNodes","data","attributes","MaskContainer","main","display","Mask","id","handleChange","React","Component","PropTypes","func"],"sources":["../src/mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MARK_TAGS } from './serialization';\n\nconst Paragraph = withStyles(theme => ({\n  para: {\n    paddingTop: 2 * theme.spacing.unit,\n    paddingBottom: 2 * theme.spacing.unit\n  }\n}))(props => <div className={props.classes.para}>{props.children}</div>);\n\nconst restrictWhitespaceTypes = ['tbody', 'tr'];\n\nconst addText = (parentNode, text) => {\n  const isWhitespace = text.trim() === '';\n  const parentType = parentNode && parentNode.type;\n\n  if (isWhitespace && restrictWhitespaceTypes.includes(parentType)) {\n    return undefined;\n  } else {\n    return text;\n  }\n};\n\nconst getMark = n => {\n  const mark = n.leaves.find(leave => get(leave, 'marks', []).length);\n\n  if (mark) {\n    return mark.marks[0];\n  }\n\n  return null;\n};\n\nexport const renderChildren = (layout, value, onChange, rootRenderChildren, parentNode) => {\n  if (!value) {\n    return null;\n  }\n\n  const children = [];\n\n  (layout.nodes || []).forEach((n, index) => {\n    const key = `${n.type}-${index}`;\n\n    if (n.isMath) {\n      children.push(\n        <span dangerouslySetInnerHTML={{ __html: `<math displaystyle=\"true\">${n.nodes[0].innerHTML}</math>` }} />\n      );\n      return children;\n    }\n\n    if (rootRenderChildren) {\n      const c = rootRenderChildren(n, value, onChange);\n      if (c) {\n        children.push(c);\n        return;\n      }\n    }\n\n    if (n.object === 'text') {\n      const content = n.leaves.reduce((acc, l) => {\n        const t = l.text;\n        const extraText = addText(parentNode, t);\n        return extraText ? acc + extraText : acc;\n      }, '');\n      const mark = getMark(n);\n\n      if (mark) {\n        let markKey;\n\n        for (markKey in MARK_TAGS) {\n          if (MARK_TAGS[markKey] === mark.type) {\n            const Tag = markKey;\n\n            children.push(<Tag>{content}</Tag>);\n            break;\n          }\n        }\n      } else if (content.length > 0) {\n        children.push(content);\n      }\n    } else {\n      const subNodes = renderChildren(n, value, onChange, rootRenderChildren, n);\n      if (n.type === 'p' || n.type === 'paragraph') {\n        children.push(<Paragraph key={key}>{subNodes}</Paragraph>);\n      } else {\n        const Tag = n.type;\n        if (n.nodes && n.nodes.length > 0) {\n          children.push(\n            <Tag key={key} {...n.data.attributes}>\n              {subNodes}\n            </Tag>\n          );\n        } else {\n          children.push(<Tag key={key} {...n.data.attributes} />);\n        }\n      }\n    }\n  });\n  return children;\n};\n\nconst MaskContainer = withStyles(() => ({\n  main: {\n    display: 'initial'\n  }\n}))(props => <div className={props.classes.main}>{props.children}</div>);\n\n/**\n * Renders a layout that uses the slate.js Value model structure.\n */\nexport default class Mask extends React.Component {\n  static propTypes = {\n    renderChildren: PropTypes.func,\n    layout: PropTypes.object,\n    value: PropTypes.object,\n    onChange: PropTypes.func\n  };\n\n  handleChange = (id, value) => {\n    const data = { ...this.props.value, [id]: value };\n    this.props.onChange(data);\n  };\n\n  render() {\n    const { value, layout } = this.props;\n    const children = renderChildren(layout, value, this.handleChange, this.props.renderChildren);\n\n    return <MaskContainer>{children}</MaskContainer>;\n  }\n}\n"],"mappings":"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"}

package/lib/serialization.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactAttributes = exports.parseStyleString = exports.deserialize = exports.MARK_TAGS = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _slateHtmlSerializer = _interopRequireDefault(require("slate-html-serializer"));
@@ -13,13 +17,9 @@ var _toStyle = require("to-style");
 
 var _debug = _interopRequireDefault(require("debug"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var log = (0, _debug["default"])('@pie-lib:mask-markup:serialization');
 var INLINE = ['span'];

package/lib/serialization.js.map

@@ -1 +1 @@
-{"version":3,"file":"serialization.js","names":["log","debug","INLINE","MARK","TEXT_NODE","COMMENT_NODE","attr","el","attributes","length","undefined","out","i","a","name","value","getObject","type","includes","parseStyleString","s","regex","match","result","exec","trim","reactAttributes","o","toStyleObject","camelize","addUnits","handleStyles","attribute","styleString","getAttribute","handleClass","acc","classNames","attributesToMap","style","className","MARK_TAGS","b","em","u","code","strong","marks","deserialize","next","mark","tagName","toLowerCase","object","nodes","childNodes","rules","nodeType","leaves","text","textContent","normalAttrs","allAttrs","reduce","isMath","data","dataset","html","Html","defaultBlock","toJSON"],"sources":["../src/serialization.js"],"sourcesContent":["import React from 'react';\nimport Html from 'slate-html-serializer';\nimport { object as toStyleObject } from 'to-style';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:mask-markup:serialization');\n\nconst INLINE = ['span'];\nconst MARK = ['em', 'strong', 'u'];\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst attr = el => {\n  if (!el.attributes || el.attributes.length <= 0) {\n    return undefined;\n  }\n\n  const out = {};\n  let i;\n\n  for (i = 0; i < el.attributes.length; i++) {\n    const a = el.attributes[i];\n\n    out[a.name] = a.value;\n  }\n\n  return out;\n};\n\nconst getObject = type => {\n  if (INLINE.includes(type)) {\n    return 'inline';\n  } else if (MARK.includes(type)) {\n    return 'mark';\n  }\n  return 'block';\n};\n\nexport const parseStyleString = s => {\n  const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n  let match;\n  const result = {};\n  while ((match = regex.exec(s))) {\n    result[match[1]] = match[2].trim();\n  }\n  return result;\n};\n\nexport const reactAttributes = o => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst handleStyles = (el, attribute) => {\n  const styleString = el.getAttribute(attribute);\n\n  return reactAttributes(parseStyleString(styleString));\n};\n\nconst handleClass = (el, acc, attribute) => {\n  const classNames = el.getAttribute(attribute);\n\n  delete acc.class;\n\n  return classNames;\n};\n\nconst attributesToMap = el => (acc, attribute) => {\n  if (!el.getAttribute) {\n    return acc;\n  }\n\n  const value = el.getAttribute(attribute);\n\n  if (value) {\n    switch (attribute) {\n      case 'style':\n        acc.style = handleStyles(el, attribute);\n        break;\n      case 'class':\n        acc.className = handleClass(el, acc, attribute);\n        break;\n      default:\n        acc[attribute] = el.getAttribute(attribute);\n        break;\n    }\n  }\n\n  return acc;\n};\n\nconst attributes = ['border', 'class', 'style'];\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nexport const MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: 'strikethrough',\n  code: 'code',\n  strong: 'strong'\n};\n\nconst marks = {\n  deserialize(el, next) {\n    const mark = MARK_TAGS[el.tagName.toLowerCase()];\n    if (!mark) return;\n    log('[deserialize] mark: ', mark);\n    return {\n      object: 'mark',\n      type: mark,\n      nodes: next(el.childNodes)\n    };\n  }\n};\n\nconst rules = [\n  marks,\n  {\n    /**\n     * deserialize everything, we're not fussy about the dom structure for now.\n     */\n    deserialize: (el, next) => {\n      if (el.nodeType === COMMENT_NODE) {\n        return undefined;\n      }\n\n      if (el.nodeType === TEXT_NODE) {\n        return {\n          object: 'text',\n          leaves: [{ text: el.textContent }]\n        };\n      }\n\n      const type = el.tagName.toLowerCase();\n\n      const normalAttrs = attr(el) || {};\n      const allAttrs = attributes.reduce(attributesToMap(el), { ...normalAttrs });\n      const object = getObject(type);\n\n      if (el.tagName.toLowerCase() === 'math') {\n        return {\n          isMath: true,\n          nodes: [el]\n        };\n      }\n\n      return {\n        object,\n        type,\n        data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },\n        nodes: next(el.childNodes)\n      };\n    }\n  }\n];\n\n/**\n * Create a new serializer instance with our `rules` from above.\n * Having a default div block will just put every div on it's own line, which is not ideal.\n */\nconst html = new Html({ rules, defaultBlock: 'span' });\n\nexport const deserialize = s => html.deserialize(s, { toJSON: true });\n"],"mappings":"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"}
+{"version":3,"file":"serialization.js","names":["log","debug","INLINE","MARK","TEXT_NODE","COMMENT_NODE","attr","el","attributes","length","undefined","out","i","a","name","value","getObject","type","includes","parseStyleString","s","regex","match","result","exec","trim","reactAttributes","o","toStyleObject","camelize","addUnits","handleStyles","attribute","styleString","getAttribute","handleClass","acc","classNames","attributesToMap","style","className","MARK_TAGS","b","em","u","code","strong","marks","deserialize","next","mark","tagName","toLowerCase","object","nodes","childNodes","rules","nodeType","leaves","text","textContent","normalAttrs","allAttrs","reduce","isMath","data","dataset","html","Html","defaultBlock","toJSON"],"sources":["../src/serialization.js"],"sourcesContent":["import React from 'react';\nimport Html from 'slate-html-serializer';\nimport { object as toStyleObject } from 'to-style';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:mask-markup:serialization');\n\nconst INLINE = ['span'];\nconst MARK = ['em', 'strong', 'u'];\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst attr = el => {\n  if (!el.attributes || el.attributes.length <= 0) {\n    return undefined;\n  }\n\n  const out = {};\n  let i;\n\n  for (i = 0; i < el.attributes.length; i++) {\n    const a = el.attributes[i];\n\n    out[a.name] = a.value;\n  }\n\n  return out;\n};\n\nconst getObject = type => {\n  if (INLINE.includes(type)) {\n    return 'inline';\n  } else if (MARK.includes(type)) {\n    return 'mark';\n  }\n  return 'block';\n};\n\nexport const parseStyleString = s => {\n  const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n  let match;\n  const result = {};\n  while ((match = regex.exec(s))) {\n    result[match[1]] = match[2].trim();\n  }\n  return result;\n};\n\nexport const reactAttributes = o => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst handleStyles = (el, attribute) => {\n  const styleString = el.getAttribute(attribute);\n\n  return reactAttributes(parseStyleString(styleString));\n};\n\nconst handleClass = (el, acc, attribute) => {\n  const classNames = el.getAttribute(attribute);\n\n  delete acc.class;\n\n  return classNames;\n};\n\nconst attributesToMap = el => (acc, attribute) => {\n  if (!el.getAttribute) {\n    return acc;\n  }\n\n  const value = el.getAttribute(attribute);\n\n  if (value) {\n    switch (attribute) {\n      case 'style':\n        acc.style = handleStyles(el, attribute);\n        break;\n      case 'class':\n        acc.className = handleClass(el, acc, attribute);\n        break;\n      default:\n        acc[attribute] = el.getAttribute(attribute);\n        break;\n    }\n  }\n\n  return acc;\n};\n\nconst attributes = ['border', 'class', 'style'];\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nexport const MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: 'strikethrough',\n  code: 'code',\n  strong: 'strong'\n};\n\nconst marks = {\n  deserialize(el, next) {\n    const mark = MARK_TAGS[el.tagName.toLowerCase()];\n    if (!mark) return;\n    log('[deserialize] mark: ', mark);\n    return {\n      object: 'mark',\n      type: mark,\n      nodes: next(el.childNodes)\n    };\n  }\n};\n\nconst rules = [\n  marks,\n  {\n    /**\n     * deserialize everything, we're not fussy about the dom structure for now.\n     */\n    deserialize: (el, next) => {\n      if (el.nodeType === COMMENT_NODE) {\n        return undefined;\n      }\n\n      if (el.nodeType === TEXT_NODE) {\n        return {\n          object: 'text',\n          leaves: [{ text: el.textContent }]\n        };\n      }\n\n      const type = el.tagName.toLowerCase();\n\n      const normalAttrs = attr(el) || {};\n      const allAttrs = attributes.reduce(attributesToMap(el), { ...normalAttrs });\n      const object = getObject(type);\n\n      if (el.tagName.toLowerCase() === 'math') {\n        return {\n          isMath: true,\n          nodes: [el]\n        };\n      }\n\n      return {\n        object,\n        type,\n        data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },\n        nodes: next(el.childNodes)\n      };\n    }\n  }\n];\n\n/**\n * Create a new serializer instance with our `rules` from above.\n * Having a default div block will just put every div on it's own line, which is not ideal.\n */\nconst html = new Html({ rules, defaultBlock: 'span' });\n\nexport const deserialize = s => html.deserialize(s, { toJSON: true });\n"],"mappings":"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"}

package/lib/with-mask.js

@@ -1,46 +1,38 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withMask = exports.buildLayoutFromMarkup = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _mask = _interopRequireDefault(require("./mask"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _componentize2 = _interopRequireDefault(require("./componentize"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _serialization = require("./serialization");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _react = _interopRequireDefault(require("react"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _mask = _interopRequireDefault(require("./mask"));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var _componentize2 = _interopRequireDefault(require("./componentize"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+var _serialization = require("./serialization");
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var buildLayoutFromMarkup = function buildLayoutFromMarkup(markup, type) {
   var _componentize = (0, _componentize2["default"])(markup, type),
       processed = _componentize.markup;
@@ -55,17 +47,16 @@ var withMask = function withMask(type, renderChildren) {
   var _class;
 
   return _class = /*#__PURE__*/function (_React$Component) {
-    _inherits(WithMask, _React$Component);
+    (0, _inherits2["default"])(WithMask, _React$Component);
 
     var _super = _createSuper(WithMask);
 
     function WithMask() {
-      _classCallCheck(this, WithMask);
-
+      (0, _classCallCheck2["default"])(this, WithMask);
       return _super.apply(this, arguments);
     }
 
-    _createClass(WithMask, [{
+    (0, _createClass2["default"])(WithMask, [{
       key: "render",
       value: function render() {
         var _this$props = this.props,
@@ -82,9 +73,8 @@ var withMask = function withMask(type, renderChildren) {
         });
       }
     }]);
-
     return WithMask;
-  }(_react["default"].Component), _defineProperty(_class, "propTypes", {
+  }(_react["default"].Component), (0, _defineProperty2["default"])(_class, "propTypes", {
     /**
      * At the start we'll probably work with markup
      */

package/lib/with-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-mask.js","names":["buildLayoutFromMarkup","markup","type","componentize","processed","value","deserialize","document","withMask","renderChildren","props","layout","onChange","maskLayout","React","Component","PropTypes","string","object","func"],"sources":["../src/with-mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * 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`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return (\n        <Mask\n          layout={maskLayout}\n          value={value}\n          onChange={onChange}\n          renderChildren={renderChildren(this.props)}\n        />\n      );\n    }\n  };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAASC,IAAT,EAAkB;EACrD,oBAA8B,IAAAC,yBAAA,EAAaF,MAAb,EAAqBC,IAArB,CAA9B;EAAA,IAAgBE,SAAhB,iBAAQH,MAAR;;EACA,IAAMI,KAAK,GAAG,IAAAC,0BAAA,EAAYF,SAAZ,CAAd;EACA,OAAOC,KAAK,CAACE,QAAb;AACD,CAJM;;;;AAMA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACN,IAAD,EAAOO,cAAP,EAA0B;EAAA;;EAChD;IAAA;;IAAA;;IAAA;MAAA;;MAAA;IAAA;;IAAA;MAAA;MAAA,OAcE,kBAAS;QACP,kBAA4C,KAAKC,KAAjD;QAAA,IAAQT,MAAR,eAAQA,MAAR;QAAA,IAAgBU,MAAhB,eAAgBA,MAAhB;QAAA,IAAwBN,KAAxB,eAAwBA,KAAxB;QAAA,IAA+BO,QAA/B,eAA+BA,QAA/B;QAEA,IAAMC,UAAU,GAAGF,MAAM,GAAGA,MAAH,GAAYX,qBAAqB,CAACC,MAAD,EAASC,IAAT,CAA1D;QACA,oBACE,gCAAC,gBAAD;UACE,MAAM,EAAEW,UADV;UAEE,KAAK,EAAER,KAFT;UAGE,QAAQ,EAAEO,QAHZ;UAIE,cAAc,EAAEH,cAAc,CAAC,KAAKC,KAAN;QAJhC,EADF;MAQD;IA1BH;;IAAA;EAAA,EAA8BI,iBAAA,CAAMC,SAApC,wCACqB;IACjB;AACN;AACA;IACMd,MAAM,EAAEe,qBAAA,CAAUC,MAJD;;IAKjB;AACN;AACA;IACMN,MAAM,EAAEK,qBAAA,CAAUE,MARD;IASjBb,KAAK,EAAEW,qBAAA,CAAUE,MATA;IAUjBN,QAAQ,EAAEI,qBAAA,CAAUG;EAVH,CADrB;AA4BD,CA7BM"}
+{"version":3,"file":"with-mask.js","names":["buildLayoutFromMarkup","markup","type","componentize","processed","value","deserialize","document","withMask","renderChildren","props","layout","onChange","maskLayout","React","Component","PropTypes","string","object","func"],"sources":["../src/with-mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * 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`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return (\n        <Mask\n          layout={maskLayout}\n          value={value}\n          onChange={onChange}\n          renderChildren={renderChildren(this.props)}\n        />\n      );\n    }\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAASC,IAAT,EAAkB;EACrD,oBAA8B,IAAAC,yBAAA,EAAaF,MAAb,EAAqBC,IAArB,CAA9B;EAAA,IAAgBE,SAAhB,iBAAQH,MAAR;;EACA,IAAMI,KAAK,GAAG,IAAAC,0BAAA,EAAYF,SAAZ,CAAd;EACA,OAAOC,KAAK,CAACE,QAAb;AACD,CAJM;;;;AAMA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACN,IAAD,EAAOO,cAAP,EAA0B;EAAA;;EAChD;IAAA;;IAAA;;IAAA;MAAA;MAAA;IAAA;;IAAA;MAAA;MAAA,OAcE,kBAAS;QACP,kBAA4C,KAAKC,KAAjD;QAAA,IAAQT,MAAR,eAAQA,MAAR;QAAA,IAAgBU,MAAhB,eAAgBA,MAAhB;QAAA,IAAwBN,KAAxB,eAAwBA,KAAxB;QAAA,IAA+BO,QAA/B,eAA+BA,QAA/B;QAEA,IAAMC,UAAU,GAAGF,MAAM,GAAGA,MAAH,GAAYX,qBAAqB,CAACC,MAAD,EAASC,IAAT,CAA1D;QACA,oBACE,gCAAC,gBAAD;UACE,MAAM,EAAEW,UADV;UAEE,KAAK,EAAER,KAFT;UAGE,QAAQ,EAAEO,QAHZ;UAIE,cAAc,EAAEH,cAAc,CAAC,KAAKC,KAAN;QAJhC,EADF;MAQD;IA1BH;IAAA;EAAA,EAA8BI,iBAAA,CAAMC,SAApC,yDACqB;IACjB;AACN;AACA;IACMd,MAAM,EAAEe,qBAAA,CAAUC,MAJD;;IAKjB;AACN;AACA;IACMN,MAAM,EAAEK,qBAAA,CAAUE,MARD;IASjBb,KAAK,EAAEW,qBAAA,CAAUE,MATA;IAUjBN,QAAQ,EAAEI,qBAAA,CAAUG;EAVH,CADrB;AA4BD,CA7BM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "1.10.21-next.308+40b281fe",
+  "version": "1.10.21-next.414+e2932997",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.3",
     "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/math-rendering": "^2.3.10-next.308+40b281fe",
-    "@pie-lib/render-ui": "^4.12.1-next.308+40b281fe",
+    "@pie-lib/math-rendering": "^2.3.10-next.414+e2932997",
+    "@pie-lib/render-ui": "^4.12.1-next.414+e2932997",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "immutable": ">=3.8.1",
@@ -27,5 +27,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "gitHead": "40b281fe21d11c0fab3842c8bd271efcfbbe5214"
+  "gitHead": "e2932997d4237f56981af5ca83cbc68447e2feb6"
 }