@pie-element/complex-rubric 2.6.6 → 2.6.7

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/icons/nothing-submitted-icon.jsx

@@ -1,130 +0,0 @@
-import { IconRoot, getStyles } from './icon-root';
-
-import PropTypes from 'prop-types';
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-
-const Exclamation = ({ className }) => (
-  <g>
-    <rect x="19.3" y="10.3" className={className} width="4.5" height="12.7" />
-    <rect x="19.3" y="26.2" className={className} width="4.5" height="4.5" />
-  </g>
-);
-
-const Octagon = ({ className }) => (
-  <polygon className={className} points="14.8,4.5 5.6,13.8 5.6,27 14.8,36.5 28.1,36.5 37.6,27 37.6,13.8 28.1,4.5" />
-);
-
-const Emoji = ({ className }) => (
-  <g>
-    <rect x="23.8" y="15" className={className} width="3.5" height="4.4" />
-    <rect x="16" y="15" className={className} width="3.5" height="4.4" />
-    <path
-      className={className}
-      d="M24.2,27.1h-5.1c-0.8,0-1.5-0.7-1.5-1.5v0c0-0.8,0.7-1.5,1.5-1.5h5.1c0.8,0,1.5,0.7,1.5,1.5v0
-      C25.7,26.4,25,27.1,24.2,27.1z"
-    />
-  </g>
-);
-
-Emoji.propTypes = Octagon.propTypes = Exclamation.propTypes = {
-  className: PropTypes.string,
-};
-const styles = getStyles('nothing-submitted', 'white', '#464146');
-
-export class NothingSubmitted extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-  };
-
-  constructor(props) {
-    super(props);
-    const { classes } = this.props;
-    this.icons = {
-      check: (
-        <IconRoot>
-          <Octagon className={classes.bg} />
-          <Exclamation className={classes.fg} />
-        </IconRoot>
-      ),
-      emoji: (
-        <IconRoot>
-          <Octagon className={classes.bg} />
-          <Emoji className={classes.fg} />
-        </IconRoot>
-      ),
-      feedback: {
-        check: (
-          <IconRoot>
-            <Octagon className={classes.bg} />
-            <Emoji className={classes.fg} />
-          </IconRoot>
-        ),
-        emoji: (
-          <IconRoot>
-            <Octagon className={classes.bg} />
-            <Emoji className={classes.fg} />
-          </IconRoot>
-        ),
-        square: {
-          check: (
-            <IconRoot>
-              <Octagon className={classes.bg} />
-              <Exclamation className={classes.fg} />
-            </IconRoot>
-          ),
-          emoji: (
-            <IconRoot>
-              <Octagon className={classes.bg} />
-              <Emoji className={classes.fg} />
-            </IconRoot>
-          ),
-          open: {
-            check: (
-              <IconRoot>
-                <Exclamation className={classes.bg} />
-              </IconRoot>
-            ),
-            emoji: (
-              <IconRoot>
-                <Emoji className={classes.bg} />
-              </IconRoot>
-            ),
-          },
-        },
-      },
-    };
-  }
-
-  render() {
-    if (this.props.category === undefined) {
-      return this.icons[this.props.iconSet];
-    } else {
-      if (this.props.shape === undefined) {
-        return this.icons.feedback[this.props.iconSet];
-      } else {
-        if (this.props.open === true) {
-          return this.icons.feedback.square.open[this.props.iconSet];
-        } else {
-          return this.icons.feedback.square[this.props.iconSet];
-        }
-      }
-    }
-  }
-}
-
-NothingSubmitted.propTypes = {
-  iconSet: PropTypes.oneOf(['emoji', 'check', undefined]),
-  shape: PropTypes.oneOf(['square', undefined]),
-  category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool,
-};
-
-NothingSubmitted.defaultProps = {
-  iconSet: 'check',
-  shape: undefined,
-  category: undefined,
-  open: false,
-};
-
-export default withStyles(styles)(NothingSubmitted);

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/icons/partially-correct-icon.jsx

@@ -1,49 +0,0 @@
-import IconBase from './icon-base';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { getStyles } from './icon-root';
-import { withStyles } from '@material-ui/core/styles';
-
-const styles = getStyles('partially-correct', '#4aaf46', '#c1e1ac');
-
-const Check = ({ className }) => (
-  <g transform={'translate(0, 0)'}>
-    <polygon className={className} points="27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6" />
-    <polygon className={className} points="16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3" />
-  </g>
-);
-
-const Emoji = ({ className }) => (
-  <g transform={'translate(2, 0)'}>
-    <rect x="20.6" y="11.8" className={className} width="4" height="5" />
-    <rect x="11.5" y="11.8" className={className} width="4" height="5" />
-    <rect
-      x="10.9"
-      y="22.9"
-      transform="matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)"
-      className={className}
-      width="14.3"
-      height="3.7"
-    />
-  </g>
-);
-
-Emoji.propTypes = Check.propTypes = { className: PropTypes.string };
-
-export const PartiallyCorrect = IconBase(Check, Emoji);
-
-PartiallyCorrect.propTypes = {
-  iconSet: PropTypes.oneOf(['emoji', 'check']),
-  shape: PropTypes.oneOf(['round', 'square']),
-  category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool,
-};
-
-PartiallyCorrect.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false,
-};
-
-export default withStyles(styles)(PartiallyCorrect);

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/icons/show-rationale-icon.jsx

@@ -1,152 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-import { normalizeSize } from './sized';
-
-const Info = ({ fg }) => (
-  <g>
-    <rect x="-115" y="136.7" className={fg} width="3" height="3" />
-    <polygon
-      className={fg}
-      points="-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7"
-    />
-  </g>
-);
-
-Info.propTypes = {
-  fg: PropTypes.string,
-};
-
-const Border = ({ className }) => (
-  <path
-    className={className}
-    d="M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z"
-  />
-);
-Border.propTypes = {
-  className: PropTypes.string,
-};
-const Circle = () => (
-  <g>
-    <path
-      style={{
-        fill: '#D0CAC5',
-        stroke: '#E6E3E0',
-        strokeWidth: 0.75,
-        strokeMiterlimit: 10,
-      }}
-      d="M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z"
-    />
-    <path
-      style={{
-        fill: '#B3ABA4',
-        stroke: '#CDC7C2',
-        strokeWidth: 0.5,
-        strokeMiterlimit: 10,
-      }}
-      d="M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z"
-    />
-    <circle style={{ fill: '#FFFFFF' }} cx="-113" cy="144" r="14" />
-  </g>
-);
-
-const Root = ({ children, size }) => {
-  size = normalizeSize(size);
-  const style = {
-    height: size,
-    width: size,
-    display: 'inline-block',
-    position: 'relative',
-  };
-
-  return (
-    <div style={style}>
-      <svg preserveAspectRatio="xMinYMin meet" viewBox="-129 128 34 34">
-        {children}
-      </svg>
-    </div>
-  );
-};
-Root.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  size: PropTypes.number,
-};
-
-const styles = {
-  fg: {
-    fill: '#1a9cff',
-  },
-  bg: {
-    fill: '#bce2ff',
-  },
-  border: {
-    fill: '#bbe3fd',
-  },
-  whiteBorder: {
-    fill: 'white',
-  },
-};
-
-export class ShowRationale extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-  };
-
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    const { classes } = this.props;
-
-    const info = <Info fg={classes.fg} />;
-    const icons = {
-      check: (
-        <Root>
-          <Circle />
-          {info}
-          <Border className={classes.border} />
-        </Root>
-      ),
-      emoji: (
-        <Root>
-          <Circle />
-          {info}
-          <Border className={classes.border} />
-        </Root>
-      ),
-      open: {
-        check: (
-          <Root>
-            <circle style={{ fill: '#FFFFFF' }} cx="-113" cy="144" r="14" />
-            <Info fg={classes.bg} border={classes.whiteBorder} />
-          </Root>
-        ),
-        emoji: (
-          <Root>
-            <circle style={{ fill: '#FFFFFF' }} cx="-113" cy="144" r="14" />
-            <Info fg={classes.bg} border={classes.border} />
-          </Root>
-        ),
-      },
-    };
-
-    if (this.props.open === true) {
-      return icons.open[this.props.iconSet];
-    } else {
-      return icons[this.props.iconSet];
-    }
-  }
-}
-
-ShowRationale.propTypes = {
-  iconSet: PropTypes.oneOf(['emoji', 'check']),
-  open: PropTypes.bool,
-};
-
-ShowRationale.defaultProps = {
-  iconSet: 'check',
-  open: false,
-};
-
-export default withStyles(styles)(ShowRationale);

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/icons/sized.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export const normalizeSize = (size) => {
-  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';
-};
-
-const Sized = ({ size, children }) => {
-  size = normalizeSize(size);
-
-  const style = {
-    height: size,
-    width: size,
-    display: 'inline-block',
-    position: 'relative',
-  };
-
-  return <div style={style}>{children}</div>;
-};
-
-Sized.propTypes = {
-  size: PropTypes.number,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-};
-export default Sized;

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/mask-markup/choices/choice.jsx

@@ -1,110 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { DragSource } from '../../drag';
-import { withStyles } from '@material-ui/core/styles';
-import Chip from '@material-ui/core/Chip';
-import classnames from 'classnames';
-import ReactDOM from 'react-dom';
-import { renderMath } from '../../math-rendering';
-import { color } from '../../render-ui';
-
-export const DRAG_TYPE = 'MaskBlank';
-
-class BlankContentComp extends React.Component {
-  static propTypes = {
-    disabled: PropTypes.bool,
-    choice: PropTypes.object,
-    classes: PropTypes.object,
-    connectDragSource: PropTypes.func,
-  };
-
-  componentDidUpdate() {
-    renderMath(this.rootRef);
-  }
-
-  render() {
-    const { connectDragSource, choice, classes, disabled } = this.props;
-
-    // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
-
-    return connectDragSource(
-      <span className={classnames(classes.choice, disabled && classes.disabled)}>
-        <Chip
-          clickable={false}
-          disabled={true}
-          ref={(ref) => {
-            //eslint-disable-next-line
-            this.rootRef = ReactDOM.findDOMNode(ref);
-          }}
-          className={classes.chip}
-          label={
-            <span
-              className={classes.chipLabel}
-              ref={(ref) => {
-                if (ref) {
-                  ref.innerHTML = choice.value || ' ';
-                }
-              }}
-            >
-              {' '}
-            </span>
-          }
-          variant={disabled ? 'outlined' : undefined}
-        />
-      </span>,
-      {},
-    );
-  }
-}
-
-export const BlankContent = withStyles((theme) => ({
-  choice: {
-    border: `solid 0px ${theme.palette.primary.main}`,
-    borderRadius: theme.spacing.unit * 2,
-    margin: theme.spacing.unit / 2,
-    transform: 'translate(0, 0)',
-  },
-  chip: {
-    backgroundColor: color.background(),
-    border: `1px solid ${color.text()}`,
-    color: color.text(),
-    alignItems: 'center',
-    display: 'inline-flex',
-    height: 'initial',
-    minHeight: '32px',
-    fontSize: 'inherit',
-    whiteSpace: 'pre-wrap',
-    maxWidth: '374px',
-    // Added for touch devices, for image content.
-    // This will prevent the context menu from appearing and not allowing other interactions with the image.
-    // If interactions with the image in the token will be requested we should handle only the context Menu.
-    pointerEvents: 'none',
-  },
-  chipLabel: {
-    whiteSpace: 'pre-wrap',
-    '& img': {
-      display: 'block',
-      padding: '2px 0',
-    },
-  },
-  disabled: {},
-}))(BlankContentComp);
-
-const tileSource = {
-  canDrag(props) {
-    return !props.disabled;
-  },
-  beginDrag(props) {
-    return {
-      choice: props.choice,
-      instanceId: props.instanceId,
-    };
-  },
-};
-
-const DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging(),
-}))(BlankContent);
-
-export default DragDropTile;

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/mask-markup/choices/index.jsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import findKey from 'lodash/findKey';
-import Choice from './choice';
-import DragDroppablePlaceholder from '../../drag/drag-in-the-blank-dp';
-
-export default class Choices extends React.Component {
-  static propTypes = {
-    disabled: PropTypes.bool,
-    duplicates: PropTypes.bool,
-    choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),
-    value: PropTypes.object,
-    choicePosition: PropTypes.string.isRequired,
-  };
-
-  getStyleForWrapper = () => {
-    const { choicePosition } = this.props;
-
-    switch (choicePosition) {
-      case 'above':
-        return {
-          margin: '0 0 40px 0',
-        };
-
-      case 'below':
-        return {
-          margin: '40px 0 0 0',
-        };
-
-      case 'right':
-        return {
-          margin: '0 0 0 40px',
-        };
-
-      default:
-        return {
-          margin: '0 40px 0 0',
-        };
-    }
-  };
-
-  render() {
-    const { disabled, duplicates, choices, value } = this.props;
-    const filteredChoices = choices.filter((c) => {
-      if (duplicates === true) {
-        return true;
-      }
-      const foundChoice = findKey(value, (v) => v === c.id);
-      return foundChoice === undefined;
-    });
-    const elementStyle = this.getStyleForWrapper();
-
-    return (
-      <div style={elementStyle}>
-        <DragDroppablePlaceholder disabled={disabled}>
-          {filteredChoices.map((c, index) => (
-            <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />
-          ))}
-        </DragDroppablePlaceholder>
-      </div>
-    );
-  }
-}

package/controller/node_modules/@pie-lib/pie-toolbox/src/code/mask-markup/componentize.js

@@ -1,13 +0,0 @@
-const REGEX = /\{\{(\d+)\}\}/g;
-
-export default (s, t) => {
-  if (!s) {
-    return { markup: '' };
-  }
-
-  const markup = s.replace(REGEX, (match, g) => {
-    return `<span data-component="${t}" data-id="${g}"></span>`;
-  });
-
-  return { markup };
-};