@pie-lib/editable-html-tip-tap 1.0.2 → 1.0.4

package/src/plugins/respArea/math-templated/index.jsx

@@ -1,104 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import { mq } from '@pie-lib/math-input';
-
-const MathTemplated = ({ attributes, value, classes, keyToDisplay }) => (
-  <span {...attributes} className={classes.spanContainer}>
-    <div className={classes.responseBox}>{keyToDisplay}</div>
-    <div className={classes.mathBlock}>
-      <mq.Static latex={value} />
-    </div>
-  </span>
-);
-
-MathTemplated.propTypes = {
-  attributes: PropTypes.object,
-  classes: PropTypes.object.isRequired,
-  value: PropTypes.string,
-  keyToDisplay: PropTypes.string,
-};
-
-const styles = (theme) => ({
-  responseBox: {
-    background: theme.palette.grey['A100'],
-    color: theme.palette.grey['A700'],
-    display: 'inline-flex',
-    borderRight: '2px solid #C0C3CF',
-    boxSizing: 'border-box',
-    overflow: 'hidden',
-    fontSize: '12px',
-    minHeight: '36px',
-    height: '100%',
-    alignItems: 'center',
-    fontFamily: 'Symbola, Times New Roman, serif',
-    padding: '0 2px',
-  },
-  spanContainer: {
-    display: 'inline-flex',
-    border: '1px solid #C0C3CF',
-    margin: '1px 5px',
-    cursor: 'pointer',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: '50px',
-    minHeight: '36px',
-    height: 'fit-content',
-  },
-  mathBlock: {
-    flex: 8,
-    color: 'var(--pie-text, black)',
-    padding: '4px !important',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',
-    '& > .mq-math-mode sup.mq-nthroot': {
-      fontSize: '70% !important',
-      verticalAlign: '1em !important',
-    },
-    '& > .mq-math-mode .mq-sqrt-stem': {
-      borderTop: '0.07em solid',
-      marginLeft: '-1.5px',
-      marginTop: '-2px !important',
-      paddingTop: '5px !important',
-    },
-    '& .mq-overarrow-inner': {
-      paddingTop: '0 !important',
-      border: 'none !important',
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      marginTop: '0px',
-      minWidth: '1.23em',
-      '& *': {
-        lineHeight: '1 !important',
-      },
-      '&:before': {
-        top: '-0.4em',
-        left: '-1px',
-      },
-      '&:after': {
-        top: '0px !important',
-        position: 'absolute !important',
-        right: '-2px',
-      },
-      '&.mq-empty:after': {
-        top: '-0.45em',
-      },
-    },
-    '& .mq-overarrow.mq-arrow-right': {
-      '&:before': {
-        top: '-0.4em',
-        right: '-1px',
-      },
-    },
-    '& .mq-overarrow-inner-right': {
-      display: 'none !important',
-    },
-    '& .mq-overarrow-inner-left': {
-      display: 'none !important',
-    },
-  },
-});
-
-export default withStyles(styles)(MathTemplated);

package/src/plugins/respArea/utils.jsx

@@ -1,90 +0,0 @@
-import React from 'react';
-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 insertSnackBar = (message) => {
-  const prevSnacks = document.querySelectorAll('.response-area-alert');
-
-  prevSnacks.forEach((s) => s.remove());
-
-  const newEl = document.createElement('div');
-
-  newEl.className = 'response-area-alert';
-
-  const el = (
-    <Snackbar
-      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
-      open={true}
-      ContentProps={{
-        'aria-describedby': 'message-id',
-      }}
-      message={<span id="message-id">{message}</span>}
-    />
-  );
-
-  ReactDOM.render(el, newEl);
-
-  document.body.appendChild(newEl);
-
-  setTimeout(() => {
-    newEl.remove();
-  }, 2000);
-};
-
-export const defaultECR = (index) =>
-  Inline.create({
-    type: 'explicit_constructed_response',
-    isVoid: true,
-    data: {
-      index,
-    },
-  });
-export const defaultMT = (index) =>
-  Inline.create({
-    type: 'math_templated',
-    isVoid: true,
-    data: {
-      index,
-    },
-  });
-
-export const defaultDIB = (opts, index) =>
-  Inline.create({
-    type: 'drag_in_the_blank',
-    isVoid: true,
-    data: {
-      index,
-      duplicates: opts.options.duplicates,
-      value: null,
-    },
-  });
-
-export const defaultIDD = (index) =>
-  Inline.create({
-    object: 'inline',
-    type: 'inline_dropdown',
-    isVoid: true,
-    data: {
-      index,
-    },
-  });
-
-export const getDefaultElement = (opts, index) => {
-  switch (opts.type) {
-    case 'explicit-constructed-response':
-      return defaultECR(index);
-
-    case 'math-templated':
-      return defaultMT(index);
-
-    case 'drag-in-the-blank':
-      return defaultDIB(opts, index);
-
-    default:
-      // inline-dropdown
-      return defaultIDD(index);
-  }
-};

package/src/plugins/table/CustomTablePlugin.js

@@ -1,113 +0,0 @@
-import EditTable from 'slate-edit-table';
-import { isSelectionInTable } from 'slate-edit-table/dist/utils';
-import { onEnter, onModEnter, onTab, onUpDown } from 'slate-edit-table/dist/handlers';
-import TableOptions from 'slate-edit-table/dist/options';
-import { clearCell } from 'slate-edit-table/dist/changes';
-
-function onBackspace(event, change, editor, opts) {
-  const { value } = change;
-  const { startBlock, endBlock, selection, document } = value;
-
-  const startCell = document.getClosest(startBlock.key, opts.isCell);
-  const endCell = document.getClosest(endBlock.key, opts.isCell);
-
-  const startBlockIndex = startCell?.nodes?.findIndex((block) => block.key == startBlock.key);
-
-  // If a cursor is collapsed at the start of the first block, do nothing
-  if (startBlockIndex === 0 && selection.isAtStartOf(startBlock)) {
-    if (startBlock.isVoid) {
-      // Delete the block normally if it is a void block
-      return undefined;
-    }
-
-    event.preventDefault();
-    return change;
-  }
-
-  // If "normal" deletion, we continue
-  if (startCell === endCell) {
-    return undefined;
-  }
-
-  // If cursor is between multiple blocks,
-  // we clear the content of the cells.
-  event.preventDefault();
-
-  const { blocks } = value;
-
-  // Get all cells that contains the selection
-  const cells = blocks
-    .map((node) =>
-      node.type === opts.typeCell ? node : document.getClosest(node.key, (a) => a.type === opts.typeCell),
-    )
-    .toSet();
-
-  // If the cursor is at the very end of the first cell, ignore it.
-  // If the cursor is at the very start of the last cell, ignore it.
-  // This behavior is to compensate hanging selection behaviors:
-  // https://github.com/ianstormtaylor/slate/pull/1605
-  const ignoreFirstCell = value.selection.collapseToStart().isAtEndOf(cells.first());
-  const ignoreLastCell = value.selection.collapseToEnd().isAtStartOf(cells.last());
-
-  let cellsToClear = cells;
-  if (ignoreFirstCell) {
-    cellsToClear = cellsToClear.rest();
-  }
-  if (ignoreLastCell) {
-    cellsToClear = cellsToClear.butLast();
-  }
-
-  // Clear all the selection
-  cellsToClear.forEach((cell) => clearCell(opts, change, cell));
-
-  // Update the selection properly, and avoid reset of selection
-  const updatedStartCell = change.value.document.getDescendant(cellsToClear.first().key);
-  return change.collapseToStartOf(updatedStartCell);
-}
-
-const KEY_ENTER = 'Enter';
-const KEY_TAB = 'Tab';
-const KEY_BACKSPACE = 'Backspace';
-const KEY_DOWN = 'ArrowDown';
-const KEY_UP = 'ArrowUp';
-
-/**
- * User is pressing a key in the editor
- */
-function onKeyDown(opts, event, change, editor) {
-  // Only handle events in cells
-  if (!isSelectionInTable(opts, change.value)) {
-    return undefined;
-  }
-
-  // Build arguments list
-  const args = [event, change, editor, opts];
-
-  switch (event.key) {
-    case KEY_ENTER:
-      if (event.metaKey && opts.exitBlockType) {
-        return onModEnter(...args);
-      }
-      return onEnter(...args);
-
-    case KEY_TAB:
-      return onTab(...args);
-    case KEY_BACKSPACE:
-      return onBackspace(...args);
-    case KEY_DOWN:
-    case KEY_UP:
-      return onUpDown(...args);
-    default:
-      return undefined;
-  }
-}
-
-export default (opts) => {
-  const core = EditTable(opts);
-
-  const tableOpts = new TableOptions(opts);
-
-  core.onKeyDown = onKeyDown.bind(null, tableOpts);
-
-  return core;
-};

package/src/plugins/table/__tests__/__snapshots__/table-toolbar.test.jsx.snap

@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`table-toolbar snapshot renders 1`] = `
-<div
-  className="table-toolbar"
->
-  <div>
-    <WithStyles(RawButton)
-      onClick={[MockFunction]}
-    >
-      <WithStyles(Component) />
-    </WithStyles(RawButton)>
-    <WithStyles(RawButton)
-      onClick={[MockFunction]}
-    >
-      <WithStyles(Component) />
-    </WithStyles(RawButton)>
-    <WithStyles(RawButton)
-      onClick={[MockFunction]}
-    >
-      <WithStyles(Component) />
-    </WithStyles(RawButton)>
-    <WithStyles(RawButton)
-      onClick={[MockFunction]}
-    >
-      <WithStyles(Component) />
-    </WithStyles(RawButton)>
-    <WithStyles(RawButton)
-      onClick={[MockFunction]}
-    >
-      <WithStyles(Component) />
-    </WithStyles(RawButton)>
-    <WithStyles(RawButton)
-      active={true}
-      onClick={[MockFunction]}
-    >
-      <pure(BorderAllIcon) />
-    </WithStyles(RawButton)>
-  </div>
-  <WithStyles(RawDoneButton)
-    onClick={[Function]}
-  />
-</div>
-`;