@pie-element/ebsr 6.6.2 → 6.6.3-next.1008

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/icons/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveTable = exports.RemoveRow = exports.RemoveColumn = exports.AddRow = exports.AddColumn = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 styles = {
+  icon: {
+    fill: 'grey',
+    '&:hover': {
+      fill: 'black'
+    }
+  }
+};
+
+var SvgIcon = function SvgIcon(Component) {
+  return (0, _styles.withStyles)(styles)(function (props) {
+    return /*#__PURE__*/_react["default"].createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, /*#__PURE__*/_react["default"].createElement(Component, {
+      className: props.classes.icon
+    }));
+  });
+};
+
+var AddRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", _extends({}, props, {
+    d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
+  }));
+});
+exports.AddRow = AddRow;
+var RemoveRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", _extends({}, props, {
+    d: "M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z"
+  }));
+});
+exports.RemoveRow = RemoveRow;
+var AddColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", _extends({}, props, {
+    d: "M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
+  }));
+});
+exports.AddColumn = AddColumn;
+var RemoveColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", _extends({}, props, {
+    d: "M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z"
+  }));
+});
+exports.RemoveColumn = RemoveColumn;
+var RemoveTable = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", _extends({}, props, {
+    d: "M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z"
+  }));
+});
+exports.RemoveTable = RemoveTable;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/table/icons/index.jsx"],"names":["styles","icon","fill","SvgIcon","Component","props","classes","AddRow","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MADF;AAEJ,eAAW;AACTA,MAAAA,IAAI,EAAE;AADG;AAFP;AADO,CAAf;;AASA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS,EAAI;AAC3B,SAAO,wBAAWJ,MAAX,EAAmB,UAAAK,KAAK;AAAA,wBAC7B;AACE,MAAA,KAAK,EAAC,4BADR;AAEE,MAAA,OAAO,EAAC,KAFV;AAGE,MAAA,KAAK,EAAC,IAHR;AAIE,MAAA,MAAM,EAAC,IAJT;AAKE,MAAA,OAAO,EAAC;AALV,oBAOE,gCAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,KAAK,CAACC,OAAN,CAAcL;AAApC,MAPF,CAD6B;AAAA,GAAxB,CAAP;AAWD,CAZD;;AAaO,IAAMM,MAAM,GAAGJ,OAAO,CAAC,UAAAE,KAAK;AAAA,sBACjC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADiC;AAAA,CAAN,CAAtB;;AAOA,IAAMG,SAAS,GAAGL,OAAO,CAAC,UAAAE,KAAK;AAAA,sBACpC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADoC;AAAA,CAAN,CAAzB;;AAOA,IAAMI,SAAS,GAAGN,OAAO,CAAC,UAAAE,KAAK;AAAA,sBACpC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADoC;AAAA,CAAN,CAAzB;;AAOA,IAAMK,YAAY,GAAGP,OAAO,CAAC,UAAAE,KAAK;AAAA,sBACvC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADuC;AAAA,CAAN,CAA5B;;AAOA,IAAMM,WAAW,GAAGR,OAAO,CAAC,UAAAE,KAAK;AAAA,sBACtC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADsC;AAAA,CAAN,CAA3B","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = {\n  icon: {\n    fill: 'grey',\n    '&:hover': {\n      fill: 'black'\n    }\n  }\n};\n\nconst SvgIcon = Component => {\n  return withStyles(styles)(props => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n    >\n      <Component className={props.classes.icon} />\n    </svg>\n  ));\n};\nexport const AddRow = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z\"\n  />\n));\n\nexport const RemoveRow = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z\"\n  />\n));\n\nexport const AddColumn = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\"\n  />\n));\n\nexport const RemoveColumn = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\"\n  />\n));\n\nexport const RemoveTable = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z\"\n  />\n));\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/index.js

@@ -0,0 +1,497 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.serialization = exports.reactAttributes = exports.parseStyleString = exports.moveFocusToBeginningOfTable = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _slateEditTable = _interopRequireDefault(require("slate-edit-table"));
+
+var _slate = require("slate");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _GridOn = _interopRequireDefault(require("@material-ui/icons/GridOn"));
+
+var _tableToolbar = _interopRequireDefault(require("./table-toolbar"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _reactAttrConverter = _interopRequireDefault(require("react-attr-converter"));
+
+var _toStyle = require("to-style");
+
+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 _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 log = (0, _debug["default"])('@pie-lib:editable-html:plugins:table');
+var Table = (0, _styles.withStyles)(function () {
+  return {
+    table: {}
+  };
+})(function (props) {
+  var nodeAttributes = dataToAttributes(props.node.data);
+  return /*#__PURE__*/_react["default"].createElement("table", _extends({
+    className: props.classes.table
+  }, props.attributes, nodeAttributes, {
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), /*#__PURE__*/_react["default"].createElement("tbody", null, props.children));
+});
+Table.propTypes = {
+  attributes: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  node: _slatePropTypes["default"].node,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+
+var TableRow = function TableRow(props) {
+  return /*#__PURE__*/_react["default"].createElement("tr", props.attributes, props.children);
+};
+
+TableRow.propTypes = {
+  attributes: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+var TableCell = (0, _styles.withStyles)(function () {
+  return {
+    td: {
+      minWidth: '25px'
+    }
+  };
+})(function (props) {
+  var Tag = props.node.data.get('header') ? 'th' : 'td';
+  var nodeAttributes = dataToAttributes(props.node.data);
+  delete nodeAttributes.header;
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({}, props.attributes, nodeAttributes, {
+    colSpan: props.node.data.get('colspan'),
+    className: props.classes[Tag],
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), props.children);
+});
+TableCell.propTypes = {
+  attributes: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+
+var moveFocusToBeginningOfTable = function moveFocusToBeginningOfTable(change) {
+  var addedTable = change.value.document.findDescendant(function (d) {
+    return !!d.data && !!d.data.get('newTable');
+  });
+
+  if (!addedTable) {
+    return;
+  }
+
+  change.collapseToStartOf(addedTable);
+  var update = addedTable.data.remove('newTable');
+  change.setNodeByKey(addedTable.key, {
+    data: update
+  });
+};
+
+exports.moveFocusToBeginningOfTable = moveFocusToBeginningOfTable;
+
+var _default = function _default(opts, toolbarPlugins
+/* :  {toolbar: {}}[] */
+) {
+  var core = (0, _slateEditTable["default"])({
+    typeContent: 'div'
+  }); // fix outdated schema
+
+  if (core.schema && core.schema.blocks) {
+    Object.keys(core.schema.blocks).forEach(function (key) {
+      var block = core.schema.blocks[key];
+
+      if (block.parent) {
+        if (block.nodes[0].types) {
+          block.nodes[0] = {
+            type: block.nodes[0].types[0]
+          };
+        }
+
+        if (block.nodes[0].objects) {
+          block.nodes[0] = {
+            object: block.nodes[0].objects[0]
+          };
+        }
+
+        block.parent = {
+          type: block.parent.types[0]
+        };
+      } else {
+        block.nodes[0] = {
+          type: block.nodes[0].types[0]
+        };
+      }
+    });
+  }
+
+  core.utils.getTableBlock = function (containerNode, key) {
+    var node = containerNode.getDescendant(key);
+    var ancestors = containerNode.getAncestors(key).push(node);
+    return ancestors.findLast(function (p) {
+      return p.type === 'table';
+    });
+  };
+
+  core.utils.createTableWithOptions = function (row, columns, extra) {
+    var createdTable = core.utils.createTable(row, columns);
+
+    var newTable = _slate.Block.create(_objectSpread(_objectSpread({}, createdTable.toJSON()), extra));
+
+    return newTable;
+  };
+
+  core.toolbar = {
+    icon: /*#__PURE__*/_react["default"].createElement(_GridOn["default"], null),
+    onClick: function onClick(value, onChange) {
+      log('insert table');
+      var change = value.change();
+      var newTable = core.utils.createTableWithOptions(2, 2, {
+        data: {
+          border: '1',
+          newTable: true
+        }
+      });
+      change.insertBlock(newTable);
+      moveFocusToBeginningOfTable(change);
+      onChange(change);
+    },
+    supports: function supports(node, value) {
+      return node && node.object === 'block' && core.utils.isSelectionInTable(value);
+    },
+
+    /**
+     * Note - the node may not be a table node - it may be a node inside a table.
+     */
+    customToolbar: function customToolbar(node, value, onToolbarDone) {
+      log('[customToolbar] node.data: ', node.data);
+      var tableBlock = core.utils.getTableBlock(value.document, node.key);
+      log('[customToolbar] tableBlock: ', tableBlock);
+
+      var hasBorder = function hasBorder() {
+        return tableBlock.data.get('border') && tableBlock.data.get('border') !== '0';
+      };
+
+      var addRow = function addRow() {
+        var change = core.changes.insertRow(value.change());
+        onToolbarDone(change, false);
+      };
+
+      var addColumn = function addColumn() {
+        var change = core.changes.insertColumn(value.change());
+        onToolbarDone(change, false);
+      };
+
+      var removeRow = function removeRow() {
+        var change = core.changes.removeRow(value.change());
+        onToolbarDone(change, false);
+      };
+
+      var removeColumn = function removeColumn() {
+        var change = core.changes.removeColumn(value.change());
+        onToolbarDone(change, false);
+      };
+
+      var removeTable = function removeTable() {
+        var change = core.changes.removeTable(value.change());
+        onToolbarDone(change, false);
+      };
+
+      var toggleBorder = function toggleBorder() {
+        var data = tableBlock.data;
+        var update = data.set('border', hasBorder() ? '0' : '1');
+        log('[toggleBorder] update: ', update);
+        var change = value.change().setNodeByKey(tableBlock.key, {
+          data: update
+        });
+        onToolbarDone(change, false);
+      };
+
+      var onDone = function onDone() {
+        log('[onDone] call onToolbarDone...');
+        onToolbarDone(null, true);
+      };
+
+      var Tb = function Tb() {
+        return /*#__PURE__*/_react["default"].createElement(_tableToolbar["default"], {
+          plugins: toolbarPlugins,
+          onChange: function onChange(c) {
+            return onToolbarDone(c, false);
+          },
+          value: value,
+          onAddRow: addRow,
+          onRemoveRow: removeRow,
+          onAddColumn: addColumn,
+          onRemoveColumn: removeColumn,
+          onRemoveTable: removeTable,
+          hasBorder: hasBorder(),
+          onToggleBorder: toggleBorder,
+          onDone: onDone
+        });
+      };
+
+      return Tb;
+    }
+  };
+
+  var Node = function Node(props) {
+    switch (props.node.type) {
+      case 'table':
+        return /*#__PURE__*/_react["default"].createElement(Table, _extends({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+
+      case 'table_row':
+        return /*#__PURE__*/_react["default"].createElement(TableRow, props);
+
+      case 'table_cell':
+        return /*#__PURE__*/_react["default"].createElement(TableCell, _extends({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+
+      default:
+        return null;
+    }
+  };
+
+  Node.propTypes = {
+    node: _propTypes["default"].object
+  };
+
+  core.normalizeNode = function (node) {
+    if (node.object !== 'document') {
+      return;
+    }
+
+    var tableAdded = node.findDescendant(function (d) {
+      return d.data && d.data.get('newTable');
+    });
+
+    if (!tableAdded) {
+      return;
+    }
+
+    var nodeToSearch = node.getParent(tableAdded.key) || node;
+    var shouldAddTextAfterNode = false;
+    var indexToNotHaveTableOn = nodeToSearch.nodes.size - 1;
+    var indexOfLastTable = nodeToSearch.nodes.findLastIndex(function (d) {
+      return d.type === 'table';
+    }); // if the last table in the document is of type table, we need to do the change
+
+    if (indexOfLastTable === indexToNotHaveTableOn) {
+      shouldAddTextAfterNode = true;
+    }
+
+    if (!shouldAddTextAfterNode) {
+      return;
+    }
+
+    return function (change) {
+      if (shouldAddTextAfterNode) {
+        var tableJSON = tableAdded.toJSON(); // we remove the table node because otherwise we can't add the empty block after it
+        // we need a block that contains text in order to do it
+
+        change.removeNodeByKey(tableAdded.key);
+
+        var newBlock = _slate.Block.create({
+          object: 'block',
+          type: 'div'
+        }); // we add an empty block but that it's going to be normalized
+        // because it will add the empty text to it like it should
+
+
+        change.insertBlock(newBlock);
+        change.withoutNormalization(function () {
+          // we do these changes without normalization
+          // we get the text previous to the new block added
+          var prevText = change.value.document.getPreviousText(newBlock.key);
+
+          if (prevText) {
+            // we move focus to the previous text
+            change.moveFocusTo(prevText.key, prevText.text.length).moveAnchorTo(prevText.key, prevText.text.length);
+          } // we insert the table block between the first block with text and the last block with text
+
+
+          change.insertBlock(_objectSpread(_objectSpread({}, tableJSON), {}, {
+            data: _objectSpread(_objectSpread({}, tableJSON.data), {}, {
+              newTable: true
+            })
+          }));
+          moveFocusToBeginningOfTable(change);
+        });
+      }
+    };
+  };
+
+  core.renderNode = Node;
+  return core;
+};
+
+exports["default"] = _default;
+
+var parseStyleString = function parseStyleString(s) {
+  var regex = /([\w-]*)\s*:\s*([^;]*)/g;
+  var match;
+  var result = {};
+
+  while (match = regex.exec(s)) {
+    result[match[1]] = match[2].trim();
+  }
+
+  return result;
+};
+
+exports.parseStyleString = parseStyleString;
+
+var reactAttributes = function reactAttributes(o) {
+  return (0, _toStyle.object)(o, {
+    camelize: true,
+    addUnits: false
+  });
+};
+
+exports.reactAttributes = reactAttributes;
+
+var attributesToMap = function attributesToMap(el) {
+  return function (acc, attribute) {
+    var value = el.getAttribute(attribute);
+
+    if (value) {
+      if (attribute === 'style') {
+        var styleString = el.getAttribute(attribute);
+        var reactStyleObject = reactAttributes(parseStyleString(styleString));
+        acc['style'] = reactStyleObject;
+      } else {
+        acc[attribute] = el.getAttribute(attribute);
+      }
+    }
+
+    return acc;
+  };
+};
+
+var dataToAttributes = function dataToAttributes(data) {
+  if (!data || !data.get) {
+    return {};
+  }
+
+  return data.reduce(function (acc, v, name) {
+    if (v) {
+      acc[(0, _reactAttrConverter["default"])(name)] = v;
+    }
+
+    return acc;
+  }, {});
+};
+
+var attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];
+var cellAttributes = ['colspan', 'rowspan', 'class', 'style'];
+var serialization = {
+  deserialize: function deserialize(el, next) {
+    var tag = el.tagName.toLowerCase();
+
+    switch (tag) {
+      case 'table':
+        {
+          var children = el.children.length === 1 && el.children[0].tagName.toLowerCase() === 'tbody' ? el.children[0].children : el.children;
+          var c = Array.from(children);
+          return {
+            object: 'block',
+            type: 'table',
+            nodes: next(c),
+            data: attributes.reduce(attributesToMap(el), {})
+          };
+        }
+
+      case 'th':
+        {
+          return {
+            object: 'block',
+            type: 'table_cell',
+            nodes: next(el.childNodes),
+            data: cellAttributes.reduce(attributesToMap(el), {
+              header: true
+            })
+          };
+        }
+
+      case 'tr':
+        {
+          return {
+            object: 'block',
+            type: 'table_row',
+            nodes: next(Array.from(el.children))
+          };
+        }
+
+      case 'td':
+        {
+          return {
+            object: 'block',
+            type: 'table_cell',
+            nodes: next(Array.from(el.childNodes)),
+            data: cellAttributes.reduce(attributesToMap(el), {
+              header: false
+            })
+          };
+        }
+    }
+  },
+  serialize: function serialize(object, children) {
+    if (object.object !== 'block') {
+      return;
+    }
+
+    switch (object.type) {
+      case 'table':
+        {
+          var _attributes = dataToAttributes(object.data);
+
+          return /*#__PURE__*/_react["default"].createElement("table", _attributes, /*#__PURE__*/_react["default"].createElement("tbody", null, children));
+        }
+
+      case 'table_row':
+        {
+          return /*#__PURE__*/_react["default"].createElement("tr", null, children);
+        }
+
+      case 'table_cell':
+        {
+          var _attributes2 = dataToAttributes(object.data);
+
+          delete _attributes2.header;
+
+          if (object.data.get('header')) {
+            return /*#__PURE__*/_react["default"].createElement("th", _attributes2, children);
+          } else {
+            return /*#__PURE__*/_react["default"].createElement("td", _attributes2, children);
+          }
+        }
+    }
+  }
+};
+exports.serialization = serialization;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/table/index.jsx"],"names":["log","Table","table","props","nodeAttributes","dataToAttributes","node","data","classes","attributes","onFocus","onBlur","children","propTypes","PropTypes","object","func","SlatePropTypes","oneOfType","arrayOf","isRequired","TableRow","TableCell","td","minWidth","Tag","get","header","moveFocusToBeginningOfTable","change","addedTable","value","document","findDescendant","d","collapseToStartOf","update","remove","setNodeByKey","key","opts","toolbarPlugins","core","typeContent","schema","blocks","Object","keys","forEach","block","parent","nodes","types","type","objects","utils","getTableBlock","containerNode","getDescendant","ancestors","getAncestors","push","findLast","p","createTableWithOptions","row","columns","extra","createdTable","createTable","newTable","Block","create","toJSON","toolbar","icon","onClick","onChange","border","insertBlock","supports","isSelectionInTable","customToolbar","onToolbarDone","tableBlock","hasBorder","addRow","changes","insertRow","addColumn","insertColumn","removeRow","removeColumn","removeTable","toggleBorder","set","onDone","Tb","c","Node","normalizeNode","tableAdded","nodeToSearch","getParent","shouldAddTextAfterNode","indexToNotHaveTableOn","size","indexOfLastTable","findLastIndex","tableJSON","removeNodeByKey","newBlock","withoutNormalization","prevText","getPreviousText","moveFocusTo","text","length","moveAnchorTo","renderNode","parseStyleString","s","regex","match","result","exec","trim","reactAttributes","o","camelize","addUnits","attributesToMap","el","acc","attribute","getAttribute","styleString","reactStyleObject","reduce","v","name","cellAttributes","serialization","deserialize","next","tag","tagName","toLowerCase","Array","from","childNodes","serialize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport EditTable from 'slate-edit-table';\nimport { Block } from 'slate';\nimport debug from 'debug';\nimport GridOn from '@material-ui/icons/GridOn';\nimport TableToolbar from './table-toolbar';\nimport PropTypes from 'prop-types';\nimport SlatePropTypes from 'slate-prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport convert from 'react-attr-converter';\nimport { object as toStyleObject } from 'to-style';\n\nconst log = debug('@pie-lib:editable-html:plugins:table');\n\nconst Table = withStyles(() => ({\n  table: {}\n}))(props => {\n  const nodeAttributes = dataToAttributes(props.node.data);\n\n  return (\n    <table\n      className={props.classes.table}\n      {...props.attributes}\n      {...nodeAttributes}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      <tbody>{props.children}</tbody>\n    </table>\n  );\n});\n\nTable.propTypes = {\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  node: SlatePropTypes.node,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst TableRow = props => <tr {...props.attributes}>{props.children}</tr>;\n\nTableRow.propTypes = {\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst TableCell = withStyles(() => ({\n  td: {\n    minWidth: '25px'\n  }\n}))(props => {\n  const Tag = props.node.data.get('header') ? 'th' : 'td';\n\n  const nodeAttributes = dataToAttributes(props.node.data);\n  delete nodeAttributes.header;\n\n  return (\n    <Tag\n      {...props.attributes}\n      {...nodeAttributes}\n      colSpan={props.node.data.get('colspan')}\n      className={props.classes[Tag]}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      {props.children}\n    </Tag>\n  );\n});\n\nTableCell.propTypes = {\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport const moveFocusToBeginningOfTable = change => {\n  const addedTable = change.value.document.findDescendant(d => !!d.data && !!d.data.get('newTable'));\n\n  if (!addedTable) {\n    return;\n  }\n\n  change.collapseToStartOf(addedTable);\n\n  const update = addedTable.data.remove('newTable');\n\n  change.setNodeByKey(addedTable.key, { data: update });\n};\n\nexport default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {\n  const core = EditTable({\n    typeContent: 'div'\n  });\n\n  // fix outdated schema\n\n  if (core.schema && core.schema.blocks) {\n    Object.keys(core.schema.blocks).forEach(key => {\n      const block = core.schema.blocks[key];\n\n      if (block.parent) {\n        if (block.nodes[0].types) {\n          block.nodes[0] = {\n            type: block.nodes[0].types[0]\n          };\n        }\n\n        if (block.nodes[0].objects) {\n          block.nodes[0] = {\n            object: block.nodes[0].objects[0]\n          };\n        }\n\n        block.parent = {\n          type: block.parent.types[0]\n        };\n      } else {\n        block.nodes[0] = { type: block.nodes[0].types[0] };\n      }\n    });\n  }\n\n  core.utils.getTableBlock = (containerNode, key) => {\n    const node = containerNode.getDescendant(key);\n    const ancestors = containerNode.getAncestors(key).push(node);\n    return ancestors.findLast(p => p.type === 'table');\n  };\n\n  core.utils.createTableWithOptions = (row, columns, extra) => {\n    const createdTable = core.utils.createTable(row, columns);\n    const newTable = Block.create({\n      ...createdTable.toJSON(),\n      ...extra\n    });\n\n    return newTable;\n  };\n\n  core.toolbar = {\n    icon: <GridOn />,\n    onClick: (value, onChange) => {\n      log('insert table');\n      const change = value.change();\n      const newTable = core.utils.createTableWithOptions(2, 2, {\n        data: {\n          border: '1',\n          newTable: true\n        }\n      });\n\n      change.insertBlock(newTable);\n\n      moveFocusToBeginningOfTable(change);\n      onChange(change);\n    },\n    supports: (node, value) =>\n      node && node.object === 'block' && core.utils.isSelectionInTable(value),\n    /**\n     * Note - the node may not be a table node - it may be a node inside a table.\n     */\n    customToolbar: (node, value, onToolbarDone) => {\n      log('[customToolbar] node.data: ', node.data);\n\n      const tableBlock = core.utils.getTableBlock(value.document, node.key);\n      log('[customToolbar] tableBlock: ', tableBlock);\n\n      const hasBorder = () =>\n        tableBlock.data.get('border') && tableBlock.data.get('border') !== '0';\n      const addRow = () => {\n        const change = core.changes.insertRow(value.change());\n        onToolbarDone(change, false);\n      };\n\n      const addColumn = () => {\n        const change = core.changes.insertColumn(value.change());\n        onToolbarDone(change, false);\n      };\n\n      const removeRow = () => {\n        const change = core.changes.removeRow(value.change());\n        onToolbarDone(change, false);\n      };\n\n      const removeColumn = () => {\n        const change = core.changes.removeColumn(value.change());\n        onToolbarDone(change, false);\n      };\n\n      const removeTable = () => {\n        const change = core.changes.removeTable(value.change());\n        onToolbarDone(change, false);\n      };\n\n      const toggleBorder = () => {\n        const { data } = tableBlock;\n        const update = data.set('border', hasBorder() ? '0' : '1');\n        log('[toggleBorder] update: ', update);\n        const change = value.change().setNodeByKey(tableBlock.key, { data: update });\n        onToolbarDone(change, false);\n      };\n\n      const onDone = () => {\n        log('[onDone] call onToolbarDone...');\n        onToolbarDone(null, true);\n      };\n\n      const Tb = () => (\n        <TableToolbar\n          plugins={toolbarPlugins}\n          onChange={c => onToolbarDone(c, false)}\n          value={value}\n          onAddRow={addRow}\n          onRemoveRow={removeRow}\n          onAddColumn={addColumn}\n          onRemoveColumn={removeColumn}\n          onRemoveTable={removeTable}\n          hasBorder={hasBorder()}\n          onToggleBorder={toggleBorder}\n          onDone={onDone}\n        />\n      );\n      return Tb;\n    }\n  };\n\n  const Node = props => {\n    switch (props.node.type) {\n      case 'table':\n        return <Table {...props} onFocus={opts.onFocus} onBlur={opts.onBlur} />;\n      case 'table_row':\n        return <TableRow {...props} />;\n      case 'table_cell':\n        return <TableCell {...props} onFocus={opts.onFocus} onBlur={opts.onBlur} />;\n      default:\n        return null;\n    }\n  };\n  Node.propTypes = {\n    node: PropTypes.object\n  };\n\n  core.normalizeNode = node => {\n    if (node.object !== 'document') {\n      return;\n    }\n\n    const tableAdded = node.findDescendant(d => d.data && d.data.get('newTable'));\n\n    if (!tableAdded) {\n      return;\n    }\n\n    const nodeToSearch = node.getParent(tableAdded.key) || node;\n    let shouldAddTextAfterNode = false;\n    const indexToNotHaveTableOn = nodeToSearch.nodes.size - 1;\n    const indexOfLastTable = nodeToSearch.nodes.findLastIndex(d => d.type === 'table');\n\n    // if the last table in the document is of type table, we need to do the change\n    if (indexOfLastTable === indexToNotHaveTableOn) {\n      shouldAddTextAfterNode = true;\n    }\n\n    if (!shouldAddTextAfterNode) {\n      return;\n    }\n\n    return change => {\n      if (shouldAddTextAfterNode) {\n        const tableJSON = tableAdded.toJSON();\n\n        // we remove the table node because otherwise we can't add the empty block after it\n        // we need a block that contains text in order to do it\n        change.removeNodeByKey(tableAdded.key);\n\n        const newBlock = Block.create({\n          object: 'block',\n          type: 'div'\n        });\n\n        // we add an empty block but that it's going to be normalized\n        // because it will add the empty text to it like it should\n        change.insertBlock(newBlock);\n\n        change.withoutNormalization(() => {\n          // we do these changes without normalization\n\n          // we get the text previous to the new block added\n          const prevText = change.value.document.getPreviousText(newBlock.key);\n\n          if (prevText) {\n            // we move focus to the previous text\n            change\n              .moveFocusTo(prevText.key, prevText.text.length)\n              .moveAnchorTo(prevText.key, prevText.text.length);\n          }\n\n          // we insert the table block between the first block with text and the last block with text\n          change.insertBlock({\n            ...tableJSON,\n            data: {\n              ...tableJSON.data,\n              newTable: true\n            }\n          });\n\n          moveFocusToBeginningOfTable(change);\n        });\n      }\n    };\n  };\n\n  core.renderNode = Node;\n\n  return core;\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 attributesToMap = el => (acc, attribute) => {\n  const value = el.getAttribute(attribute);\n  if (value) {\n    if (attribute === 'style') {\n      const styleString = el.getAttribute(attribute);\n      const reactStyleObject = reactAttributes(parseStyleString(styleString));\n      acc['style'] = reactStyleObject;\n    } else {\n      acc[attribute] = el.getAttribute(attribute);\n    }\n  }\n  return acc;\n};\n\nconst dataToAttributes = data => {\n  if (!data || !data.get) {\n    return {};\n  }\n\n  return data.reduce((acc, v, name) => {\n    if (v) {\n      acc[convert(name)] = v;\n    }\n    return acc;\n  }, {});\n};\n\nconst attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];\n\nconst cellAttributes = ['colspan', 'rowspan', 'class', 'style'];\n\nexport const serialization = {\n  deserialize(el, next) {\n    const tag = el.tagName.toLowerCase();\n\n    switch (tag) {\n      case 'table': {\n        const children =\n          el.children.length === 1 && el.children[0].tagName.toLowerCase() === 'tbody'\n            ? el.children[0].children\n            : el.children;\n        const c = Array.from(children);\n\n        return {\n          object: 'block',\n          type: 'table',\n          nodes: next(c),\n          data: attributes.reduce(attributesToMap(el), {})\n        };\n      }\n      case 'th': {\n        return {\n          object: 'block',\n          type: 'table_cell',\n          nodes: next(el.childNodes),\n          data: cellAttributes.reduce(attributesToMap(el), { header: true })\n        };\n      }\n      case 'tr': {\n        return {\n          object: 'block',\n          type: 'table_row',\n          nodes: next(Array.from(el.children))\n        };\n      }\n      case 'td': {\n        return {\n          object: 'block',\n          type: 'table_cell',\n          nodes: next(Array.from(el.childNodes)),\n          data: cellAttributes.reduce(attributesToMap(el), { header: false })\n        };\n      }\n    }\n  },\n  serialize(object, children) {\n    if (object.object !== 'block') {\n      return;\n    }\n\n    switch (object.type) {\n      case 'table': {\n        const attributes = dataToAttributes(object.data);\n        return (\n          <table {...attributes}>\n            <tbody>{children}</tbody>\n          </table>\n        );\n      }\n      case 'table_row': {\n        return <tr>{children}</tr>;\n      }\n      case 'table_cell': {\n        const attributes = dataToAttributes(object.data);\n        delete attributes.header;\n        if (object.data.get('header')) {\n          return <th {...attributes}>{children}</th>;\n        } else {\n          return <td {...attributes}>{children}</td>;\n        }\n      }\n    }\n  }\n};\n"],"file":"index.js"}