@pie-lib/editable-html 9.3.1-next.53 → 9.4.0

package/lib/plugins/respArea/utils.js

@@ -1,18 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isNumber = exports.insertSnackBar = exports.getDefaultElement = exports.defaultIDD = exports.defaultECR = exports.defaultDIB = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _slate = require("slate");
+
 var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
+
 var isNumber = function isNumber(val) {
   return !isNaN(parseFloat(val)) && isFinite(val);
 };
+
 exports.isNumber = isNumber;
+
 var insertSnackBar = function insertSnackBar(message) {
   var prevSnacks = document.querySelectorAll('.response-area-alert');
   prevSnacks.forEach(function (s) {
@@ -20,6 +28,7 @@ var insertSnackBar = function insertSnackBar(message) {
   });
   var newEl = document.createElement('div');
   newEl.className = 'response-area-alert';
+
   var el = /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
     anchorOrigin: {
       vertical: 'top',
@@ -33,13 +42,17 @@ var insertSnackBar = function insertSnackBar(message) {
       id: "message-id"
     }, message)
   });
+
   _reactDom["default"].render(el, newEl);
+
   document.body.appendChild(newEl);
   setTimeout(function () {
     newEl.remove();
   }, 2000);
 };
+
 exports.insertSnackBar = insertSnackBar;
+
 var defaultECR = function defaultECR(index) {
   return _slate.Inline.create({
     type: 'explicit_constructed_response',
@@ -49,7 +62,9 @@ var defaultECR = function defaultECR(index) {
     }
   });
 };
+
 exports.defaultECR = defaultECR;
+
 var defaultDIB = function defaultDIB(opts, index) {
   return _slate.Inline.create({
     type: 'drag_in_the_blank',
@@ -61,7 +76,9 @@ var defaultDIB = function defaultDIB(opts, index) {
     }
   });
 };
+
 exports.defaultDIB = defaultDIB;
+
 var defaultIDD = function defaultIDD(index) {
   return _slate.Inline.create({
     object: 'inline',
@@ -72,17 +89,22 @@ var defaultIDD = function defaultIDD(index) {
     }
   });
 };
+
 exports.defaultIDD = defaultIDD;
+
 var getDefaultElement = function getDefaultElement(opts, index) {
   switch (opts.type) {
     case 'explicit-constructed-response':
       return defaultECR(index);
+
     case 'drag-in-the-blank':
       return defaultDIB(opts, index);
+
     default:
       // inline-dropdown
       return defaultIDD(index);
   }
 };
+
 exports.getDefaultElement = getDefaultElement;
 //# sourceMappingURL=utils.js.map

package/lib/plugins/respArea/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["isNumber","val","isNaN","parseFloat","isFinite","insertSnackBar","message","prevSnacks","document","querySelectorAll","forEach","s","remove","newEl","createElement","className","el","vertical","horizontal","ReactDOM","render","body","appendChild","setTimeout","defaultECR","index","Inline","create","type","isVoid","data","defaultDIB","opts","duplicates","options","value","defaultIDD","object","getDefaultElement"],"sources":["../../../src/plugins/respArea/utils.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport Snackbar from '@material-ui/core/Snackbar';\n\nexport const isNumber = (val) => !isNaN(parseFloat(val)) && isFinite(val);\n\nexport const insertSnackBar = (message) => {\n  const prevSnacks = document.querySelectorAll('.response-area-alert');\n\n  prevSnacks.forEach((s) => s.remove());\n\n  const newEl = document.createElement('div');\n\n  newEl.className = 'response-area-alert';\n\n  const el = (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={true}\n      ContentProps={{\n        'aria-describedby': 'message-id',\n      }}\n      message={<span id=\"message-id\">{message}</span>}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n\n  setTimeout(() => {\n    newEl.remove();\n  }, 2000);\n};\n\nexport const defaultECR = (index) =>\n  Inline.create({\n    type: 'explicit_constructed_response',\n    isVoid: true,\n    data: {\n      index,\n    },\n  });\n\nexport const defaultDIB = (opts, index) =>\n  Inline.create({\n    type: 'drag_in_the_blank',\n    isVoid: true,\n    data: {\n      index,\n      duplicates: opts.options.duplicates,\n      value: null,\n    },\n  });\n\nexport const defaultIDD = (index) =>\n  Inline.create({\n    object: 'inline',\n    type: 'inline_dropdown',\n    isVoid: true,\n    data: {\n      index,\n    },\n  });\n\nexport const getDefaultElement = (opts, index) => {\n  switch (opts.type) {\n    case 'explicit-constructed-response':\n      return defaultECR(index);\n    case 'drag-in-the-blank':\n      return defaultDIB(opts, index);\n    default:\n      // inline-dropdown\n      return defaultIDD(index);\n  }\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAG;EAAA,OAAK,CAACC,KAAK,CAACC,UAAU,CAACF,GAAG,CAAC,CAAC,IAAIG,QAAQ,CAACH,GAAG,CAAC;AAAA;AAAC;AAEnE,IAAMI,cAAc,GAAG,SAAjBA,cAAc,CAAIC,OAAO,EAAK;EACzC,IAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,sBAAsB,CAAC;EAEpEF,UAAU,CAACG,OAAO,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACC,MAAM,EAAE;EAAA,EAAC;EAErC,IAAMC,KAAK,GAAGL,QAAQ,CAACM,aAAa,CAAC,KAAK,CAAC;EAE3CD,KAAK,CAACE,SAAS,GAAG,qBAAqB;EAEvC,IAAMC,EAAE,gBACN,gCAAC,oBAAQ;IACP,YAAY,EAAE;MAAEC,QAAQ,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS,CAAE;IACxD,IAAI,EAAE,IAAK;IACX,YAAY,EAAE;MACZ,kBAAkB,EAAE;IACtB,CAAE;IACF,OAAO,eAAE;MAAM,EAAE,EAAC;IAAY,GAAEZ,OAAO;EAAS,EAEnD;EAEDa,oBAAQ,CAACC,MAAM,CAACJ,EAAE,EAAEH,KAAK,CAAC;EAE1BL,QAAQ,CAACa,IAAI,CAACC,WAAW,CAACT,KAAK,CAAC;EAEhCU,UAAU,CAAC,YAAM;IACfV,KAAK,CAACD,MAAM,EAAE;EAChB,CAAC,EAAE,IAAI,CAAC;AACV,CAAC;AAAC;AAEK,IAAMY,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK;EAAA,OAC9BC,aAAM,CAACC,MAAM,CAAC;IACZC,IAAI,EAAE,+BAA+B;IACrCC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE;MACJL,KAAK,EAALA;IACF;EACF,CAAC,CAAC;AAAA;AAAC;AAEE,IAAMM,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAI,EAAEP,KAAK;EAAA,OACpCC,aAAM,CAACC,MAAM,CAAC;IACZC,IAAI,EAAE,mBAAmB;IACzBC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE;MACJL,KAAK,EAALA,KAAK;MACLQ,UAAU,EAAED,IAAI,CAACE,OAAO,CAACD,UAAU;MACnCE,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AAAA;AAAC;AAEE,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIX,KAAK;EAAA,OAC9BC,aAAM,CAACC,MAAM,CAAC;IACZU,MAAM,EAAE,QAAQ;IAChBT,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE;MACJL,KAAK,EAALA;IACF;EACF,CAAC,CAAC;AAAA;AAAC;AAEE,IAAMa,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIN,IAAI,EAAEP,KAAK,EAAK;EAChD,QAAQO,IAAI,CAACJ,IAAI;IACf,KAAK,+BAA+B;MAClC,OAAOJ,UAAU,CAACC,KAAK,CAAC;IAC1B,KAAK,mBAAmB;MACtB,OAAOM,UAAU,CAACC,IAAI,EAAEP,KAAK,CAAC;IAChC;MACE;MACA,OAAOW,UAAU,CAACX,KAAK,CAAC;EAAC;AAE/B,CAAC;AAAC"}
+{"version":3,"sources":["../../../src/plugins/respArea/utils.jsx"],"names":["isNumber","val","isNaN","parseFloat","isFinite","insertSnackBar","message","prevSnacks","document","querySelectorAll","forEach","s","remove","newEl","createElement","className","el","vertical","horizontal","ReactDOM","render","body","appendChild","setTimeout","defaultECR","index","Inline","create","type","isVoid","data","defaultDIB","opts","duplicates","options","value","defaultIDD","object","getDefaultElement"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD;AAAA,SAAS,CAACC,KAAK,CAACC,UAAU,CAACF,GAAD,CAAX,CAAN,IAA2BG,QAAQ,CAACH,GAAD,CAA5C;AAAA,CAAjB;;;;AAEA,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD,EAAa;AACzC,MAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAT,CAA0B,sBAA1B,CAAnB;AAEAF,EAAAA,UAAU,CAACG,OAAX,CAAmB,UAACC,CAAD;AAAA,WAAOA,CAAC,CAACC,MAAF,EAAP;AAAA,GAAnB;AAEA,MAAMC,KAAK,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAd;AAEAD,EAAAA,KAAK,CAACE,SAAN,GAAkB,qBAAlB;;AAEA,MAAMC,EAAE,gBACN,gCAAC,oBAAD;AACE,IAAA,YAAY,EAAE;AAAEC,MAAAA,QAAQ,EAAE,KAAZ;AAAmBC,MAAAA,UAAU,EAAE;AAA/B,KADhB;AAEE,IAAA,IAAI,EAAE,IAFR;AAGE,IAAA,YAAY,EAAE;AACZ,0BAAoB;AADR,KAHhB;AAME,IAAA,OAAO,eAAE;AAAM,MAAA,EAAE,EAAC;AAAT,OAAuBZ,OAAvB;AANX,IADF;;AAWAa,uBAASC,MAAT,CAAgBJ,EAAhB,EAAoBH,KAApB;;AAEAL,EAAAA,QAAQ,CAACa,IAAT,CAAcC,WAAd,CAA0BT,KAA1B;AAEAU,EAAAA,UAAU,CAAC,YAAM;AACfV,IAAAA,KAAK,CAACD,MAAN;AACD,GAFS,EAEP,IAFO,CAAV;AAGD,CA3BM;;;;AA6BA,IAAMY,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SACxBC,cAAOC,MAAP,CAAc;AACZC,IAAAA,IAAI,EAAE,+BADM;AAEZC,IAAAA,MAAM,EAAE,IAFI;AAGZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA;AADI;AAHM,GAAd,CADwB;AAAA,CAAnB;;;;AASA,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAOP,KAAP;AAAA,SACxBC,cAAOC,MAAP,CAAc;AACZC,IAAAA,IAAI,EAAE,mBADM;AAEZC,IAAAA,MAAM,EAAE,IAFI;AAGZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA,KADI;AAEJQ,MAAAA,UAAU,EAAED,IAAI,CAACE,OAAL,CAAaD,UAFrB;AAGJE,MAAAA,KAAK,EAAE;AAHH;AAHM,GAAd,CADwB;AAAA,CAAnB;;;;AAWA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACX,KAAD;AAAA,SACxBC,cAAOC,MAAP,CAAc;AACZU,IAAAA,MAAM,EAAE,QADI;AAEZT,IAAAA,IAAI,EAAE,iBAFM;AAGZC,IAAAA,MAAM,EAAE,IAHI;AAIZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA;AADI;AAJM,GAAd,CADwB;AAAA,CAAnB;;;;AAUA,IAAMa,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,IAAD,EAAOP,KAAP,EAAiB;AAChD,UAAQO,IAAI,CAACJ,IAAb;AACE,SAAK,+BAAL;AACE,aAAOJ,UAAU,CAACC,KAAD,CAAjB;;AACF,SAAK,mBAAL;AACE,aAAOM,UAAU,CAACC,IAAD,EAAOP,KAAP,CAAjB;;AACF;AACE;AACA,aAAOW,UAAU,CAACX,KAAD,CAAjB;AAPJ;AASD,CAVM","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport Snackbar from '@material-ui/core/Snackbar';\n\nexport const isNumber = (val) => !isNaN(parseFloat(val)) && isFinite(val);\n\nexport const insertSnackBar = (message) => {\n  const prevSnacks = document.querySelectorAll('.response-area-alert');\n\n  prevSnacks.forEach((s) => s.remove());\n\n  const newEl = document.createElement('div');\n\n  newEl.className = 'response-area-alert';\n\n  const el = (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={true}\n      ContentProps={{\n        'aria-describedby': 'message-id',\n      }}\n      message={<span id=\"message-id\">{message}</span>}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n\n  setTimeout(() => {\n    newEl.remove();\n  }, 2000);\n};\n\nexport const defaultECR = (index) =>\n  Inline.create({\n    type: 'explicit_constructed_response',\n    isVoid: true,\n    data: {\n      index,\n    },\n  });\n\nexport const defaultDIB = (opts, index) =>\n  Inline.create({\n    type: 'drag_in_the_blank',\n    isVoid: true,\n    data: {\n      index,\n      duplicates: opts.options.duplicates,\n      value: null,\n    },\n  });\n\nexport const defaultIDD = (index) =>\n  Inline.create({\n    object: 'inline',\n    type: 'inline_dropdown',\n    isVoid: true,\n    data: {\n      index,\n    },\n  });\n\nexport const getDefaultElement = (opts, index) => {\n  switch (opts.type) {\n    case 'explicit-constructed-response':\n      return defaultECR(index);\n    case 'drag-in-the-blank':\n      return defaultDIB(opts, index);\n    default:\n      // inline-dropdown\n      return defaultIDD(index);\n  }\n};\n"],"file":"utils.js"}

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

@@ -1,13 +1,18 @@
 "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',
@@ -16,6 +21,7 @@ var styles = {
     }
   }
 };
+
 var SvgIcon = function SvgIcon(Component) {
   return (0, _styles.withStyles)(styles)(function (props) {
     return /*#__PURE__*/_react["default"].createElement("svg", {
@@ -29,6 +35,7 @@ var SvgIcon = function SvgIcon(Component) {
     }));
   });
 };
+
 var AddRow = SvgIcon(function (props) {
   return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
     d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["styles","icon","fill","SvgIcon","Component","withStyles","props","classes","AddRow","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"sources":["../../../../src/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;AACA;AAEA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE;MACTA,IAAI,EAAE;IACR;EACF;AACF,CAAC;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIC,SAAS,EAAK;EAC7B,OAAO,IAAAC,kBAAU,EAACL,MAAM,CAAC,CAAC,UAACM,KAAK;IAAA,oBAC9B;MAAK,KAAK,EAAC,4BAA4B;MAAC,OAAO,EAAC,KAAK;MAAC,KAAK,EAAC,IAAI;MAAC,MAAM,EAAC,IAAI;MAAC,OAAO,EAAC;IAAW,gBAC9F,gCAAC,SAAS;MAAC,SAAS,EAAEA,KAAK,CAACC,OAAO,CAACN;IAAK,EAAG,CACxC;EAAA,CACP,CAAC;AACJ,CAAC;AACM,IAAMO,MAAM,GAAGL,OAAO,CAAC,UAACG,KAAK;EAAA,oBAClC,sEACMA,KAAK;IACT,CAAC,EAAC;EAAuK,GACzK;AAAA,CACH,CAAC;AAAC;AAEI,IAAMG,SAAS,GAAGN,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrC,sEACMA,KAAK;IACT,CAAC,EAAC;EAAsO,GACxO;AAAA,CACH,CAAC;AAAC;AAEI,IAAMI,SAAS,GAAGP,OAAO,CAAC,UAACG,KAAK;EAAA,oBACrC,sEACMA,KAAK;IACT,CAAC,EAAC;EAAuI,GACzI;AAAA,CACH,CAAC;AAAC;AAEI,IAAMK,YAAY,GAAGR,OAAO,CAAC,UAACG,KAAK;EAAA,oBACxC,sEACMA,KAAK;IACT,CAAC,EAAC;EAA2O,GAC7O;AAAA,CACH,CAAC;AAAC;AAEI,IAAMM,WAAW,GAAGT,OAAO,CAAC,UAACG,KAAK;EAAA,oBACvC,sEACMA,KAAK;IACT,CAAC,EAAC;EAA4U,GAC9U;AAAA,CACH,CAAC;AAAC"}
+{"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"}

package/lib/plugins/table/index.js

@@ -1,25 +1,42 @@
 "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 _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 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 log = (0, _debug["default"])('@pie-lib:editable-html:plugins:table');
 var Table = (0, _styles.withStyles)(function () {
   return {
@@ -41,9 +58,11 @@ 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,
@@ -73,41 +92,49 @@ TableCell.propTypes = {
   onBlur: _propTypes["default"].func,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 };
+
 var moveFocusToBeginningOfTable = function moveFocusToBeginningOfTable(change) {
   var addedTable = change.value.document.findDescendant(function (d) {
     return !!d.data && !!d.data.get('newTable');
   });
+
   if (!addedTable) {
     return;
   }
+
   change.collapseToStartOf(addedTable);
   var update = addedTable.data.remove('newTable');
   change.setNodeByKey(addedTable.key, {
     data: update
   });
 };
+
 exports.moveFocusToBeginningOfTable = moveFocusToBeginningOfTable;
-var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */) {
+
+var _default = function _default(opts, toolbarPlugins
+/* :  {toolbar: {}}[] */
+) {
   var core = (0, _slateEditTable["default"])({
     typeContent: 'div'
-  });
-
-  // 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]
         };
@@ -118,6 +145,7 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
       }
     });
   }
+
   core.utils.getTableBlock = function (containerNode, key) {
     var node = containerNode.getDescendant(key);
     var ancestors = containerNode.getAncestors(key).push(node);
@@ -125,11 +153,15 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
       return p.type === 'table';
     });
   };
+
   core.utils.createTableWithOptions = function (row, columns, extra) {
     var createdTable = core.utils.createTable(row, columns);
+
     var newTable = _slate.Block.create(_objectSpread(_objectSpread({}, createdTable.toJSON()), extra));
+
     return newTable;
   };
+
   core.toolbar = {
     icon: /*#__PURE__*/_react["default"].createElement(_GridOn["default"], null),
     onClick: function onClick(value, onChange) {
@@ -148,6 +180,7 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
     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.
      */
@@ -155,29 +188,36 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
       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');
@@ -187,10 +227,12 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
         });
         onToolbarDone(change, false);
       };
+
       var onDone = function onDone() {
         log('[onDone] call onToolbarDone...');
         onToolbarDone(null, true);
       };
+
       var Tb = function Tb() {
         return /*#__PURE__*/_react["default"].createElement(_tableToolbar["default"], {
           plugins: toolbarPlugins,
@@ -208,9 +250,11 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
           onDone: onDone
         });
       };
+
       return Tb;
     }
   };
+
   var Node = function Node(props) {
     switch (props.node.type) {
       case 'table':
@@ -218,71 +262,81 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
           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) {
     if (node.object !== 'document') {
       return;
     }
+
     var tableAdded = node.findDescendant(function (d) {
       return d.data && d.data.get('newTable');
     });
+
     if (!tableAdded) {
       return;
     }
+
     var nodeToSearch = node.getParent(tableAdded.key) || node;
     var shouldAddTextAfterNode = false;
     var indexToNotHaveTableOn = nodeToSearch.nodes.size - 1;
     var indexOfLastTable = nodeToSearch.nodes.findLastIndex(function (d) {
       return d.type === 'table';
-    });
+    }); // if the last table in the document is of type table, we need to do the change
 
-    // if the last table in the document is of type table, we need to do the change
     if (indexOfLastTable === indexToNotHaveTableOn) {
       shouldAddTextAfterNode = true;
     }
+
     if (!shouldAddTextAfterNode) {
       return;
     }
+
     return function (change) {
       if (shouldAddTextAfterNode) {
-        var tableJSON = tableAdded.toJSON();
-
-        // we remove the table node because otherwise we can't add the empty block after it
+        var tableJSON = tableAdded.toJSON(); // we remove the table node because otherwise we can't add the empty block after it
         // we need a block that contains text in order to do it
+
         change.removeNodeByKey(tableAdded.key);
+
         var newBlock = _slate.Block.create({
           object: 'block',
           type: 'div'
-        });
-
-        // we add an empty block but that it's going to be normalized
+        }); // 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) {
             var _prevText$text, _prevText$text2;
+
             // we move focus to the previous text
             change.moveFocusTo(prevText.key, (_prevText$text = prevText.text) === null || _prevText$text === void 0 ? void 0 : _prevText$text.length).moveAnchorTo(prevText.key, (_prevText$text2 = prevText.text) === null || _prevText$text2 === void 0 ? void 0 : _prevText$text2.length);
-          }
+          } // we insert the table block between the first block with text and the last block with text
+
 
-          // we insert the table block between the first block with text and the last block with text
           change.insertBlock(_objectSpread(_objectSpread({}, tableJSON), {}, {
             data: _objectSpread(_objectSpread({}, tableJSON.data), {}, {
               newTable: true
@@ -293,30 +347,40 @@ var _default = function _default(opts, toolbarPlugins /* :  {toolbar: {}}[] */)
       }
     };
   };
+
   core.renderNode = Node;
   return core;
 };
+
 exports["default"] = _default;
+
 var parseStyleString = function parseStyleString(s) {
   var regex = /([\w-]*)\s*:\s*([^;]*)/g;
   var match;
   var result = {};
+
   while (match = regex.exec(s)) {
     result[match[1]] = match[2].trim();
   }
+
   return result;
 };
+
 exports.parseStyleString = parseStyleString;
+
 var reactAttributes = function reactAttributes(o) {
   return (0, _toStyle.object)(o, {
     camelize: true,
     addUnits: false
   });
 };
+
 exports.reactAttributes = reactAttributes;
+
 var attributesToMap = function attributesToMap(el) {
   return function (acc, attribute) {
     var value = el.getAttribute(attribute);
+
     if (value) {
       if (attribute === 'style') {
         var styleString = el.getAttribute(attribute);
@@ -326,25 +390,31 @@ 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 = {
   deserialize: function deserialize(el, next) {
     var tag = el.tagName.toLowerCase();
+
     switch (tag) {
       case 'table':
         {
@@ -357,6 +427,7 @@ var serialization = {
             data: attributes.reduce(attributesToMap(el), {})
           };
         }
+
       case 'th':
         {
           return {
@@ -368,6 +439,7 @@ var serialization = {
             })
           };
         }
+
       case 'tr':
         {
           return {
@@ -376,6 +448,7 @@ var serialization = {
             nodes: next(Array.from(el.children))
           };
         }
+
       case 'td':
         {
           return {
@@ -393,20 +466,26 @@ 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 {