@pie-lib/editable-html 9.2.6-next.2 → 9.2.7

package/src/plugins/respArea/icons/index.jsx

@@ -4,7 +4,7 @@ import ChevronRight from '@material-ui/icons/ChevronRight';
 import MoreVert from '@material-ui/icons/MoreVert';
 import { withStyles } from '@material-ui/core/styles';
 
-const getRotate = direction => {
+const getRotate = (direction) => {
   switch (direction) {
     case 'down':
       return 90;
@@ -17,7 +17,7 @@ const getRotate = direction => {
   }
 };
 
-export const Chevron = props => {
+export const Chevron = (props) => {
   const { direction, style } = props;
   const rotate = getRotate(direction);
 
@@ -25,7 +25,7 @@ export const Chevron = props => {
     <ChevronRight
       style={{
         transform: `rotate(${rotate}deg)`,
-        ...style
+        ...style,
       }}
     />
   );
@@ -33,7 +33,7 @@ export const Chevron = props => {
 
 Chevron.propTypes = {
   direction: PropTypes.string,
-  style: PropTypes.object
+  style: PropTypes.object,
 };
 
 export const GripIcon = ({ style }) => {
@@ -41,7 +41,7 @@ export const GripIcon = ({ style }) => {
     <span style={style}>
       <MoreVert
         style={{
-          margin: '0 -16px'
+          margin: '0 -16px',
         }}
       />
       <MoreVert />
@@ -50,7 +50,7 @@ export const GripIcon = ({ style }) => {
 };
 
 GripIcon.propTypes = {
-  style: PropTypes.object
+  style: PropTypes.object,
 };
 
 export const ToolbarIcon = withStyles({
@@ -63,6 +63,6 @@ export const ToolbarIcon = withStyles({
     top: '7px',
     width: '110px',
     height: '28px',
-    whiteSpace: 'nowrap'
-  }
+    whiteSpace: 'nowrap',
+  },
 })(({ classes }) => <div className={classes.icon}>+ Response Area</div>);

package/src/plugins/respArea/index.jsx

@@ -14,17 +14,17 @@ const lastIndexMap = {};
 const elTypesMap = {
   'inline-dropdown': 'inline_dropdown',
   'explicit-constructed-response': 'explicit_constructed_response',
-  'drag-in-the-blank': 'drag_in_the_blank'
+  'drag-in-the-blank': 'drag_in_the_blank',
 };
 const elTypesArray = Object.values(elTypesMap);
 
 export default function ResponseAreaPlugin(opts) {
-  const isOfCurrentType = d => d.type === opts.type || d.type === elTypesMap[opts.type];
+  const isOfCurrentType = (d) => d.type === opts.type || d.type === elTypesMap[opts.type];
 
   const toolbar = {
     icon: <ToolbarIcon />,
     buttonStyles: {
-      margin: '0 20px 0 auto'
+      margin: '0 20px 0 auto',
     },
     onClick: (value, onChange) => {
       log('[toolbar] onClick');
@@ -75,8 +75,8 @@ export default function ResponseAreaPlugin(opts) {
       }
     },
     customToolbar: opts.respAreaToolbar,
-    supports: node => node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0,
-    showDone: false
+    supports: (node) => node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0,
+    showDone: false,
   };
 
   return {
@@ -87,7 +87,7 @@ export default function ResponseAreaPlugin(opts) {
         return [];
       }
 
-      return plugins.filter(p => p.name !== 'response_area');
+      return plugins.filter((p) => p.name !== 'response_area');
     },
     deleteNode: (e, node, value, onChange) => {
       e.preventDefault();
@@ -119,9 +119,7 @@ export default function ResponseAreaPlugin(opts) {
       if (n.type === 'drag_in_the_blank') {
         const data = n.data.toJSON();
 
-        return (
-          <DragInTheBlank attributes={attributes} data={data} n={n} nodeProps={props} opts={opts} />
-        );
+        return <DragInTheBlank attributes={attributes} data={data} n={n} nodeProps={props} opts={opts} />;
       }
 
       if (n.type === 'inline_dropdown') {
@@ -136,7 +134,7 @@ export default function ResponseAreaPlugin(opts) {
       if (isUndefined(lastIndexMap[type])) {
         lastIndexMap[type] = 0;
 
-        change.value.document.forEachDescendant(d => {
+        change.value.document.forEachDescendant((d) => {
           if (d.type === type) {
             const newIndex = parseInt(d.data.get('index'), 10);
 
@@ -160,13 +158,11 @@ export default function ResponseAreaPlugin(opts) {
         toolbar.disabled = false;
       }
 
-      const arrayToFilter =
-        oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
-      const arrayToUseForFilter =
-        arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
+      const arrayToFilter = oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
+      const arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
 
       const elementsWithChangedStatus = arrayToFilter.filter(
-        d => !arrayToUseForFilter.find(e => e.data.get('index') === d.data.get('index'))
+        (d) => !arrayToUseForFilter.find((e) => e.data.get('index') === d.data.get('index')),
       );
 
       if (elementsWithChangedStatus.size && oldRespAreaList.size > currentRespAreaList.size) {
@@ -175,12 +171,12 @@ export default function ResponseAreaPlugin(opts) {
     },
     onDrop(event, change, editor) {
       const closestEl = event.target.closest('[data-key]');
-      const inline = editor.value.document.findDescendant(d => d.key === closestEl.dataset.key);
+      const inline = editor.value.document.findDescendant((d) => d.key === closestEl.dataset.key);
 
       if (inline.type === 'drag_in_the_blank') {
         return false;
       }
-    }
+    },
   };
 }
 
@@ -196,8 +192,8 @@ export const serialization = {
           isVoid: true,
           data: {
             index: el.dataset.index,
-            value: el.dataset.value
-          }
+            value: el.dataset.value,
+          },
         };
       case 'explicit_constructed_response':
         return {
@@ -206,8 +202,8 @@ export const serialization = {
           isVoid: true,
           data: {
             index: el.dataset.index,
-            value: el.dataset.value
-          }
+            value: el.dataset.value,
+          },
         };
       case 'drag_in_the_blank':
         return {
@@ -218,8 +214,8 @@ export const serialization = {
             index: el.dataset.index,
             id: el.dataset.id,
             value: el.dataset.value,
-            inTable: el.dataset.inTable
-          }
+            inTable: el.dataset.inTable,
+          },
         };
     }
   },
@@ -237,13 +233,7 @@ export const serialization = {
       case 'explicit_constructed_response': {
         const data = object.data.toJSON();
 
-        return (
-          <span
-            data-type="explicit_constructed_response"
-            data-index={data.index}
-            data-value={data.value}
-          />
-        );
+        return <span data-type="explicit_constructed_response" data-index={data.index} data-value={data.value} />;
       }
       case 'drag_in_the_blank': {
         const data = object.data.toJSON();
@@ -259,5 +249,5 @@ export const serialization = {
         );
       }
     }
-  }
+  },
 };

package/src/plugins/respArea/inline-dropdown/index.jsx

@@ -14,7 +14,7 @@ const InlineDropdown = ({ attributes, selectedItem }) => {
         display: 'inline-flex',
         height: '50px',
         margin: '0 5px',
-        cursor: 'pointer'
+        cursor: 'pointer',
       }}
     >
       <div
@@ -26,7 +26,7 @@ const InlineDropdown = ({ attributes, selectedItem }) => {
           border: '1px solid #C0C3CF',
           boxSizing: 'border-box',
           borderRadius: '3px',
-          position: 'relative'
+          position: 'relative',
         }}
       >
         <div
@@ -36,10 +36,10 @@ const InlineDropdown = ({ attributes, selectedItem }) => {
             padding: '0 25px 0 8px',
             whiteSpace: 'nowrap',
             textOverflow: 'ellipsis',
-            lineHeight: '35px'
+            lineHeight: '35px',
           }}
           dangerouslySetInnerHTML={{
-            __html: html
+            __html: html,
           }}
         />
         <Chevron
@@ -47,7 +47,7 @@ const InlineDropdown = ({ attributes, selectedItem }) => {
           style={{
             position: 'absolute',
             top: '5px',
-            right: '5px'
+            right: '5px',
           }}
         />
       </div>
@@ -57,7 +57,7 @@ const InlineDropdown = ({ attributes, selectedItem }) => {
 
 InlineDropdown.propTypes = {
   attributes: PropTypes.object,
-  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
+  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 };
 
 export default InlineDropdown;

package/src/plugins/respArea/utils.jsx

@@ -3,12 +3,12 @@ import ReactDOM from 'react-dom';
 import { Inline } from 'slate';
 import Snackbar from '@material-ui/core/Snackbar';
 
-export const isNumber = val => !isNaN(parseFloat(val)) && isFinite(val);
+export const isNumber = (val) => !isNaN(parseFloat(val)) && isFinite(val);
 
-export const insertSnackBar = message => {
+export const insertSnackBar = (message) => {
   const prevSnacks = document.querySelectorAll('.response-area-alert');
 
-  prevSnacks.forEach(s => s.remove());
+  prevSnacks.forEach((s) => s.remove());
 
   const newEl = document.createElement('div');
 
@@ -19,7 +19,7 @@ export const insertSnackBar = message => {
       anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
       open={true}
       ContentProps={{
-        'aria-describedby': 'message-id'
+        'aria-describedby': 'message-id',
       }}
       message={<span id="message-id">{message}</span>}
     />
@@ -34,13 +34,13 @@ export const insertSnackBar = message => {
   }, 2000);
 };
 
-export const defaultECR = index =>
+export const defaultECR = (index) =>
   Inline.create({
     type: 'explicit_constructed_response',
     isVoid: true,
     data: {
-      index
-    }
+      index,
+    },
   });
 
 export const defaultDIB = (opts, index) =>
@@ -50,18 +50,18 @@ export const defaultDIB = (opts, index) =>
     data: {
       index,
       duplicates: opts.options.duplicates,
-      value: null
-    }
+      value: null,
+    },
   });
 
-export const defaultIDD = index =>
+export const defaultIDD = (index) =>
   Inline.create({
     object: 'inline',
     type: 'inline_dropdown',
     isVoid: true,
     data: {
-      index
-    }
+      index,
+    },
   });
 
 export const getDefaultElement = (opts, index) => {

package/src/plugins/table/icons/index.jsx

@@ -5,53 +5,47 @@ const styles = {
   icon: {
     fill: 'grey',
     '&:hover': {
-      fill: 'black'
-    }
-  }
+      fill: 'black',
+    },
+  },
 };
 
-const SvgIcon = Component => {
-  return withStyles(styles)(props => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      version="1.1"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-    >
+const SvgIcon = (Component) => {
+  return withStyles(styles)((props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 24 24">
       <Component className={props.classes.icon} />
     </svg>
   ));
 };
-export const AddRow = SvgIcon(props => (
+export const AddRow = SvgIcon((props) => (
   <path
     {...props}
     d="M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
   />
 ));
 
-export const RemoveRow = SvgIcon(props => (
+export const RemoveRow = SvgIcon((props) => (
   <path
     {...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"
   />
 ));
 
-export const AddColumn = SvgIcon(props => (
+export const AddColumn = SvgIcon((props) => (
   <path
     {...props}
     d="M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
   />
 ));
 
-export const RemoveColumn = SvgIcon(props => (
+export const RemoveColumn = SvgIcon((props) => (
   <path
     {...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"
   />
 ));
 
-export const RemoveTable = SvgIcon(props => (
+export const RemoveTable = SvgIcon((props) => (
   <path
     {...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"

package/src/plugins/table/index.jsx

@@ -13,8 +13,8 @@ import { object as toStyleObject } from 'to-style';
 const log = debug('@pie-lib:editable-html:plugins:table');
 
 const Table = withStyles(() => ({
-  table: {}
-}))(props => {
+  table: {},
+}))((props) => {
   const nodeAttributes = dataToAttributes(props.node.data);
 
   return (
@@ -35,23 +35,23 @@ Table.propTypes = {
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
   node: SlatePropTypes.node,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 };
 
-const TableRow = props => <tr {...props.attributes}>{props.children}</tr>;
+const TableRow = (props) => <tr {...props.attributes}>{props.children}</tr>;
 
 TableRow.propTypes = {
   attributes: PropTypes.object,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 };
 
 const TableCell = withStyles(() => ({
   td: {
-    minWidth: '25px'
-  }
-}))(props => {
+    minWidth: '25px',
+  },
+}))((props) => {
   const Tag = props.node.data.get('header') ? 'th' : 'td';
 
   const nodeAttributes = dataToAttributes(props.node.data);
@@ -75,13 +75,11 @@ TableCell.propTypes = {
   attributes: PropTypes.object,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 };
 
-export const moveFocusToBeginningOfTable = change => {
-  const addedTable = change.value.document.findDescendant(
-    d => !!d.data && !!d.data.get('newTable')
-  );
+export const moveFocusToBeginningOfTable = (change) => {
+  const addedTable = change.value.document.findDescendant((d) => !!d.data && !!d.data.get('newTable'));
 
   if (!addedTable) {
     return;
@@ -96,30 +94,30 @@ export const moveFocusToBeginningOfTable = change => {
 
 export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
   const core = EditTable({
-    typeContent: 'div'
+    typeContent: 'div',
   });
 
   // fix outdated schema
 
   if (core.schema && core.schema.blocks) {
-    Object.keys(core.schema.blocks).forEach(key => {
+    Object.keys(core.schema.blocks).forEach((key) => {
       const block = core.schema.blocks[key];
 
       if (block.parent) {
         if (block.nodes[0].types) {
           block.nodes[0] = {
-            type: block.nodes[0].types[0]
+            type: block.nodes[0].types[0],
           };
         }
 
         if (block.nodes[0].objects) {
           block.nodes[0] = {
-            object: block.nodes[0].objects[0]
+            object: block.nodes[0].objects[0],
           };
         }
 
         block.parent = {
-          type: block.parent.types[0]
+          type: block.parent.types[0],
         };
       } else {
         block.nodes[0] = { type: block.nodes[0].types[0] };
@@ -130,14 +128,14 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
   core.utils.getTableBlock = (containerNode, key) => {
     const node = containerNode.getDescendant(key);
     const ancestors = containerNode.getAncestors(key).push(node);
-    return ancestors.findLast(p => p.type === 'table');
+    return ancestors.findLast((p) => p.type === 'table');
   };
 
   core.utils.createTableWithOptions = (row, columns, extra) => {
     const createdTable = core.utils.createTable(row, columns);
     const newTable = Block.create({
       ...createdTable.toJSON(),
-      ...extra
+      ...extra,
     });
 
     return newTable;
@@ -151,8 +149,8 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
       const newTable = core.utils.createTableWithOptions(2, 2, {
         data: {
           border: '1',
-          newTable: true
-        }
+          newTable: true,
+        },
       });
 
       change.insertBlock(newTable);
@@ -160,8 +158,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
       moveFocusToBeginningOfTable(change);
       onChange(change);
     },
-    supports: (node, value) =>
-      node && node.object === 'block' && core.utils.isSelectionInTable(value),
+    supports: (node, value) => 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.
      */
@@ -171,8 +168,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
       const tableBlock = core.utils.getTableBlock(value.document, node?.key);
       log('[customToolbar] tableBlock: ', tableBlock);
 
-      const hasBorder = () =>
-        tableBlock.data.get('border') && tableBlock.data.get('border') !== '0';
+      const hasBorder = () => tableBlock.data.get('border') && tableBlock.data.get('border') !== '0';
       const addRow = () => {
         const change = core.changes.insertRow(value.change());
         onToolbarDone(change, false);
@@ -214,7 +210,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
       const Tb = () => (
         <TableToolbar
           plugins={toolbarPlugins}
-          onChange={c => onToolbarDone(c, false)}
+          onChange={(c) => onToolbarDone(c, false)}
           value={value}
           onAddRow={addRow}
           onRemoveRow={removeRow}
@@ -227,10 +223,10 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
         />
       );
       return Tb;
-    }
+    },
   };
 
-  const Node = props => {
+  const Node = (props) => {
     switch (props.node.type) {
       case 'table':
         return <Table {...props} onFocus={opts.onFocus} onBlur={opts.onBlur} />;
@@ -243,15 +239,15 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
     }
   };
   Node.propTypes = {
-    node: PropTypes.object
+    node: PropTypes.object,
   };
 
-  core.normalizeNode = node => {
+  core.normalizeNode = (node) => {
     if (node.object !== 'document') {
       return;
     }
 
-    const tableAdded = node.findDescendant(d => d.data && d.data.get('newTable'));
+    const tableAdded = node.findDescendant((d) => d.data && d.data.get('newTable'));
 
     if (!tableAdded) {
       return;
@@ -260,7 +256,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
     const nodeToSearch = node.getParent(tableAdded.key) || node;
     let shouldAddTextAfterNode = false;
     const indexToNotHaveTableOn = nodeToSearch.nodes.size - 1;
-    const indexOfLastTable = nodeToSearch.nodes.findLastIndex(d => d.type === 'table');
+    const indexOfLastTable = nodeToSearch.nodes.findLastIndex((d) => d.type === 'table');
 
     // if the last table in the document is of type table, we need to do the change
     if (indexOfLastTable === indexToNotHaveTableOn) {
@@ -271,7 +267,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
       return;
     }
 
-    return change => {
+    return (change) => {
       if (shouldAddTextAfterNode) {
         const tableJSON = tableAdded.toJSON();
 
@@ -281,7 +277,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
 
         const newBlock = Block.create({
           object: 'block',
-          type: 'div'
+          type: 'div',
         });
 
         // we add an empty block but that it's going to be normalized
@@ -296,9 +292,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
 
           if (prevText) {
             // we move focus to the previous text
-            change
-              .moveFocusTo(prevText.key, prevText.text?.length)
-              .moveAnchorTo(prevText.key, prevText.text?.length);
+            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
@@ -306,8 +300,8 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
             ...tableJSON,
             data: {
               ...tableJSON.data,
-              newTable: true
-            }
+              newTable: true,
+            },
           });
 
           moveFocusToBeginningOfTable(change);
@@ -321,7 +315,7 @@ export default (opts, toolbarPlugins /* :  {toolbar: {}}[] */) => {
   return core;
 };
 
-export const parseStyleString = s => {
+export const parseStyleString = (s) => {
   const regex = /([\w-]*)\s*:\s*([^;]*)/g;
   let match;
   const result = {};
@@ -331,9 +325,9 @@ export const parseStyleString = s => {
   return result;
 };
 
-export const reactAttributes = o => toStyleObject(o, { camelize: true, addUnits: false });
+export const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });
 
-const attributesToMap = el => (acc, attribute) => {
+const attributesToMap = (el) => (acc, attribute) => {
   const value = el.getAttribute(attribute);
   if (value) {
     if (attribute === 'style') {
@@ -347,7 +341,7 @@ const attributesToMap = el => (acc, attribute) => {
   return acc;
 };
 
-const dataToAttributes = data => {
+const dataToAttributes = (data) => {
   if (!data || !data.get) {
     return {};
   }
@@ -380,7 +374,7 @@ export const serialization = {
           object: 'block',
           type: 'table',
           nodes: next(c),
-          data: attributes.reduce(attributesToMap(el), {})
+          data: attributes.reduce(attributesToMap(el), {}),
         };
       }
       case 'th': {
@@ -388,14 +382,14 @@ export const serialization = {
           object: 'block',
           type: 'table_cell',
           nodes: next(el.childNodes),
-          data: cellAttributes.reduce(attributesToMap(el), { header: true })
+          data: cellAttributes.reduce(attributesToMap(el), { header: true }),
         };
       }
       case 'tr': {
         return {
           object: 'block',
           type: 'table_row',
-          nodes: next(Array.from(el.children))
+          nodes: next(Array.from(el.children)),
         };
       }
       case 'td': {
@@ -403,7 +397,7 @@ export const serialization = {
           object: 'block',
           type: 'table_cell',
           nodes: next(Array.from(el.childNodes)),
-          data: cellAttributes.reduce(attributesToMap(el), { header: false })
+          data: cellAttributes.reduce(attributesToMap(el), { header: false }),
         };
       }
     }
@@ -435,5 +429,5 @@ export const serialization = {
         }
       }
     }
-  }
+  },
 };