@pie-element/ebsr 9.12.1 → 9.12.2-next.18

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/tools/ruler/index.jsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import Rotatable from '../rotatable';
+import classNames from 'classnames';
+import RulerGraphic from './graphic';
+import PropTypes from 'prop-types';
+import Anchor from '../anchor';
+
+export class Ruler extends React.Component {
+  static propTypes = {
+    width: PropTypes.number,
+    height: PropTypes.number,
+    units: PropTypes.number.isRequired,
+    measure: PropTypes.oneOf(['imperial', 'metric']).isRequired,
+    classes: PropTypes.object.isRequired,
+    className: PropTypes.string,
+    startPosition: PropTypes.shape({
+      left: PropTypes.number.isRequired,
+      top: PropTypes.number.isRequired,
+    }),
+    label: PropTypes.string,
+    tickCount: PropTypes.number,
+  };
+
+  static defaultProps = {
+    width: 480,
+    height: 60,
+    measure: 'imperial',
+    units: 12,
+  };
+
+  render() {
+    const { classes, width, height, units, measure, className, startPosition, label, tickCount } = this.props;
+
+    const unit =
+      measure === 'imperial'
+        ? {
+            type: label,
+            ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16,
+          }
+        : {
+            type: label,
+            ticks: 10,
+          };
+    return (
+      <Rotatable
+        className={className}
+        startPosition={startPosition}
+        handle={[
+          { class: 'leftAnchor', origin: 'bottom right' },
+          { class: 'rightAnchor', origin: 'bottom left' },
+        ]}
+      >
+        <div className={classes.ruler} style={{ width: `${width}px`, height: `${height}px` }}>
+          <RulerGraphic width={width} height={height} units={units} unit={unit} />
+          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />
+          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />
+        </div>
+      </Rotatable>
+    );
+  }
+}
+const styles = (theme) => ({
+  ruler: {
+    cursor: 'move',
+    position: 'relative',
+    backgroundColor: theme.palette.secondary.light,
+    opacity: 1.0,
+    border: `solid 0px ${theme.palette.primary.main}`,
+  },
+  leftAnchor: {
+    left: '-10px',
+    top: '40%',
+  },
+  rightAnchor: {
+    right: '-10px',
+    top: '40%',
+  },
+});
+
+export default withStyles(styles)(Ruler);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/tools/ruler/unit-type.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noSelect, strokeColor } from '../style-utils';
+import { withStyles } from '@material-ui/core/styles';
+
+export const UnitType = (props) => {
+  const { classes, label, x, y, textAlign, fill, fontSize, stroke } = props;
+
+  return (
+    <text
+      className={classes.unitType}
+      x={x}
+      y={y}
+      textAnchor={textAlign}
+      stroke={stroke}
+      fill={fill}
+      fontSize={fontSize}
+    >
+      {label}
+    </text>
+  );
+};
+
+UnitType.propTypes = {
+  classes: PropTypes.object.isRequired,
+  label: PropTypes.string.isRequired,
+  x: PropTypes.number,
+  y: PropTypes.number,
+  textAlign: PropTypes.string,
+  fill: PropTypes.string,
+  fontSize: PropTypes.number,
+  stroke: PropTypes.string,
+};
+
+UnitType.defaultProps = {
+  textAnchor: 'start',
+  fontSize: 11,
+  stroke: 'none',
+  x: 8,
+  y: 14,
+};
+
+export default withStyles((theme) => ({
+  unitType: { ...noSelect(), fill: strokeColor(theme) },
+}))(UnitType);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/tools/ruler/unit.jsx

@@ -0,0 +1,87 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { noSelect, strokeColor } from '../style-utils';
+import range from 'lodash/range';
+
+const Tick = withStyles((theme) => ({
+  tick: {
+    stroke: strokeColor(theme),
+  },
+}))(({ x, height, bottom, classes, major, minor }) => {
+  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;
+
+  return <line y1={y1} y2={bottom} x1={x} x2={x} className={classes.tick} />;
+});
+
+const Ticks = ({ count, width, height }) => {
+  return (
+    <React.Fragment>
+      {range(1, count).map((r) => {
+        return (
+          <Tick
+            key={r}
+            value={r}
+            x={r * (width / count)}
+            major={r % (count / 2) === 0}
+            minor={r % (count / 4) === 0}
+            bottom={height}
+            height={10}
+          />
+        );
+      })}
+    </React.Fragment>
+  );
+};
+
+Ticks.propTypes = {
+  count: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+};
+
+export class Unit extends React.Component {
+  static propTypes = {
+    index: PropTypes.number.isRequired,
+    width: PropTypes.number.isRequired,
+    height: PropTypes.number.isRequired,
+    classes: PropTypes.object.isRequired,
+    last: PropTypes.bool.isRequired,
+    config: PropTypes.object.isRequired,
+  };
+
+  render() {
+    const { index, width, height, classes, last, config } = this.props;
+
+    const style = {
+      transform: `translate(${width * (index - 1)}px, 0px)`,
+    };
+    return (
+      <g style={style}>
+        {!last && <line x1={width} y1={0} x2={width} y2={height} className={classes.endTick} />}
+
+        <Ticks count={config.ticks} width={width} height={height} />
+        <text width={width} className={classes.label} x={width - 5} y={15}>
+          {index}
+        </text>
+      </g>
+    );
+  }
+}
+
+export default withStyles((theme) => ({
+  endTick: {
+    stroke: strokeColor(theme),
+    strokeWidth: 1,
+  },
+  label: {
+    textAnchor: 'end',
+    fontSize: '12px',
+    fill: strokeColor(theme),
+    ...noSelect(),
+  },
+  base: {
+    fill: 'none',
+    stroke: 'red',
+  },
+}))(Unit);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/tools/style-utils.js

@@ -0,0 +1,7 @@
+import { noSelect } from '../style-utils';
+
+export { noSelect };
+
+export const strokeColor = (theme) => `var(--ruler-stroke, ${theme.palette.primary.main})`;
+
+export const fillColor = (theme) => `var(--ruler-bg, ${theme.palette.primary.contrastText})`;

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/code/tools/transform-origin.jsx

@@ -0,0 +1,60 @@
+const keyWordToPercent = (v) => {
+  if (v === 'left' || v === 'top') {
+    return 0;
+  } else if (v === 'right' || v === 'bottom') {
+    return 100;
+  } else if (v === 'center') {
+    return 50;
+  } else if (v.endsWith('%')) {
+    return parseFloat(v);
+  } else {
+    return v;
+  }
+};
+
+const getValue = (s, length) => {
+  if (s.endsWith('px')) {
+    return parseFloat(s);
+  } else {
+    s = keyWordToPercent(s);
+    const v = length * (s / 100);
+    return v;
+  }
+};
+
+const normalize = (a) => {
+  if (a[0] === 'bottom' || a[0] === 'top' || a[1] === 'left' || a[1] === 'right') {
+    return [a[1], a[0]];
+  } else {
+    return a;
+  }
+};
+
+/**
+ * Parse a transform origin string to x/y values.
+ * @param {{width: number, height: number}} rect
+ * @param {string} value
+ * @returns {x:number, y:number}
+ */
+export const parse = (rect, value) => {
+  if (!value) {
+    return {
+      x: rect.width / 2,
+      y: rect.height / 2,
+    };
+  }
+  const arr = value.split(' ');
+  if (arr.length === 1) {
+    //1 val
+    const x = getValue(arr[0], rect.width);
+    const y = getValue('50%', rect.height);
+    return { x, y };
+  } else if (arr.length === 2) {
+    const sorted = normalize(arr);
+    const x = getValue(sorted[0], rect.width);
+    const y = getValue(sorted[1], rect.height);
+    return { x, y };
+  } else if (arr.length === 3) {
+    throw new Error('transform-origin values with 3 fields not supported.');
+  }
+};

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

@@ -0,0 +1,83 @@
+export default {
+  translation: {
+    categorize: {
+      limitMaxChoicesPerCategory:
+        "You've reached the limit of {{maxChoicesPerCategory}} responses per area. To add another response, one must first be removed.",
+      maxChoicesPerCategoryRestriction:
+        'To change this value to {{maxChoicesPerCategory}}, each category must have {{maxChoicesPerCategory}} or fewer answer choice[s].',
+    },
+    ebsr: {
+      part: 'Part {{index}}',
+    },
+    numberLine: {
+      addElementLimit_one: 'You can only add {{count}} element',
+      addElementLimit_other: 'You can only add {{count}} elements',
+      clearAll: 'Clear all',
+    },
+    imageClozeAssociation: {
+      reachedLimit_one:
+        'You’ve reached the limit of {{count}} response per area. To add another response, one must first be removed.',
+      reachedLimit_other:
+        'You’ve reached the limit of {{count}} responses per area. To add another response, one must first be removed.',
+    },
+    drawingResponse: {
+      fillColor: 'Fill color',
+      outlineColor: 'Outline color',
+      noFill: 'No fill',
+      lightblue: 'Light blue',
+      lightyellow: 'Light yellow',
+      red: 'Red',
+      orange: 'Orange',
+      yellow: 'Yellow',
+      violet: 'Violet',
+      blue: 'Blue',
+      green: 'Green',
+      white: 'White',
+      black: 'Black',
+      onDoubleClick: 'Double click to edit this text. Press Enter to submit.',
+    },
+    charting: {
+      addCategory: 'Add category',
+      newLabel: 'New label',
+      reachedLimit_other: "There can't be more than {{count}} categories.",
+    },
+    graphing: {
+      point: 'Point',
+      circle: 'Circle',
+      line: 'Line',
+      parabola: 'Parabola',
+      absolute: 'Absolute Value',
+      exponential: 'Exponential',
+      polygon: 'Polygon',
+      ray: 'Ray',
+      segment: 'Segment',
+      sine: 'Sine',
+      vector: 'Vector',
+      label: 'Label',
+      redo: 'Redo',
+      reset: 'Reset',
+    },
+    mathInline: {
+      primaryCorrectWithAlternates:
+        'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.',
+    },
+    selectText: {
+      correctAnswerSelected: 'Correct answer selected',
+      correctAnswerNotSelected: 'Correct answer not selected',
+      incorrectSelection: 'Incorrect selection',
+    },
+  },
+  common: {
+    undo: 'Undo',
+    clearAll: 'Clear all',
+    correct: 'Correct',
+    incorrect: 'Incorrect',
+    showCorrectAnswer: 'Show correct answer',
+    hideCorrectAnswer: 'Hide correct answer',
+    commonCorrectAnswerWithAlternates:
+      'Note: The answer shown above is the most common correct answer for this item. One or more additional correct answers are also defined, and will also be recognized as correct.',
+    warning: 'Warning',
+    showNote: 'Show Note',
+    hideNote: 'Hide Note',
+  },
+};

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

@@ -0,0 +1,83 @@
+export default {
+  translation: {
+    categorize: {
+      limitMaxChoicesPerCategory:
+        'Has alcanzado el límite de {{maxChoicesPerCategory}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta',
+      maxChoicesPerCategoryRestriction:
+        'Para cambiar este valor a {{maxChoicesPerCategory}}, cada categoría debe tener {{maxChoicesPerCategory}} o menos opciones de respuesta',
+    },
+    ebsr: {
+      part: 'Parte {{index}}',
+    },
+    numberLine: {
+      addElementLimit_one: 'Solo puedes agregar {{count}} elemento',
+      addElementLimit_other: 'Solo puedes agregar {{count}} elementos',
+      clearAll: 'Borrar todo',
+    },
+    imageClozeAssociation: {
+      reachedLimit_one:
+        'Has alcanzado el límite de {{count}} respuesta por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.',
+      reachedLimit_other:
+        'Has alcanzado el límite de {{count}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.',
+    },
+    drawingResponse: {
+      fillColor: 'Color de relleno',
+      outlineColor: 'Color del contorno',
+      noFill: 'Sin relleno',
+      lightblue: 'Azul claro',
+      lightyellow: 'Amarillo claro',
+      red: 'Rojo',
+      orange: 'Naranja',
+      yellow: 'Amarillo',
+      violet: 'Violeta',
+      blue: 'Azul',
+      green: 'Verde',
+      white: 'Blanco',
+      black: 'Negro',
+      onDoubleClick: 'Haz doble clic para revisar este texto. Presiona el botón de ingreso para enviar',
+    },
+    charting: {
+      addCategory: 'Añadir categoría',
+      newLabel: 'Nueva etiqueta',
+      reachedLimit_other: 'No puede haber más de {{count}} categorías.',
+    },
+    graphing: {
+      point: 'Punto',
+      circle: 'Circulo',
+      line: 'Línea',
+      parabola: 'Parábola',
+      absolute: 'Valor absoluto',
+      exponential: 'Exponencial',
+      polygon: 'Polígono',
+      ray: 'Semirrecta',
+      segment: 'Segmento ',
+      sine: 'Seno',
+      vector: 'Vector',
+      label: 'Etiqueta',
+      redo: 'Rehacer',
+      reset: 'Reiniciar',
+    },
+    mathInline: {
+      primaryCorrectWithAlternates:
+        'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.',
+    },
+    selectText: {
+      correctAnswerSelected: 'Respuesta correcta seleccionada',
+      correctAnswerNotSelected: 'Respuesta correcta no seleccionada',
+      incorrectSelection: 'Selección incorrecta',
+    },
+  },
+  common: {
+    undo: 'Deshacer',
+    clearAll: 'Borrar todo',
+    correct: 'Correct',
+    incorrect: 'Incorrect',
+    showCorrectAnswer: 'Mostrar respuesta correcta',
+    hideCorrectAnswer: 'Ocultar respuesta correcta',
+    commonCorrectAnswerWithAlternates:
+      'Nota: La respuesta que se muestra arriba es la respuesta correcta más común para esta pregunta. También se definen una o más respuestas correctas adicionales, y también se reconocerán como correctas.',
+    warning: 'Advertencia',
+    showNote: 'Mostrar Nota',
+    hideNote: 'Ocultar Nota',
+  },
+};

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

@@ -0,0 +1,45 @@
+import i18next from "i18next";
+import en from "./en";
+import es from "./es";
+
+i18next.init(
+  {
+    fallbackLng: "en",
+    lng: "en",
+    debug: true,
+    resources: {
+      en: en,
+      es: es
+    }
+  }
+);
+
+export default {
+  translator: {
+    ...i18next,
+    t: (key, options) => {
+      const { lng } = options;
+
+      switch (lng) {
+        // these keys don't work with plurals, don't know why, so I added a workaround to convert them to the correct lng
+        case "en_US":
+        case "en-US":
+          options.lng = "en";
+          break;
+        case "es_ES":
+        case "es-ES":
+        case "es_MX":
+        case "es-MX":
+          options.lng = "es";
+          break;
+        default:
+          break;
+      }
+      return i18next.t(key, { lng, ...options });
+    },
+  },
+  languageOptions: [
+    { value: "en_US", label: "English (US)" },
+    { value: "es_ES", label: "Spanish" }
+  ],
+};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/config-ui.js

@@ -0,0 +1,62 @@
+import {
+  AlertDialog,
+  FeedbackConfig,
+  FeedbackSelector,
+  feedbackConfigDefaults,
+  InputCheckbox,
+  InputSwitch,
+  InputRadio,
+  Langs,
+  LanguageControls,
+  Tabs,
+  Checkbox,
+  FormSection,
+  Help,
+  Input,
+  InputContainer,
+  NumberTextField,
+  NumberTextFieldCustom,
+  TwoChoice,
+  NChoice,
+  TagsInput,
+  MuiBox,
+  ChoiceConfiguration,
+  layout,
+  choiceUtils,
+  withStatefulModel,
+  Toggle,
+  DisplaySize,
+  settings,
+} from './code/config-ui';
+
+export {
+  AlertDialog,
+  FeedbackConfig,
+  FeedbackSelector,
+  feedbackConfigDefaults,
+  InputCheckbox,
+  InputSwitch,
+  InputRadio,
+  Langs,
+  LanguageControls,
+  Tabs,
+  Checkbox,
+  FormSection,
+  Help,
+  Input,
+  InputContainer,
+  NumberTextField,
+  NumberTextFieldCustom,
+  TwoChoice,
+  NChoice,
+  TagsInput,
+  MuiBox,
+  ChoiceConfiguration,
+  layout,
+  choiceUtils,
+  withStatefulModel,
+  Toggle,
+  DisplaySize,
+  settings,
+};
+

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/controller-utils.js

@@ -0,0 +1,3 @@
+import { lockChoices, getShuffledChoices, partialScoring } from './code/controller-utils';
+
+export { lockChoices, getShuffledChoices, partialScoring };

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/correct-answer-toggle.js

@@ -0,0 +1,7 @@
+import CorrectAnswerToggle from './code/correct-answer-toggle'
+
+export default CorrectAnswerToggle;
+
+export {
+  CorrectAnswerToggle
+};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/drag.js

@@ -0,0 +1,25 @@
+import {
+  PlaceHolder,
+  MatchDroppablePlaceholder,
+  DragDroppablePlaceholder,
+  ICADroppablePlaceholder,
+  withDragContext,
+  Choice,
+  swap,
+  uid,
+  DragSource,
+  DropTarget,
+} from './code/drag';
+
+export {
+  PlaceHolder,
+  MatchDroppablePlaceholder,
+  DragDroppablePlaceholder,
+  ICADroppablePlaceholder,
+  withDragContext,
+  Choice,
+  swap,
+  uid,
+  DragSource,
+  DropTarget,
+};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/editable-html.js

@@ -0,0 +1,5 @@
+import EditableHtml, { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS } from "./code/editable-html";
+
+export default EditableHtml;
+
+export { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS, EditableHtml };

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/feedback.js

@@ -0,0 +1,11 @@
+import {
+  getFeedbackForCorrectness,
+  getFeedback,
+  defaults
+} from "./code/feedback";
+
+export {
+  getFeedbackForCorrectness,
+  getFeedback,
+  defaults
+};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/graphing-solution-set.js

@@ -0,0 +1,7 @@
+import Graph from './code/graphing-solution-set/graph';
+import GraphContainer from './code/graphing-solution-set/container';
+import GridSetup from './code/graphing-solution-set/grid-setup';
+import * as tools from './code/graphing-solution-set/tools';
+import ToolMenu from './code/graphing-solution-set/tool-menu';
+
+export { Graph, GraphContainer, GridSetup, ToolMenu, tools };

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/graphing-utils.js

@@ -0,0 +1,27 @@
+import {
+  FREQ_DIVIDER,
+  getAmplitudeAndFreq,
+  xPoints,
+  sinY,
+  parabolaFromTwoPoints,
+  parabolaFromThreePoints,
+  pointsToABC,
+  parabola,
+  buildDataPoints,
+  pointsToAForAbsolute,
+  pointsToABForExponential,
+} from './code/graphing-utils';
+
+export {
+  FREQ_DIVIDER,
+  getAmplitudeAndFreq,
+  xPoints,
+  sinY,
+  parabolaFromTwoPoints,
+  parabolaFromThreePoints,
+  pointsToABC,
+  parabola,
+  buildDataPoints,
+  pointsToAForAbsolute,
+  pointsToABForExponential,
+};

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/src/graphing.js

@@ -0,0 +1,7 @@
+import Graph from './code/graphing/graph';
+import GraphContainer from './code/graphing/container';
+import GridSetup from './code/graphing/grid-setup';
+import * as tools from './code/graphing/tools';
+import ToolMenu from './code/graphing/tool-menu';
+
+export { Graph, GraphContainer, GridSetup, ToolMenu, tools };

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

@@ -0,0 +1,23 @@
+import {
+  Correct,
+  CorrectResponse,
+  ImageComponent,
+  Incorrect,
+  Instructions,
+  LearnMore,
+  NothingSubmitted,
+  PartiallyCorrect,
+  ShowRationale,
+} from './code/icons';
+
+export {
+  Correct,
+  CorrectResponse,
+  ImageComponent,
+  Incorrect,
+  Instructions,
+  LearnMore,
+  NothingSubmitted,
+  PartiallyCorrect,
+  ShowRationale,
+};