@pie-element/ebsr 9.12.2-next.28 → 9.12.2-next.29

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/icons/image-konva.jsx

@@ -1,76 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Group, Image, Text, Tag, Label } from 'react-konva';
-
-class ImageComponent extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      image: null,
-      showTooltip: false,
-    };
-  }
-
-  componentDidMount() {
-    this.loadImage();
-  }
-
-  componentDidUpdate(oldProps) {
-    if (oldProps.src !== this.props.src) {
-      this.loadImage();
-    }
-  }
-
-  componentWillUnmount() {
-    this.image.removeEventListener('load', this.handleLoad);
-  }
-
-  loadImage() {
-    const { src } = this.props;
-
-    this.image = new window.Image();
-    this.image.src = src;
-    this.image.addEventListener('load', this.handleLoad);
-  }
-
-  handleLoad = () => {
-    this.setState({
-      image: this.image,
-    });
-  };
-
-  render() {
-    const { x, y, tooltip } = this.props;
-    const { image, showTooltip } = this.state;
-
-    return (
-      <Group>
-        <Image
-          width={20}
-          height={20}
-          x={x}
-          y={y}
-          image={image}
-          onMouseEnter={() => this.setState({ showTooltip: true })}
-          onMouseLeave={() => this.setState({ showTooltip: false })}
-        />
-
-        {showTooltip && tooltip && (
-          <Label x={x - 30} y={y + 25}>
-            <Tag fill="white" cornerRadius={5} opacity={0.9} />
-            <Text text={tooltip} padding={5} />
-          </Label>
-        )}
-      </Group>
-    );
-  }
-}
-
-ImageComponent.propTypes = {
-  src: PropTypes.string.isRequired,
-  x: PropTypes.number.isRequired,
-  y: PropTypes.number.isRequired,
-  tooltip: PropTypes.string,
-};
-
-export default ImageComponent;

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/icons/incorrect-icon.jsx

@@ -1,61 +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 Ex = ({ className }) => (
-  <g transform={'translate(0.5, 0.5)'}>
-    <rect
-      x="11"
-      y="17.3"
-      transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)"
-      className={className}
-      width="16.6"
-      height="3.7"
-    />
-    <rect
-      x="17.4"
-      y="10.7"
-      transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)"
-      className={className}
-      width="3.7"
-      height="16.6"
-    />
-  </g>
-);
-
-Ex.propTypes = {
-  className: PropTypes.string,
-};
-const Emoji = ({ className }) => (
-  <g transform={'translate(1,0)'}>
-    <rect x="21" y="12.9" className={className} width="3.7" height="4.7" />
-    <rect x="12.7" y="12.9" className={className} width="3.7" height="4.7" />
-    <rect x="12.2" y="22.5" className={className} width="13" height="3.3" />
-  </g>
-);
-
-Emoji.propTypes = {
-  className: PropTypes.string,
-};
-
-const styles = getStyles('incorrect', '#fbf2e3', '#fcb733');
-
-export const Incorrect = IconBase(Ex, Emoji);
-
-export default withStyles(styles)(Incorrect);
-
-Incorrect.propTypes = {
-  iconSet: PropTypes.oneOf(['emoji', 'check']),
-  shape: PropTypes.oneOf(['round', 'square']),
-  category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool,
-};
-
-Incorrect.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false,
-};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/icons/index.js

@@ -1,21 +0,0 @@
-import Correct from './correct-icon';
-import CorrectResponse from './correct-response-icon';
-import Incorrect from './incorrect-icon';
-import Instructions from './instructions-icon';
-import LearnMore from './learn-more-icon';
-import NothingSubmitted from './nothing-submitted-icon';
-import PartiallyCorrect from './partially-correct-icon';
-import ShowRationale from './show-rationale-icon';
-import ImageComponent from './image-konva';
-
-export {
-  Correct,
-  CorrectResponse,
-  ImageComponent,
-  Incorrect,
-  Instructions,
-  LearnMore,
-  NothingSubmitted,
-  PartiallyCorrect,
-  ShowRationale,
-};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/icons/instructions-icon.jsx

@@ -1,189 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Sized from './sized';
-const Lines = () => {
-  const style = {
-    fill: 'none',
-    stroke: '#BCE2FF',
-    strokeWidth: 2,
-    strokeMiterlimit: 10,
-  };
-
-  return (
-    <g>
-      <line style={style} x1="-98" y1="142" x2="-114.6" y2="142" />
-      <line style={style} x1="-98" y1="146.3" x2="-114.6" y2="146.3" />
-      <line style={style} x1="-104" y1="150.7" x2="-114.6" y2="150.7" />
-    </g>
-  );
-};
-
-const Root = ({ children, size }) => (
-  <Sized size={size}>
-    <svg version="1.1" viewBox="-128 129 31 31" style={{ enableBackground: 'new -128 129 31 31' }}>
-      {children}
-    </svg>
-  </Sized>
-);
-
-Root.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  size: PropTypes.number,
-};
-
-const GreyInfo = () => {
-  return (
-    <g>
-      <rect
-        x="-123.9"
-        y="135.3"
-        style={{
-          fill: '#D0CAC5',
-          stroke: '#E6E3E0',
-          strokeWidth: 0.75,
-          strokeLinejoin: 'round',
-          strokeMiterlimit: 10,
-        }}
-        width="4.1"
-        height="4.1"
-      />
-      <polygon
-        style={{
-          fill: '#D0CAC5',
-          stroke: '#E6E3E0',
-          strokeWidth: 0.75,
-          strokeLinejoin: 'round',
-          strokeMiterlimit: 10,
-        }}
-        points="-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 
-                  -125.6,153.2 -116.8,153.2 -116.8,150.4        "
-      />
-      <rect
-        x="-124.7"
-        y="134.7"
-        style={{
-          fill: '#B3ABA4',
-          stroke: '#CDC7C2',
-          strokeWidth: 0.5,
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeMiterlimit: 10,
-        }}
-        width="4.1"
-        height="4.1"
-      />
-
-      <polygon
-        style={{
-          fill: '#B3ABA4',
-          stroke: '#CDC7C2',
-          strokeWidth: 0.5,
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeMiterlimit: 10,
-        }}
-        points="-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 
-                  -126.4,152.5 -117.6,152.5 -117.6,149.8        "
-      />
-      <rect x="-125.5" y="134" style={{ fill: '#7FABC6' }} width="4.1" height="4.1" />
-      <polygon
-        style={{ fill: '#7FABC6' }}
-        points="-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 
-                  -127.1,151.9 -118.4,151.9 -118.4,149.1        "
-      />
-    </g>
-  );
-};
-
-const BlueInfo = () => (
-  <g>
-    <rect
-      x="-123.9"
-      y="135.3"
-      style={{
-        fill: '#D0CAC5',
-        stroke: '#E6E3E0',
-        strokeWidth: 0.75,
-        strokeLinejoin: 'round',
-        strokeMiterlimit: 10,
-      }}
-      width="4.1"
-      height="4.1"
-    />
-    <polygon
-      style={{
-        fill: '#D0CAC5',
-        stroke: '#E6E3E0',
-        strokeWidth: 0.75,
-        strokeLinejoin: 'round',
-        strokeMiterlimit: 10,
-      }}
-      points="-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 
-                  -125.6,153.2 -116.8,153.2 -116.8,150.4        "
-    />
-    <rect
-      x="-124.7"
-      y="134.7"
-      style={{
-        fill: '#B3ABA4',
-        stroke: '#CDC7C2',
-        strokeWidth: 0.5,
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-        strokeMiterlimit: 10,
-      }}
-      width="4.1"
-      height="4.1"
-    />
-    <polygon
-      style={{
-        fill: '#B3ABA4',
-        stroke: '#CDC7C2',
-        strokeWidth: 0.5,
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-        strokeMiterlimit: 10,
-      }}
-      points="-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 
-                  -126.4,152.5 -117.6,152.5 -117.6,149.8        "
-    />
-    <rect x="-125.5" y="134" style={{ fill: '#1A9CFF' }} width="4.1" height="4.1" />
-    <polygon
-      style={{ fill: '#1A9CFF' }}
-      points="-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 
-                  -127.1,151.9 -118.4,151.9 -118.4,149.1        "
-    />
-  </g>
-);
-
-export default class Instructions extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    if (this.props.open === true) {
-      return (
-        <Root>
-          <GreyInfo />
-          <Lines />
-        </Root>
-      );
-    } else {
-      return (
-        <Root>
-          <BlueInfo />
-          <Lines />
-        </Root>
-      );
-    }
-  }
-}
-
-Instructions.propTypes = {
-  open: PropTypes.bool,
-};
-
-Instructions.defaultProps = {
-  open: false,
-};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/icons/learn-more-icon.jsx

@@ -1,107 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-import Sized from './sized';
-
-const Glint = ({ fill }) => (
-  <path
-    fill={fill}
-    d="M-130.4,142.1c0-2.1,1.7-3.9,3.9-3.9c0.3,0,0.5,0,0.8,0.1c-0.6-0.8-1.5-1.3-2.6-1.3c-1.8,0-3.3,1.5-3.3,3.3c0,1.1,0.5,2,1.3,2.6C-130.4,142.6-130.4,142.4-130.4,142.1z"
-  />
-);
-
-Glint.propTypes = {
-  fill: PropTypes.string,
-};
-
-export class LearnMore extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    size: PropTypes.number,
-  };
-
-  render() {
-    const { classes, size } = this.props;
-
-    if (this.props.open === true) {
-      return (
-        <Sized size={size}>
-          <svg preserveAspectRatio="xMinYMin meet" viewBox="-135 129 16 32">
-            <path
-              className={classes.hideBg}
-              d="M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z"
-            />
-            <path
-              className={classes.hideBg}
-              d="M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z"
-            />
-            <Glint fill={classes.hideFg.fill} />
-          </svg>
-        </Sized>
-      );
-    } else {
-      return (
-        <Sized size={size}>
-          <svg preserveAspectRatio="xMinYMin meet" viewBox="-135 129 16 31">
-            <path
-              fill="#D0CAC5"
-              stroke="#E6E3E0"
-              className="st0"
-              d="M-120.7,142.4c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-121.6,146-120.7,144.3-120.7,142.4z"
-            />
-            <path
-              fill="#D0CAC5"
-              stroke="#E6E3E0"
-              className="st0"
-              d="M-124.4,154.3h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-123.6,153.9-123.9,154.3-124.4,154.3z"
-            />
-            <path
-              fill="#B3ABA4"
-              stroke="#CDC7C2"
-              className="st1"
-              d="M-121.3,141.8c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.2,145.3-121.3,143.7-121.3,141.8z"
-            />
-            ,
-            <path
-              fill="#B3ABA4"
-              stroke="#CDC7C2"
-              className="st1"
-              d="M-125,153.7h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.2,153.3-124.6,153.7-125,153.7z"
-            />
-            <path
-              className={classes.showBg}
-              d="M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z"
-            />
-            <path
-              className={classes.showBg}
-              d="M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z"
-            />
-            <Glint fill={classes.hideFg.fill} />
-          </svg>
-        </Sized>
-      );
-    }
-  }
-}
-
-const styles = {
-  showBg: {
-    fill: '#1a9cff',
-  },
-  hideFg: {
-    fill: '#1a9cff',
-  },
-  hideBg: {
-    fill: '#bce2ff',
-  },
-};
-
-LearnMore.propTypes = {
-  open: PropTypes.bool,
-};
-
-LearnMore.defaultProps = {
-  open: false,
-};
-
-export default withStyles(styles)(LearnMore);

package/configure/node_modules/@pie-element/multiple-choice/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/configure/node_modules/@pie-element/multiple-choice/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);