@pie-element/ebsr 9.0.2-next.16 → 9.0.2-next.17

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/table/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","styles","icon","fill","SvgIcon","Component","withStyles","props","createElement","xmlns","version","width","height","viewBox","className","classes","AddRow","exports","_extends2","d","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"sources":["../../../../../src/code/editable-html/plugins/table/icons/index.jsx"],"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 xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\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"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAME,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE;MACTA,IAAI,EAAE;IACR;EACF;AACF,CAAC;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,SAAS,EAAK;EAC7B,OAAO,IAAAC,kBAAU,EAACL,MAAM,CAAC,CAAC,UAACM,KAAK;IAAA,oBAC9BV,MAAA,YAAAW,aAAA;MAAKC,KAAK,EAAC,4BAA4B;MAACC,OAAO,EAAC,KAAK;MAACC,KAAK,EAAC,IAAI;MAACC,MAAM,EAAC,IAAI;MAACC,OAAO,EAAC;IAAW,gBAC9FhB,MAAA,YAAAW,aAAA,CAACH,SAAS;MAACS,SAAS,EAAEP,KAAK,CAACQ,OAAO,CAACb;IAAK,CAAE,CACxC,CAAC;EAAA,CACP,CAAC;AACJ,CAAC;AACM,IAAMc,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGZ,OAAO,CAAC,UAACG,KAAK;EAAA,oBAClCV,MAAA,YAAAW,aAAA,aAAAU,SAAA,iBACMX,KAAK;IACTY,CAAC,EAAC;EAAuK,EAC1K,CAAC;AAAA,CACH,CAAC;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAGhB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrCV,MAAA,YAAAW,aAAA,aAAAU,SAAA,iBACMX,KAAK;IACTY,CAAC,EAAC;EAAsO,EACzO,CAAC;AAAA,CACH,CAAC;AAEK,IAAME,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGjB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrCV,MAAA,YAAAW,aAAA,aAAAU,SAAA,iBACMX,KAAK;IACTY,CAAC,EAAC;EAAuI,EAC1I,CAAC;AAAA,CACH,CAAC;AAEK,IAAMG,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAGlB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACxCV,MAAA,YAAAW,aAAA,aAAAU,SAAA,iBACMX,KAAK;IACTY,CAAC,EAAC;EAA2O,EAC9O,CAAC;AAAA,CACH,CAAC;AAEK,IAAMI,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGnB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACvCV,MAAA,YAAAW,aAAA,aAAAU,SAAA,iBACMX,KAAK;IACTY,CAAC,EAAC;EAA4U,EAC/U,CAAC;AAAA,CACH,CAAC"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/table/index.js

@@ -0,0 +1,606 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.serialization = exports.reactAttributes = exports.parseStyleString = exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+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 _slateHyperscript = require("slate-hyperscript");
+var _styles = require("@material-ui/styles");
+var _reactAttrConverter = _interopRequireDefault(require("react-attr-converter"));
+var _toStyle = require("to-style");
+var _get = _interopRequireDefault(require("lodash/get"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _reduce = _interopRequireDefault(require("lodash/reduce"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:table');
+var Table = /*#__PURE__*/_react["default"].forwardRef(function (props) {
+  var nodeAttributes = (0, _omit["default"])(dataToAttributes(props.element.data), 'newTable');
+  var attrs = (0, _omit["default"])(props.attributes, 'newTable');
+  return /*#__PURE__*/_react["default"].createElement("table", (0, _extends2["default"])({}, attrs, nodeAttributes, {
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), props.children);
+});
+Table.propTypes = {
+  attributes: _propTypes["default"].object,
+  element: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  node: _propTypes["default"].shape({
+    type: _propTypes["default"].string,
+    children: _propTypes["default"].array,
+    data: _propTypes["default"].object
+  }),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+var TableRow = /*#__PURE__*/_react["default"].forwardRef(function (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 TableBody = /*#__PURE__*/_react["default"].forwardRef(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("tbody", props.attributes, props.children);
+});
+TableBody.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 useCellStyles = (0, _styles.makeStyles)({
+  td: {
+    minWidth: '25px'
+  }
+});
+var TableCell = /*#__PURE__*/_react["default"].forwardRef(function (props) {
+  var classes = useCellStyles();
+  var node = props.node;
+  var Tag = (0, _get["default"])(node, 'data.header') ? 'th' : 'td';
+  var nodeAttributes = dataToAttributes(props.element.data);
+  delete nodeAttributes.header;
+  return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({}, props.attributes, nodeAttributes, {
+    colSpan: (0, _get["default"])(node, 'data.colspan'),
+    className: classes[Tag],
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), props.children);
+});
+TableCell.propTypes = {
+  node: _propTypes["default"].object,
+  element: _propTypes["default"].object,
+  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 getAncestorByType = function getAncestorByType(editor, type) {
+  if (!editor || !type) {
+    return null;
+  }
+  var ancestors = _slate.Node.ancestors(editor, _slate.Editor.path(editor, editor.selection), {
+    reverse: true
+  });
+  var _iterator = _createForOfIteratorHelper(ancestors),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
+        ancestor = _step$value[0],
+        ancestorPath = _step$value[1];
+      if (ancestor.type === type) {
+        return [ancestor, ancestorPath];
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return null;
+};
+var moveToBeginningOfTable = function moveToBeginningOfTable(editor) {
+  var _getAncestorByType = getAncestorByType(editor, 'table'),
+    _getAncestorByType2 = (0, _slicedToArray2["default"])(_getAncestorByType, 2),
+    tableBlock = _getAncestorByType2[0],
+    tablePath = _getAncestorByType2[1];
+  var firstTdPath;
+  var _iterator2 = _createForOfIteratorHelper(_slate.Node.descendants(tableBlock, {
+      reverse: true
+    })),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = (0, _slicedToArray2["default"])(_step2.value, 2),
+        descendant = _step2$value[0],
+        descendantPath = _step2$value[1];
+      if (descendant.type === 'td') {
+        firstTdPath = descendantPath;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  _slate.Transforms.select(editor, [].concat((0, _toConsumableArray2["default"])(tablePath), (0, _toConsumableArray2["default"])(firstTdPath)));
+};
+var TABLE_TYPES = ['tbody', 'tr', 'td', 'table'];
+var _default = exports["default"] = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */) {
+  var core = {
+    utils: {},
+    rules: function rules(editor) {
+      var normalizeNode = editor.normalizeNode;
+      editor.normalizeNode = function (entry) {
+        var _entry = (0, _slicedToArray2["default"])(entry, 2),
+          tableNode = _entry[0],
+          tablePath = _entry[1];
+        var tableParent = _slate.Node.get(editor, tablePath.slice(0, -1));
+
+        // If the element is a paragraph, ensure its children are valid.
+        if (_slate.Element.isElement(tableNode) && tableNode.type === 'table') {
+          var emptyBlock = {
+            type: 'paragraph',
+            children: [{
+              text: ''
+            }]
+          };
+          var tableIndex = tablePath.slice(-1)[0];
+
+          // if table is the first element, we need to add a space before
+          // so users can focus before the table
+          if (tableIndex === 0) {
+            var beforeTablePath = [].concat((0, _toConsumableArray2["default"])(tablePath.slice(0, -1)), [0]);
+            editor.apply({
+              type: 'insert_node',
+              path: beforeTablePath,
+              node: emptyBlock
+            });
+            editor.continueNormalization();
+            return;
+          }
+
+          // if table is the last element, we add element after it
+          if (tableParent.children.length - 1 === tableIndex) {
+            var afterTablePath = [].concat((0, _toConsumableArray2["default"])(tablePath.slice(0, -1)), [tableIndex + 1]);
+            editor.apply({
+              type: 'insert_node',
+              path: afterTablePath,
+              node: emptyBlock
+            });
+            editor.continueNormalization();
+            return;
+          }
+
+          // if table does not have a tbody, we add it
+          if (tableNode.children[0].type !== 'tbody') {
+            var tBodyNode = {
+              type: 'tbody',
+              children: []
+            };
+            _slate.Transforms.wrapNodes(editor, tBodyNode, {
+              at: {
+                anchor: {
+                  path: [].concat((0, _toConsumableArray2["default"])(tablePath), [0]),
+                  offset: 0
+                },
+                focus: {
+                  path: [].concat((0, _toConsumableArray2["default"])(tablePath), [tableNode.children.length]),
+                  offset: 0
+                }
+              }
+            });
+            editor.continueNormalization();
+            return;
+          }
+        }
+
+        // Fall back to the original `normalizeNode` to enforce other constraints.
+        normalizeNode(entry);
+      };
+      return editor;
+    }
+  };
+  core.utils.createTable = function () {
+    var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2;
+    var columns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    var tableRows = [];
+    var rowLength = new Array(row).fill(0).length;
+    var columnsLength = new Array(columns).fill(0).length;
+    for (var i = 0; i < rowLength; i++) {
+      var tableRow = {
+        type: 'tr',
+        children: []
+      };
+      for (var j = 0; j < columnsLength; j++) {
+        tableRow.children.push({
+          type: 'td',
+          children: [{
+            text: ''
+          }]
+        });
+      }
+      tableRows.push(tableRow);
+    }
+    return {
+      type: 'table',
+      children: [{
+        type: 'tbody',
+        children: tableRows
+      }]
+    };
+  };
+  core.utils.getTableBlock = function (editor) {
+    return getAncestorByType(editor, 'table');
+  };
+  core.utils.isSelectionInTable = function (editor) {
+    return !!core.utils.getTableBlock(editor);
+  };
+  core.utils.createTableWithOptions = function (row, columns, extra) {
+    var createdTable = core.utils.createTable(row, columns);
+    var newTable = _objectSpread(_objectSpread({}, createdTable), extra);
+    return newTable;
+  };
+  core.toolbar = {
+    icon: /*#__PURE__*/_react["default"].createElement(_GridOn["default"], null),
+    onClick: function onClick(editor) {
+      log('insert table');
+      var newTable = core.utils.createTableWithOptions(2, 2, {
+        data: {
+          border: '1',
+          newTable: true
+        }
+      });
+      editor.insertNode(newTable);
+      moveToBeginningOfTable(editor, newTable);
+    },
+    /**
+     * Note - the node may not be a table node - it may be a node inside a table.
+     */
+    customToolbar: function customToolbar(node, nodePath, editor, onToolbarDone) {
+      log('[customToolbar] node.data: ', node.data);
+      var _core$utils$getTableB = core.utils.getTableBlock(editor),
+        _core$utils$getTableB2 = (0, _slicedToArray2["default"])(_core$utils$getTableB, 1),
+        tableBlock = _core$utils$getTableB2[0];
+      log('[customToolbar] tableBlock: ', tableBlock);
+      var hasBorder = function hasBorder() {
+        return (0, _get["default"])(tableBlock, 'data.border') !== '0';
+      };
+      var addRow = function addRow() {
+        var _getAncestorByType3 = getAncestorByType(editor, 'tr'),
+          _getAncestorByType4 = (0, _slicedToArray2["default"])(_getAncestorByType3, 2),
+          trNode = _getAncestorByType4[0],
+          trPath = _getAncestorByType4[1];
+        log('[addRow]');
+        if (trNode) {
+          var newTr = {
+            type: 'tr',
+            children: []
+          };
+          var columnsLength = trNode.children.length;
+          for (var i = 0; i < columnsLength; i++) {
+            newTr.children.push({
+              type: 'td',
+              children: [{
+                text: ''
+              }]
+            });
+          }
+          _slate.Transforms.insertNodes(editor, [newTr], {
+            at: trPath
+          });
+        }
+      };
+      var removeRow = function removeRow() {
+        var _getAncestorByType5 = getAncestorByType(editor, 'tbody'),
+          _getAncestorByType6 = (0, _slicedToArray2["default"])(_getAncestorByType5, 2),
+          tBodyNode = _getAncestorByType6[0],
+          tBodyPath = _getAncestorByType6[1];
+        log('[removeRow]');
+        if (tBodyPath) {
+          if (tBodyNode.children.length > 1) {
+            var _getAncestorByType7 = getAncestorByType(editor, 'tr'),
+              _getAncestorByType8 = (0, _slicedToArray2["default"])(_getAncestorByType7, 2),
+              trPath = _getAncestorByType8[1];
+            log('[removeRow]');
+            if (trPath) {
+              _slate.Transforms.removeNodes(editor, {
+                at: trPath
+              });
+            }
+          }
+        }
+      };
+      var addColumn = function addColumn() {
+        var _getAncestorByType9 = getAncestorByType(editor, 'tbody'),
+          _getAncestorByType10 = (0, _slicedToArray2["default"])(_getAncestorByType9, 2),
+          tBodyNode = _getAncestorByType10[0],
+          tBodyPath = _getAncestorByType10[1];
+        log('[addColumn]');
+        if (tBodyNode) {
+          var emptyTd = {
+            type: 'td',
+            children: [{
+              text: ''
+            }]
+          };
+          var trElements = _slate.Editor.nodes(editor, {
+            at: tBodyPath,
+            // Path of Editor
+            match: function match(node) {
+              return 'tr' === node.type;
+            }
+          });
+          var _iterator3 = _createForOfIteratorHelper(trElements),
+            _step3;
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              var _step3$value = (0, _slicedToArray2["default"])(_step3.value, 2),
+                trNode = _step3$value[0],
+                _nodePath = _step3$value[1];
+              _slate.Transforms.insertNodes(editor, [emptyTd], {
+                at: [].concat((0, _toConsumableArray2["default"])(_nodePath), [trNode.children.length])
+              });
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
+          }
+        }
+      };
+      var removeColumn = function removeColumn() {
+        var _getAncestorByType11 = getAncestorByType(editor, 'tbody'),
+          _getAncestorByType12 = (0, _slicedToArray2["default"])(_getAncestorByType11, 2),
+          tBodyNode = _getAncestorByType12[0],
+          tBodyPath = _getAncestorByType12[1];
+        log('[addColumn]');
+        if (tBodyNode) {
+          var currentPath = _slate.Editor.path(editor, editor.selection);
+          var columnIndex = currentPath[currentPath.length - 2];
+          var trElements = _slate.Editor.nodes(editor, {
+            at: tBodyPath,
+            // Path of Editor
+            match: function match(node) {
+              return 'tr' === node.type;
+            }
+          });
+          var _iterator4 = _createForOfIteratorHelper(trElements),
+            _step4;
+          try {
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+              var _step4$value = (0, _slicedToArray2["default"])(_step4.value, 2),
+                trNode = _step4$value[0],
+                _nodePath2 = _step4$value[1];
+              if (trNode.children.length > 1) {
+                _slate.Transforms.removeNodes(editor, {
+                  at: [].concat((0, _toConsumableArray2["default"])(_nodePath2), [columnIndex])
+                });
+              }
+            }
+          } catch (err) {
+            _iterator4.e(err);
+          } finally {
+            _iterator4.f();
+          }
+        }
+      };
+      var removeTable = function removeTable() {
+        var _getAncestorByType13 = getAncestorByType(editor, 'table'),
+          _getAncestorByType14 = (0, _slicedToArray2["default"])(_getAncestorByType13, 2),
+          tableNode = _getAncestorByType14[0],
+          tablePath = _getAncestorByType14[1];
+        editor.apply({
+          type: 'remove_node',
+          path: tablePath,
+          node: tableNode
+        });
+      };
+      var toggleBorder = function toggleBorder() {
+        var data = tableBlock.data;
+        var update = _objectSpread(_objectSpread({}, data), {}, {
+          border: hasBorder() ? '0' : '1'
+        });
+        var _getAncestorByType15 = getAncestorByType(editor, 'table'),
+          _getAncestorByType16 = (0, _slicedToArray2["default"])(_getAncestorByType15, 2),
+          tablePath = _getAncestorByType16[1];
+        log('[toggleBorder] update: ', update);
+        editor.apply({
+          type: 'set_node',
+          path: tablePath,
+          properties: {
+            data: node.data
+          },
+          newProperties: {
+            data: update
+          }
+        });
+      };
+      var onDone = function onDone() {
+        log('[onDone] call onToolbarDone...');
+        onToolbarDone(true);
+      };
+      var Tb = function Tb() {
+        return /*#__PURE__*/_react["default"].createElement(_tableToolbar["default"], {
+          editor: editor,
+          plugins: toolbarPlugins,
+          onChange: function onChange(c) {
+            return onToolbarDone(c, false);
+          },
+          onAddRow: addRow,
+          onRemoveRow: removeRow,
+          onAddColumn: addColumn,
+          onRemoveColumn: removeColumn,
+          onRemoveTable: removeTable,
+          hasBorder: hasBorder(),
+          onToggleBorder: toggleBorder,
+          onDone: onDone
+        });
+      };
+      return Tb;
+    }
+  };
+  core.supports = function (node) {
+    return TABLE_TYPES.includes(node.type);
+  };
+  var Node = function Node(props) {
+    switch (props.node.type) {
+      case 'table':
+        return /*#__PURE__*/_react["default"].createElement(Table, (0, _extends2["default"])({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+      case 'tbody':
+        return /*#__PURE__*/_react["default"].createElement(TableBody, (0, _extends2["default"])({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+      case 'tr':
+        return /*#__PURE__*/_react["default"].createElement(TableRow, props);
+      case 'td':
+        return /*#__PURE__*/_react["default"].createElement(TableCell, (0, _extends2["default"])({}, props, {
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur
+        }));
+      default:
+        return null;
+    }
+  };
+  Node.propTypes = {
+    node: _propTypes["default"].object
+  };
+  core.renderNode = Node;
+  return core;
+};
+var parseStyleString = exports.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;
+};
+var reactAttributes = exports.reactAttributes = function reactAttributes(o) {
+  return (0, _toStyle.object)(o, {
+    camelize: true,
+    addUnits: false
+  });
+};
+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) {
+  return (0, _reduce["default"])(data, 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 = exports.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 (0, _slateHyperscript.jsx)('element', {
+            type: 'table',
+            data: attributes.reduce(attributesToMap(el), {})
+          }, next(c));
+        }
+      case 'tbody':
+        {
+          return (0, _slateHyperscript.jsx)('element', {
+            type: 'tbody'
+          }, next(el.childNodes));
+        }
+      case 'th':
+        {
+          return (0, _slateHyperscript.jsx)('element', {
+            type: 'th',
+            data: cellAttributes.reduce(attributesToMap(el), {
+              header: true
+            })
+          }, next(el.childNodes));
+        }
+      case 'tr':
+        {
+          return (0, _slateHyperscript.jsx)('element', {
+            type: 'tr'
+          }, next(Array.from(el.children)));
+        }
+      case 'td':
+        {
+          return (0, _slateHyperscript.jsx)('element', {
+            type: 'td',
+            data: cellAttributes.reduce(attributesToMap(el), {
+              header: true
+            })
+          }, next(el.childNodes));
+        }
+    }
+  },
+  serialize: function serialize(object, children) {
+    switch (object.type) {
+      case 'table':
+        {
+          var _attributes = dataToAttributes(object.data);
+          return /*#__PURE__*/_react["default"].createElement("table", _attributes, children);
+        }
+      case 'tbody':
+        {
+          return /*#__PURE__*/_react["default"].createElement("tbody", null, children);
+        }
+      case 'tr':
+        {
+          return /*#__PURE__*/_react["default"].createElement("tr", null, children);
+        }
+      case 'td':
+        {
+          var _attributes2 = dataToAttributes(object.data);
+          return /*#__PURE__*/_react["default"].createElement("td", _attributes2, children);
+        }
+      case 'th':
+        {
+          var _attributes3 = dataToAttributes(object.data);
+          return /*#__PURE__*/_react["default"].createElement("th", _attributes3, children);
+        }
+    }
+  }
+};
+//# sourceMappingURL=index.js.map