@pie-element/ebsr 10.7.3-next.9 → 12.0.1-esmbeta.0

package/configure/node_modules/@pie-lib/icons/src/instructions-icon.jsx

@@ -0,0 +1,189 @@
+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-lib/icons/src/learn-more-icon.jsx

@@ -0,0 +1,107 @@
+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-lib/icons/src/nothing-submitted-icon.jsx

@@ -0,0 +1,130 @@
+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-lib/icons/src/partially-correct-icon.jsx

@@ -0,0 +1,49 @@
+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/configure/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx

@@ -0,0 +1,152 @@
+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/configure/node_modules/@pie-lib/icons/src/sized.jsx

@@ -0,0 +1,25 @@
+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/configure/node_modules/@pie-lib/math-rendering/CHANGELOG.json

@@ -0,0 +1 @@
+[]