@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

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

@@ -0,0 +1,443 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.serialization = exports.reactAttributes = exports.parseStyleString = 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 _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 _react["default"].createElement("table", _extends({
+    className: props.classes.table
+  }, props.attributes, nodeAttributes, {
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), _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 _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 _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 _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.toolbar = {
+    icon: _react["default"].createElement(_GridOn["default"], null),
+    onClick: function onClick(value, onChange) {
+      log('insert table');
+      var c = core.changes.insertTable(value.change(), 2, 2);
+      onChange(c);
+    },
+    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 _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 _react["default"].createElement(Table, _extends({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+
+      case 'table_row':
+        return _react["default"].createElement(TableRow, props);
+
+      case 'table_cell':
+        return _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 shouldAddTextAfterNode = false;
+    var indexToNotHaveTableOn = node.nodes.size - 1;
+    var indexOfLastTable = node.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;
+    }
+
+    var tableNode = node.nodes.get(indexOfLastTable);
+    return function (change) {
+      if (shouldAddTextAfterNode) {
+        var tableJSON = tableNode.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(tableNode.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(tableJSON);
+        });
+      }
+    };
+  };
+
+  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
+  });
+};
+
+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 _react["default"].createElement("table", _attributes, _react["default"].createElement("tbody", null, children));
+        }
+
+      case 'table_row':
+        {
+          return _react["default"].createElement("tr", null, children);
+        }
+
+      case 'table_cell':
+        {
+          var _attributes2 = dataToAttributes(object.data);
+
+          delete _attributes2.header;
+
+          if (object.data.get('header')) {
+            return _react["default"].createElement("th", _attributes2, children);
+          } else {
+            return _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","opts","toolbarPlugins","core","typeContent","schema","blocks","Object","keys","forEach","key","block","parent","nodes","types","type","objects","utils","getTableBlock","containerNode","getDescendant","ancestors","getAncestors","push","findLast","p","toolbar","icon","onClick","value","onChange","c","changes","insertTable","change","supports","isSelectionInTable","customToolbar","onToolbarDone","tableBlock","document","hasBorder","addRow","insertRow","addColumn","insertColumn","removeRow","removeColumn","removeTable","toggleBorder","update","set","setNodeByKey","onDone","Tb","Node","normalizeNode","shouldAddTextAfterNode","indexToNotHaveTableOn","size","indexOfLastTable","findLastIndex","d","tableNode","tableJSON","toJSON","removeNodeByKey","newBlock","Block","create","insertBlock","withoutNormalization","prevText","getPreviousText","moveFocusTo","text","length","moveAnchorTo","renderNode","parseStyleString","s","regex","match","result","exec","trim","reactAttributes","o","camelize","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, Inline } 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 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.toolbar = {\n    icon: <GridOn />,\n    onClick: (value, onChange) => {\n      log('insert table');\n      const c = core.changes.insertTable(value.change(), 2, 2);\n      onChange(c);\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    let shouldAddTextAfterNode = false;\n    const indexToNotHaveTableOn = node.nodes.size - 1;\n    const indexOfLastTable = node.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    const tableNode = node.nodes.get(indexOfLastTable);\n\n    return change => {\n      if (shouldAddTextAfterNode) {\n        const tableJSON = tableNode.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(tableNode.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(tableJSON);\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 });\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"}

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

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TableToolbar = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _toolbarButtons = require("../toolbar/toolbar-buttons");
+
+var _doneButton = require("../toolbar/done-button");
+
+var _BorderAll = _interopRequireDefault(require("@material-ui/icons/BorderAll"));
+
+var _defaultToolbar = require("../toolbar/default-toolbar");
+
+var _icons = require("./icons");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(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); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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 log = (0, _debug["default"])('@pie-lib:editable-html:plugins:table-toolbar');
+
+var TableToolbar =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(TableToolbar, _React$Component);
+
+  function TableToolbar() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, TableToolbar);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(TableToolbar)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "onDone", function (e) {
+      var onDone = _this.props.onDone;
+      e.preventDefault();
+      onDone();
+    });
+
+    return _this;
+  }
+
+  _createClass(TableToolbar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          plugins = _this$props.plugins,
+          value = _this$props.value,
+          onChange = _this$props.onChange,
+          onAddRow = _this$props.onAddRow,
+          onRemoveRow = _this$props.onRemoveRow,
+          onAddColumn = _this$props.onAddColumn,
+          onRemoveColumn = _this$props.onRemoveColumn,
+          onRemoveTable = _this$props.onRemoveTable,
+          onToggleBorder = _this$props.onToggleBorder,
+          hasBorder = _this$props.hasBorder,
+          classes = _this$props.classes;
+      log('[render] hasBorder:', hasBorder);
+      return _react["default"].createElement("div", {
+        className: classes.tableToolbar
+      }, _react["default"].createElement("div", {
+        className: classes.toolbarButtons
+      }, _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onAddRow
+      }, _react["default"].createElement(_icons.AddRow, null)), _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveRow
+      }, _react["default"].createElement(_icons.RemoveRow, null)), _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onAddColumn
+      }, _react["default"].createElement(_icons.AddColumn, null)), _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveColumn
+      }, _react["default"].createElement(_icons.RemoveColumn, null)), _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveTable
+      }, _react["default"].createElement(_icons.RemoveTable, null)), plugins.map(function (p, index) {
+        return _react["default"].createElement(_defaultToolbar.ToolbarButton, _extends({
+          key: "plugin-".concat(index)
+        }, p.toolbar, {
+          value: value,
+          onChange: onChange
+        }));
+      }), _react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onToggleBorder,
+        active: hasBorder
+      }, _react["default"].createElement(_BorderAll["default"], null))), _react["default"].createElement(_doneButton.DoneButton, {
+        onClick: this.onDone
+      }));
+    }
+  }]);
+
+  return TableToolbar;
+}(_react["default"].Component);
+
+exports.TableToolbar = TableToolbar;
+
+_defineProperty(TableToolbar, "propTypes", {
+  plugins: _propTypes["default"].array.isRequired,
+  value: _propTypes["default"].object.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  onAddRow: _propTypes["default"].func.isRequired,
+  onRemoveRow: _propTypes["default"].func.isRequired,
+  onAddColumn: _propTypes["default"].func.isRequired,
+  onRemoveColumn: _propTypes["default"].func.isRequired,
+  onRemoveTable: _propTypes["default"].func.isRequired,
+  onToggleBorder: _propTypes["default"].func.isRequired,
+  hasBorder: _propTypes["default"].bool,
+  onDone: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+
+_defineProperty(TableToolbar, "defaultProps", {
+  plugins: [],
+  value: {},
+  onChange: function onChange() {}
+});
+
+var styles = function styles() {
+  return {
+    tableToolbar: {
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    toolbarButtons: {
+      display: 'flex'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(TableToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=table-toolbar.js.map