@pie-element/ebsr 6.6.3-next.414 → 6.6.3-next.430

package/configure/node_modules/@pie-lib/editable-html/src/plugins/toolbar/toolbar.jsx

@@ -1,313 +0,0 @@
-import { DoneButton } from './done-button';
-import Delete from '@material-ui/icons/Delete';
-import IconButton from '@material-ui/core/IconButton';
-import PropTypes from 'prop-types';
-import React from 'react';
-import classNames from 'classnames';
-import debug from 'debug';
-import SlatePropTypes from 'slate-prop-types';
-import debounce from 'lodash/debounce';
-
-import { findSingleNode, findParentNode } from '../utils';
-import { withStyles } from '@material-ui/core/styles';
-import DefaultToolbar from './default-toolbar';
-
-const log = debug('@pie-lib:editable-html:plugins:toolbar');
-
-const getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {
-  if (!plugin) {
-    return;
-  }
-  if (!plugin.toolbar) {
-    return;
-  }
-  if (plugin.toolbar.CustomToolbarComp) {
-    /**
-     * Using a pre-defined Component should be preferred
-     * as the rendering of it (and it's children) can be optimized by React.
-     * If you keep re-defining the comp with an inline function
-     * then react will have to re-render.
-     */
-    return plugin.toolbar.CustomToolbarComp;
-  } else if (typeof plugin.toolbar.customToolbar === 'function') {
-    log('deprecated - use CustomToolbarComp');
-    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
-  }
-};
-
-export class Toolbar extends React.Component {
-  static propTypes = {
-    zIndex: PropTypes.number,
-    value: SlatePropTypes.value.isRequired,
-    plugins: PropTypes.array,
-    plugin: PropTypes.object,
-    onImageClick: PropTypes.func,
-    onDone: PropTypes.func.isRequired,
-    classes: PropTypes.object.isRequired,
-    isFocused: PropTypes.bool,
-    autoWidth: PropTypes.bool,
-    onChange: PropTypes.func.isRequired,
-    pluginProps: PropTypes.object,
-    toolbarOpts: PropTypes.shape({
-      position: PropTypes.oneOf(['bottom', 'top']),
-      alignment: PropTypes.oneOf(['left', 'right']),
-      alwaysVisible: PropTypes.bool,
-      showDone: PropTypes.bool
-    }),
-    onDataChange: PropTypes.func
-  };
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      change: null
-    };
-  }
-
-  hasMark = type => {
-    const { value } = this.props;
-    return value.marks.some(mark => mark.type == type);
-  };
-
-  hasBlock = type => {
-    const { value } = this.props;
-    return value.blocks.some(node => node.type == type);
-  };
-
-  onToggle = plugin => {
-    const { value, onChange } = this.props;
-
-    if (!plugin.onToggle) return;
-
-    const change = plugin.onToggle(value.change());
-    onChange(change);
-  };
-
-  onClick = e => {
-    log('[onClick]');
-    e.preventDefault();
-  };
-
-  onButtonClick = fn => {
-    return e => {
-      e.preventDefault();
-      fn();
-    };
-  };
-
-  onToolbarDone = (change, finishEditing) => {
-    log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);
-    const { onChange, onDone } = this.props;
-
-    if (change) {
-      onChange(change, () => {
-        if (finishEditing) {
-          onDone();
-        }
-      });
-    } else {
-      if (finishEditing) {
-        log('[onToolbarChange] call onDone');
-        onDone();
-      }
-    }
-  };
-
-  onDeleteClick = debounce(
-    (e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange),
-    500
-  );
-
-  onDeleteMouseDown = (e, plugin, node, value, onChange) => {
-    e.persist();
-    this.onDeleteClick(e, plugin, node, value, onChange);
-  };
-
-  render() {
-    const {
-      classes,
-      plugins,
-      pluginProps,
-      toolbarOpts,
-      value,
-      autoWidth,
-      onChange,
-      isFocused,
-      onDone
-    } = this.props;
-
-    const node = findSingleNode(value);
-    const parentNode = findParentNode(value, node);
-
-    log(' --------------> [render] node: ', node);
-    log('[render] node: ', node);
-
-    const plugin = plugins.find(p => {
-      if (!node) {
-        return;
-      }
-
-      if (p.toolbar) {
-        return p.toolbar.supports && p.toolbar.supports(node, value);
-      }
-    });
-    const parentPlugin = plugins.find(p => {
-      if (!parentNode) {
-        return;
-      }
-
-      if (p.toolbar) {
-        return p.toolbar.supports && p.toolbar.supports(parentNode, value);
-      }
-    });
-
-    log('[render] plugin: ', plugin);
-
-    const handleDone = (change, done) => {
-      let handler = onDone;
-
-      if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
-        handler = this.onToolbarDone;
-      }
-
-      handler(change, done);
-
-      if (parentPlugin && parentPlugin.handleDone) {
-        parentPlugin.handleDone(value, node, plugin, onChange);
-      }
-    };
-
-    const handleDataChange = (key, data) => {
-      this.props.onDataChange(key, data);
-    };
-
-    const CustomToolbar = getCustomToolbar(
-      plugin,
-      node,
-      value,
-      handleDone,
-      this.props.onDataChange
-    );
-
-    const filteredPlugins =
-      plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
-
-    log('[render] CustomToolbar: ', CustomToolbar);
-    const parentExtraStyles =
-      parentPlugin && parentPlugin.pluginStyles
-        ? parentPlugin.pluginStyles(node, parentNode, plugin)
-        : {};
-    const pluginExtraStyles =
-      plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
-    const extraStyles = {
-      ...pluginExtraStyles,
-      ...parentExtraStyles
-    };
-
-    const deletable = node && plugin && plugin.deleteNode;
-    const customToolbarShowDone =
-      node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;
-
-    // If there is a toolbarOpts we check if the showDone is not equal to false
-    const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
-
-    const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
-
-    const names = classNames(classes.toolbar, {
-      [classes.toolbarWithNoDone]: !hasDoneButton,
-      [classes.toolbarTop]: toolbarOpts.position === 'top',
-      [classes.toolbarRight]: toolbarOpts.alignment === 'right',
-      [classes.focused]: toolbarOpts.alwaysVisible || isFocused,
-      [classes.autoWidth]: autoWidth,
-      [classes.fullWidth]: !autoWidth
-    });
-
-    return (
-      <div className={names} style={extraStyles} onClick={this.onClick}>
-        {CustomToolbar ? (
-          <CustomToolbar
-            node={node}
-            value={value}
-            onToolbarDone={this.onToolbarDone}
-            onDataChange={handleDataChange}
-            pluginProps={pluginProps}
-          />
-        ) : (
-          <DefaultToolbar
-            plugins={filteredPlugins}
-            pluginProps={pluginProps}
-            value={value}
-            onChange={onChange}
-            showDone={defaultToolbarShowDone}
-            onDone={handleDone}
-            deletable={deletable}
-          />
-        )}
-
-        <div className={classes.shared}>
-          {deletable && (
-            <IconButton
-              aria-label="Delete"
-              className={classes.iconRoot}
-              onMouseDown={e => this.onDeleteMouseDown(e, plugin, node, value, onChange)}
-              classes={{
-                root: classes.iconRoot
-              }}
-            >
-              <Delete />
-            </IconButton>
-          )}
-          {customToolbarShowDone && <DoneButton onClick={handleDone} />}
-        </div>
-      </div>
-    );
-  }
-}
-
-const style = {
-  toolbar: {
-    position: 'absolute',
-    zIndex: 10,
-    cursor: 'pointer',
-    justifyContent: 'space-between',
-    background: 'var(--editable-html-toolbar-bg, #efefef)',
-    minWidth: '280px',
-    margin: '5px 0 0 0',
-    padding: '2px',
-    boxShadow:
-      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
-    boxSizing: 'border-box',
-    display: 'none'
-  },
-  toolbarWithNoDone: {
-    minWidth: '265px'
-  },
-  toolbarTop: {
-    top: '-45px'
-  },
-  toolbarRight: {
-    right: 0
-  },
-  fullWidth: {
-    width: '100%'
-  },
-  autoWidth: {
-    width: 'auto'
-  },
-  focused: {
-    display: 'flex'
-  },
-  iconRoot: {
-    width: '28px',
-    height: '28px',
-    padding: '4px',
-    verticalAlign: 'top'
-  },
-  label: {
-    color: 'var(--editable-html-toolbar-check, #00bb00)'
-  },
-  shared: {
-    display: 'flex'
-  }
-};
-export default withStyles(style, { index: 1000 })(Toolbar);

package/configure/node_modules/@pie-lib/editable-html/src/plugins/utils.js

@@ -1,32 +0,0 @@
-export const findSingleNode = value => {
-  if (!value || !value.isCollapsed || !value.startKey) {
-    return;
-  }
-
-  const inline = value.document.getClosestInline(value.startKey);
-
-  if (inline) {
-    return inline;
-  }
-
-  const block = value.document.getClosestBlock(value.startKey);
-
-  if (block) {
-    return block;
-  }
-};
-
-export const findParentNode = (value, node) => {
-  if (!value || !node) {
-    return;
-  }
-
-  return value.document.getParent(node.key);
-};
-
-export const hasMark = (value, type) => value && value.marks.some(mark => mark.type == type);
-
-export const hasBlock = (value, type) => value && value.blocks.some(node => node.type == type);
-
-export const hasNode = ({ document }, type) =>
-  document && document.nodes.some(node => node.type == type);

package/configure/node_modules/@pie-lib/editable-html/src/serialization.jsx

@@ -1,369 +0,0 @@
-import Html from 'slate-html-serializer';
-import React from 'react';
-import debug from 'debug';
-import { object as toStyleObject } from 'to-style';
-
-import { serialization as imgSerialization } from './plugins/image';
-import { serialization as mathSerialization } from './plugins/math';
-import { serialization as mediaSerialization } from './plugins/media';
-import { serialization as listSerialization } from './plugins/list';
-import { serialization as tableSerialization } from './plugins/table';
-import { serialization as responseAreaSerialization } from './plugins/respArea';
-import { Mark, Value } from 'slate';
-
-const log = debug('@pie-lib:editable-html:serialization');
-
-/**
- * Tags to blocks.
- *
- * @type {Object}
- */
-
-export const BLOCK_TAGS = {
-  div: 'div',
-  span: 'span',
-  p: 'paragraph',
-  blockquote: 'quote',
-  pre: 'code',
-  h1: 'heading-one',
-  h2: 'heading-two',
-  h3: 'heading-three',
-  h4: 'heading-four',
-  h5: 'heading-five',
-  h6: 'heading-six'
-};
-
-/**
- * Tags to marks.
- *
- * @type {Object}
- */
-
-const MARK_TAGS = {
-  b: 'bold',
-  em: 'italic',
-  u: 'underline',
-  s: 'strikethrough',
-  code: 'code',
-  strong: 'bold'
-};
-
-export const parseStyleString = s => {
-  const regex = /([\w-]*)\s*:\s*([^;]*)/g;
-  let match;
-  const result = {};
-  while ((match = regex.exec(s))) {
-    result[match[1]] = match[2].trim();
-  }
-  return result;
-};
-
-export const reactAttributes = o => toStyleObject(o, { camelize: true });
-
-const attributesToMap = el => (acc, attribute) => {
-  const value = el.getAttribute(attribute);
-  if (value) {
-    if (attribute === 'style') {
-      const styleString = el.getAttribute(attribute);
-      const reactStyleObject = reactAttributes(parseStyleString(styleString));
-      acc['style'] = reactStyleObject;
-    } else {
-      acc[attribute] = el.getAttribute(attribute);
-    }
-  }
-  return acc;
-};
-
-const attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];
-
-/**
- * Serializer rules.
- *
- * @type {Array}
- */
-
-const blocks = {
-  deserialize(el, next) {
-    log('[blocks:deserialize] block: ', el);
-    const block = BLOCK_TAGS[el.tagName.toLowerCase()];
-    if (!block) return;
-    log('[blocks:deserialize] block: ', block);
-
-    if (el.childNodes.length === 1) {
-      const cn = el.childNodes[0];
-      if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {
-        log('[we have a child node of the same]...');
-        return;
-      }
-    }
-
-    return {
-      object: 'block',
-      type: block,
-      /**
-       * Here for rendering styles for all block elements
-       */
-      data: { attributes: attributes.reduce(attributesToMap(el), {}) },
-      nodes: next(el.childNodes)
-    };
-  },
-  serialize: (object, children) => {
-    if (object.object !== 'block') return;
-
-    const jsonData = object.data.toJSON();
-
-    log('[blocks:serialize] object: ', object, children);
-    let key;
-
-    for (key in BLOCK_TAGS) {
-      if (BLOCK_TAGS[key] === object.type) {
-        const Tag = key;
-
-        return <Tag {...jsonData.attributes}>{children}</Tag>;
-      }
-    }
-  }
-};
-
-const marks = {
-  deserialize(el, next) {
-    const mark = MARK_TAGS[el.tagName.toLowerCase()];
-    if (!mark) return;
-    log('[deserialize] mark: ', mark);
-    return {
-      object: 'mark',
-      type: mark,
-      nodes: next(el.childNodes)
-    };
-  },
-  serialize(object, children) {
-    if (Mark.isMark(object)) {
-      for (var key in MARK_TAGS) {
-        if (MARK_TAGS[key] === object.type) {
-          const Tag = key;
-          return <Tag>{children}</Tag>;
-        }
-      }
-    }
-  }
-};
-
-const findPreviousText = el => {
-  if (el.nodeName === '#text') {
-    return el;
-  }
-
-  if (el.previousSibling) {
-    return findPreviousText(el.previousSibling);
-  }
-
-  return null;
-};
-
-export const TEXT_RULE = {
-  deserialize(el) {
-    /**
-     * This needs to be called on the dom element in order to merge the adjacent text nodes together
-     * */
-    el.normalize();
-
-    if (el.tagName && el.tagName.toLowerCase() === 'br') {
-      return {
-        object: 'text',
-        leaves: [
-          {
-            object: 'leaf',
-            text: '\n'
-          }
-        ]
-      };
-    }
-
-    if (el.nodeName === '#text') {
-      if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;
-
-      log('[text:deserialize] return text object..');
-      return {
-        object: 'text',
-        leaves: [
-          {
-            object: 'leaf',
-            text: el.nodeValue
-          }
-        ]
-      };
-    }
-  },
-
-  serialize(obj, children) {
-    if (obj.object === 'string') {
-      return children.split('\n').reduce((array, text, i) => {
-        if (i !== 0) array.push(<br />);
-        array.push(text);
-        return array;
-      }, []);
-    }
-  }
-};
-
-const RULES = [
-  listSerialization,
-  mathSerialization,
-  mediaSerialization,
-  imgSerialization,
-  tableSerialization,
-  responseAreaSerialization,
-  TEXT_RULE,
-  blocks,
-  marks
-];
-
-function allWhitespace(node) {
-  // Use ECMA-262 Edition 3 String and RegExp features
-  return !/[^\t\n\r ]/.test(node.textContent);
-}
-
-function defaultParseHtml(html) {
-  if (typeof DOMParser === 'undefined') {
-    throw new Error(
-      'The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.'
-    );
-  }
-
-  const parsed = new DOMParser().parseFromString(html, 'text/html');
-
-  const { body } = parsed;
-  var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);
-  var n = textNodes.nextNode();
-
-  while (n) {
-    if (allWhitespace(n) || n.nodeValue === '\u200B') {
-      n.parentNode.removeChild(n);
-    }
-    n = textNodes.nextNode();
-  }
-
-  return body;
-}
-
-/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */
-const parseHtml =
-  typeof window === 'undefined'
-    ? () => ({
-        childNodes: []
-      })
-    : defaultParseHtml;
-
-const serializer = new Html({
-  defaultBlock: 'div',
-  rules: RULES,
-  parseHtml
-});
-
-const _extends =
-  Object.assign ||
-  function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-/**
- * This is needed in order to override the function that eventually leads
- * to the max iteration of 12, which in most cases it's not enough. The newer versions
- * have a different way to calculate this, but updating to a newer version of slate
- * requires a lot of work fixing other issues. So we just increase the rules by 1000,
- * which means a lot of iterations.
- * Below is the code that calculates the max iterations.
- * var max = schema.stack.plugins.length + schema.rules.length + 1;
- */
-serializer.deserialize = function deserialize(html) {
-  const options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const _options$toJSON = options.toJSON;
-  const toJSON = _options$toJSON === undefined ? false : _options$toJSON;
-  const defaultBlock = this.defaultBlock;
-  const parseHtml = this.parseHtml;
-
-  const fragment = parseHtml(html);
-  const children = Array.from(fragment.childNodes);
-  let nodes = this.deserializeElements(children);
-
-  // COMPAT: ensure that all top-level inline nodes are wrapped into a block.
-  nodes = nodes.reduce(function(memo, node, i, original) {
-    if (node.object === 'block') {
-      memo.push(node);
-      return memo;
-    }
-
-    if (i > 0 && original[i - 1].object !== 'block') {
-      const _block = memo[memo.length - 1];
-
-      _block.nodes.push(node);
-      return memo;
-    }
-
-    const block = _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {
-      nodes: [node]
-    });
-
-    memo.push(block);
-    return memo;
-  }, []);
-
-  if (nodes.length === 0) {
-    nodes = [
-      _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {
-        nodes: [{ object: 'text', leaves: [{ object: 'leaf', text: '', marks: [] }] }]
-      })
-    ];
-  }
-
-  const json = {
-    object: 'value',
-    document: {
-      object: 'document',
-      data: {},
-      nodes: nodes
-    },
-    schema: {
-      rules: []
-    }
-  };
-
-  let i;
-
-  for (i = 0; i < 1000; i++) {
-    json.schema.rules.push({
-      match: { object: 'document' },
-      nodes: [{ match: { object: 'block' } }]
-    });
-  }
-
-  const ret = toJSON ? json : Value.fromJSON(json);
-
-  if (ret) {
-    return ret;
-  }
-
-  return null;
-};
-
-export const htmlToValue = html => serializer.deserialize(html);
-
-export const valueToHtml = value => serializer.serialize(value);
-
-/**
- *
- * <div><div>a</div></div> -> <div>a</div>
- *
- * <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>
- * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>
- */

package/configure/node_modules/@pie-lib/editable-html/src/theme.js

@@ -1 +0,0 @@
-export const primary = '#304ffe';

package/configure/node_modules/@pie-lib/editable-html/static.json

@@ -1 +0,0 @@
-