@pie-lib/editable-html 11.21.2 → 11.21.3-next.155

package/lib/plugins/table/icons/index.js

@@ -1,69 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RemoveTable = exports.RemoveRow = exports.RemoveColumn = exports.AddRow = exports.AddColumn = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var styles = {
-  icon: {
-    fill: 'grey',
-    '&:hover': {
-      fill: 'black'
-    }
+var _styles = require("@mui/material/styles");
+var StyledPath = (0, _styles.styled)('path')({
+  fill: 'grey',
+  '&:hover': {
+    fill: 'black'
   }
-};
-
+});
 var SvgIcon = function SvgIcon(Component) {
-  return (0, _styles.withStyles)(styles)(function (props) {
+  var SvgIconComponent = function SvgIconComponent(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
-    }));
-  });
+    }, /*#__PURE__*/_react["default"].createElement(Component, props));
+  };
+  SvgIconComponent.displayName = "SvgIcon(".concat(Component.displayName || Component.name || 'Component', ")");
+  return SvgIconComponent;
 };
-
-var AddRow = SvgIcon(function (props) {
-  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+var AddRow = exports.AddRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, 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", (0, _extends2["default"])({}, props, {
+var RemoveRow = exports.RemoveRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, 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", (0, _extends2["default"])({}, props, {
+var AddColumn = exports.AddColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, 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", (0, _extends2["default"])({}, props, {
+var RemoveColumn = exports.RemoveColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, 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", (0, _extends2["default"])({}, props, {
+var RemoveTable = exports.RemoveTable = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledPath, (0, _extends2["default"])({}, 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/lib/plugins/table/icons/index.js.map

@@ -1 +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,CAACC,SAAD,EAAe;AAC7B,SAAO,wBAAWJ,MAAX,EAAmB,UAACK,KAAD;AAAA,wBACxB;AAAK,MAAA,KAAK,EAAC,4BAAX;AAAwC,MAAA,OAAO,EAAC,KAAhD;AAAsD,MAAA,KAAK,EAAC,IAA5D;AAAiE,MAAA,MAAM,EAAC,IAAxE;AAA6E,MAAA,OAAO,EAAC;AAArF,oBACE,gCAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,KAAK,CAACC,OAAN,CAAcL;AAApC,MADF,CADwB;AAAA,GAAnB,CAAP;AAKD,CAND;;AAOO,IAAMM,MAAM,GAAGJ,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC5B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD4B;AAAA,CAAD,CAAtB;;AAOA,IAAMG,SAAS,GAAGL,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC/B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD+B;AAAA,CAAD,CAAzB;;AAOA,IAAMI,SAAS,GAAGN,OAAO,CAAC,UAACE,KAAD;AAAA,sBAC/B,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KAD+B;AAAA,CAAD,CAAzB;;AAOA,IAAMK,YAAY,GAAGP,OAAO,CAAC,UAACE,KAAD;AAAA,sBAClC,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADkC;AAAA,CAAD,CAA5B;;AAOA,IAAMM,WAAW,GAAGR,OAAO,CAAC,UAACE,KAAD;AAAA,sBACjC,sEACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADiC;AAAA,CAAD,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 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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","StyledPath","styled","fill","SvgIcon","Component","SvgIconComponent","props","createElement","xmlns","version","width","height","viewBox","displayName","concat","name","AddRow","exports","_extends2","d","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"sources":["../../../../src/plugins/table/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledPath = styled('path')({\n  fill: 'grey',\n  '&:hover': {\n    fill: 'black',\n  },\n});\n\nconst SvgIcon = (Component) => {\n  const SvgIconComponent = (props) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n      <Component {...props} />\n    </svg>\n  );\n  SvgIconComponent.displayName = `SvgIcon(${Component.displayName || Component.name || 'Component'})`;\n  return SvgIconComponent;\n};\nexport const AddRow = SvgIcon((props) => (\n  <StyledPath\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  <StyledPath\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  <StyledPath\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  <StyledPath\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  <StyledPath\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,UAAU,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC;EAChCC,IAAI,EAAE,MAAM;EACZ,SAAS,EAAE;IACTA,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,SAAS,EAAK;EAC7B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK;IAAA,oBAC7BV,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,EAAKE,KAAQ,CACpB,CAAC;EAAA,CACP;EACDD,gBAAgB,CAACQ,WAAW,cAAAC,MAAA,CAAcV,SAAS,CAACS,WAAW,IAAIT,SAAS,CAACW,IAAI,IAAI,WAAW,MAAG;EACnG,OAAOV,gBAAgB;AACzB,CAAC;AACM,IAAMW,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGb,OAAO,CAAC,UAACG,KAAK;EAAA,oBAClCV,MAAA,YAAAW,aAAA,CAACP,UAAU,MAAAkB,SAAA,iBACLZ,KAAK;IACTa,CAAC,EAAC;EAAuK,EAC1K,CAAC;AAAA,CACH,CAAC;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAGjB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrCV,MAAA,YAAAW,aAAA,CAACP,UAAU,MAAAkB,SAAA,iBACLZ,KAAK;IACTa,CAAC,EAAC;EAAsO,EACzO,CAAC;AAAA,CACH,CAAC;AAEK,IAAME,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGlB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrCV,MAAA,YAAAW,aAAA,CAACP,UAAU,MAAAkB,SAAA,iBACLZ,KAAK;IACTa,CAAC,EAAC;EAAuI,EAC1I,CAAC;AAAA,CACH,CAAC;AAEK,IAAMG,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAGnB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACxCV,MAAA,YAAAW,aAAA,CAACP,UAAU,MAAAkB,SAAA,iBACLZ,KAAK;IACTa,CAAC,EAAC;EAA2O,EAC9O,CAAC;AAAA,CACH,CAAC;AAEK,IAAMI,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGpB,OAAO,CAAC,UAACG,KAAK;EAAA,oBACvCV,MAAA,YAAAW,aAAA,CAACP,UAAU,MAAAkB,SAAA,iBACLZ,KAAK;IACTa,CAAC,EAAC;EAA4U,EAC/U,CAAC;AAAA,CACH,CAAC","ignoreList":[]}

package/lib/plugins/table/index.js

@@ -1,56 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.serialization = exports.reactAttributes = exports.parseStyleString = exports.moveFocusToBeginningOfTable = exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-
 var _slate = require("slate");
-
 var _debug = _interopRequireDefault(require("debug"));
-
-var _GridOn = _interopRequireDefault(require("@material-ui/icons/GridOn"));
-
+var _GridOn = _interopRequireDefault(require("@mui/icons-material/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 _styles = require("@mui/material/styles");
 var _reactAttrConverter = _interopRequireDefault(require("react-attr-converter"));
-
 var _toStyle = require("to-style");
-
 var _CustomTablePlugin = _interopRequireDefault(require("./CustomTablePlugin"));
-
-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) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+var _excluded = ["node"];
+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; }
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:table');
-var Table = (0, _styles.withStyles)(function () {
-  return {
-    table: {}
-  };
-})(function (props) {
+var StyledTable = (0, _styles.styled)('table')({});
+var StyledTableCell = (0, _styles.styled)(function (_ref) {
+  var node = _ref.node,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var Tag = node.data.get('header') ? 'th' : 'td';
+  return /*#__PURE__*/_react["default"].createElement(Tag, props);
+})({
+  '&': {
+    minWidth: '25px'
+  },
+  '&[data-cell-type="td"]': {
+    minWidth: '25px'
+  }
+});
+var Table = function Table(props) {
   var nodeAttributes = dataToAttributes(props.node.data);
-  return /*#__PURE__*/_react["default"].createElement("table", (0, _extends2["default"])({
-    className: props.classes.table
-  }, props.attributes, nodeAttributes, {
+  return /*#__PURE__*/_react["default"].createElement(StyledTable, (0, _extends2["default"])({}, 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,
@@ -58,81 +51,74 @@ Table.propTypes = {
   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 TableCell = function TableCell(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, (0, _extends2["default"])({}, props.attributes, nodeAttributes, {
+  return /*#__PURE__*/_react["default"].createElement(StyledTableCell, (0, _extends2["default"])({
+    as: Tag,
+    node: props.node
+  }, props.attributes, nodeAttributes, {
     colSpan: props.node.data.get('colspan'),
-    className: props.classes[Tag],
+    "data-cell-type": Tag,
     onFocus: props.onFocus,
     onBlur: props.onBlur
   }), props.children);
-});
+};
 TableCell.propTypes = {
+  node: _slatePropTypes["default"].node.isRequired,
   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) {
+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 = exports.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
   });
 };
+var _default = exports["default"] = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */) {
+  var core = (0, _CustomTablePlugin["default"])(opts);
 
-exports.moveFocusToBeginningOfTable = moveFocusToBeginningOfTable;
-
-var _default = function _default(opts, toolbarPlugins
-/* :  {toolbar: {}}[] */
-) {
-  var core = (0, _CustomTablePlugin["default"])(opts); // fix outdated schema
+  // 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]
         };
@@ -143,7 +129,6 @@ var _default = function _default(opts, toolbarPlugins
       }
     });
   }
-
   core.utils.getTableBlock = function (containerNode, key) {
     var node = containerNode.getDescendant(key);
     var ancestors = containerNode.getAncestors(key).push(node);
@@ -151,15 +136,11 @@ var _default = function _default(opts, toolbarPlugins
       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 = {
     type: 'table',
     icon: /*#__PURE__*/_react["default"].createElement(_GridOn["default"], null),
@@ -180,7 +161,6 @@ var _default = function _default(opts, toolbarPlugins
     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.
      */
@@ -188,36 +168,29 @@ var _default = function _default(opts, toolbarPlugins
       log('[customToolbar] node.data: ', node.data);
       var tableBlock = core.utils.getTableBlock(value.document, node === null || node === void 0 ? void 0 : 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');
@@ -227,12 +200,10 @@ var _default = function _default(opts, toolbarPlugins
         });
         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"], {
           getFocusedValue: getFocusedValue,
@@ -251,11 +222,9 @@ var _default = function _default(opts, toolbarPlugins
           onDone: onDone
         });
       };
-
       return Tb;
     }
   };
-
   var Node = function Node(props) {
     switch (props.node.type) {
       case 'table':
@@ -263,25 +232,20 @@ var _default = function _default(opts, toolbarPlugins
           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, (0, _extends2["default"])({}, props, {
           onFocus: opts.onFocus,
           onBlur: opts.onBlur
         }));
-
       default:
         return null;
     }
   };
-
   Node.propTypes = {
     node: _propTypes["default"].object
   };
-
   core.normalizeNode = function (node) {
     var addNodeBeforeArray = [];
     if (node.object !== 'document') return;
@@ -290,7 +254,6 @@ var _default = function _default(opts, toolbarPlugins
         var tablePath = node.getPath(d.key);
         var prevNode = node.getPreviousNode(tablePath);
         var nextNode = node.getNextNode(tablePath);
-
         if (!prevNode || !nextNode) {
           addNodeBeforeArray.push({
             node: d,
@@ -300,29 +263,25 @@ var _default = function _default(opts, toolbarPlugins
         }
       }
     });
-
     if (!addNodeBeforeArray.length) {
       return;
     }
-
     return function (change) {
       var newBlock = {
         object: 'block',
         type: 'div'
       };
       addNodeBeforeArray.forEach(function (n) {
-        var tablePath = change.value.document.getPath(n.node.key).toJSON(); // removing tableIndex
-
+        var tablePath = change.value.document.getPath(n.node.key).toJSON();
+        // removing tableIndex
         var indexToAdd = tablePath.splice(-1)[0];
-
         if (!n.prevNode) {
           // inserting block key before table
-          change.insertNodeByPath(tablePath, indexToAdd, newBlock); // this will trigger another normalization, which will figure out if there's not
+          change.insertNodeByPath(tablePath, indexToAdd, newBlock);
+          // this will trigger another normalization, which will figure out if there's not
           // a block after the table and add it, so we exit for now
-
           return;
         }
-
         if (!n.nextNode) {
           // inserting block key after table
           change.insertNodeByPath(tablePath, indexToAdd + 1, newBlock);
@@ -330,41 +289,28 @@ var _default = function _default(opts, toolbarPlugins
       });
     };
   };
-
   core.renderNode = Node;
   core.name = 'table';
   return core;
 };
-
-exports["default"] = _default;
-
-var parseStyleString = function parseStyleString(s) {
+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;
 };
-
-exports.parseStyleString = parseStyleString;
-
-var reactAttributes = function reactAttributes(o) {
+var reactAttributes = exports.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);
@@ -374,31 +320,25 @@ var attributesToMap = function attributesToMap(el) {
         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 = {
+var serialization = exports.serialization = {
   deserialize: function deserialize(el, next) {
     var tag = el.tagName.toLowerCase();
-
     switch (tag) {
       case 'table':
         {
@@ -411,7 +351,6 @@ var serialization = {
             data: attributes.reduce(attributesToMap(el), {})
           };
         }
-
       case 'th':
         {
           return {
@@ -423,7 +362,6 @@ var serialization = {
             })
           };
         }
-
       case 'tr':
         {
           return {
@@ -432,7 +370,6 @@ var serialization = {
             nodes: next(Array.from(el.children))
           };
         }
-
       case 'td':
         {
           return {
@@ -450,26 +387,20 @@ var serialization = {
     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 {
@@ -479,5 +410,4 @@ var serialization = {
     }
   }
 };
-exports.serialization = serialization;
 //# sourceMappingURL=index.js.map