@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/code/graphing-solution-set/axis/axes.js

@@ -0,0 +1,415 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sharedValues = exports.firstNegativeValue = exports["default"] = exports.RawYAxis = exports.RawXAxis = exports.AxisPropTypes = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _axis = require("@vx/axis");
+
+var _plot = require("../../plot");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _arrow = _interopRequireDefault(require("./arrow"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../utils");
+
+var _renderUi = require("../../render-ui");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var AxisPropTypes = {
+  includeArrows: _propTypes["default"].object,
+  graphProps: _propTypes["default"].object
+};
+exports.AxisPropTypes = AxisPropTypes;
+var AxisDefaultProps = {
+  includeArrows: {
+    left: true,
+    right: true,
+    up: true,
+    down: true
+  }
+};
+
+var axisStyles = function axisStyles(theme) {
+  return {
+    line: {
+      stroke: '#8a92c0',
+      strokeWidth: 4
+    },
+    arrow: {
+      fill: '#8a92c0'
+    },
+    tick: {
+      fill: _renderUi.color.defaults.BLACK,
+      '& > line': {
+        stroke: '#8a92c0'
+      }
+    },
+    labelFontSize: {
+      fontSize: theme.typography.fontSize
+    },
+    axisLabelHolder: {
+      padding: 0,
+      margin: 0,
+      textAlign: 'center',
+      '* > *': {
+        margin: 0,
+        padding: 0
+      },
+      fontSize: theme.typography.fontSize
+    }
+  };
+};
+
+var tickLabelStyles = {
+  fontFamily: 'Roboto',
+  fontSize: '14px',
+  cursor: 'inherit'
+};
+
+var sharedValues = function sharedValues(firstNegativeX, firstNegativeY, distanceFromOriginToFirstNegativeX, distanceFromOriginToFirstNegativeY, deltaAllowance, dy) {
+  var result = [];
+
+  if (firstNegativeX === firstNegativeY && distanceFromOriginToFirstNegativeX - deltaAllowance < distanceFromOriginToFirstNegativeY && distanceFromOriginToFirstNegativeY < distanceFromOriginToFirstNegativeX + deltaAllowance && distanceFromOriginToFirstNegativeX - deltaAllowance < dy && dy < distanceFromOriginToFirstNegativeX + deltaAllowance) {
+    result.push(firstNegativeX);
+  }
+
+  return result;
+};
+
+exports.sharedValues = sharedValues;
+
+var firstNegativeValue = function firstNegativeValue(interval) {
+  return (interval || []).find(function (element) {
+    return element < 0;
+  });
+};
+
+exports.firstNegativeValue = firstNegativeValue;
+
+var RawXAxis = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawXAxis, _React$Component);
+
+  var _super = _createSuper(RawXAxis);
+
+  function RawXAxis() {
+    (0, _classCallCheck2["default"])(this, RawXAxis);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(RawXAxis, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          includeArrows = _this$props.includeArrows,
+          classes = _this$props.classes,
+          graphProps = _this$props.graphProps,
+          columnTicksValues = _this$props.columnTicksValues,
+          skipValues = _this$props.skipValues,
+          distanceFromOriginToFirstNegativeY = _this$props.distanceFromOriginToFirstNegativeY,
+          dy = _this$props.dy;
+
+      var _ref = graphProps || {},
+          scale = _ref.scale,
+          domain = _ref.domain,
+          size = _ref.size,
+          range = _ref.range; // Having 0 as a number in columnTicksValues does not make 0 to show up
+      // so we use this trick, by defining it as a string:
+
+
+      var tickValues = (domain.labelStep || range.labelStep) && domain.min <= 0 ? ['0'].concat((0, _toConsumableArray2["default"])(columnTicksValues)) : columnTicksValues; // However, the '0' has to be displayed only if other tick labels (y-axis or x-axis) are displayed
+
+      var labelProps = function labelProps(label) {
+        var y = skipValues && skipValues[0] === label ? distanceFromOriginToFirstNegativeY + 4 : dy;
+        return _objectSpread(_objectSpread({}, tickLabelStyles), {}, {
+          textAnchor: 'middle',
+          y: y,
+          dx: label === '0' ? -10 : 0,
+          dy: label === '0' ? -7 : 0
+        });
+      };
+
+      var necessaryRows = (0, _utils.countWords)(domain.axisLabel);
+      var longestWord = (0, _utils.findLongestWord)(domain.axisLabel);
+      var necessaryWidth = (0, _utils.amountToIncreaseWidth)(longestWord) + 2;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_axis.Axis, {
+        axisLineClassName: classes.line,
+        scale: scale.x,
+        top: scale.y(0),
+        left: 0,
+        label: domain.label,
+        rangePadding: 8,
+        tickClassName: classes.tick,
+        tickFormat: function tickFormat(value) {
+          return value;
+        },
+        tickLabelProps: labelProps,
+        tickValues: tickValues
+      }), includeArrows && includeArrows.left && /*#__PURE__*/_react["default"].createElement(_arrow["default"], {
+        direction: "left",
+        x: domain.min,
+        y: 0,
+        className: classes.arrow,
+        scale: scale
+      }), includeArrows && includeArrows.right && /*#__PURE__*/_react["default"].createElement(_arrow["default"], {
+        direction: "right",
+        x: domain.max,
+        y: 0,
+        className: classes.arrow,
+        scale: scale
+      }), domain.axisLabel && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: size.width + 17,
+        y: scale.y(0) - 9,
+        width: necessaryWidth,
+        height: 20 * necessaryRows
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: domain.axisLabel
+        },
+        className: classes.labelFontSize
+      })));
+    }
+  }]);
+  return RawXAxis;
+}(_react["default"].Component);
+
+exports.RawXAxis = RawXAxis;
+(0, _defineProperty2["default"])(RawXAxis, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  classes: _propTypes["default"].object,
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(RawXAxis, "defaultProps", AxisDefaultProps);
+var XAxis = (0, _core.withStyles)(axisStyles)(RawXAxis);
+
+var RawYAxis = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RawYAxis, _React$Component2);
+
+  var _super2 = _createSuper(RawYAxis);
+
+  function RawYAxis() {
+    (0, _classCallCheck2["default"])(this, RawYAxis);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(RawYAxis, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          includeArrows = _this$props2.includeArrows,
+          graphProps = _this$props2.graphProps,
+          skipValues = _this$props2.skipValues,
+          rowTickValues = _this$props2.rowTickValues;
+
+      var _ref2 = graphProps || {},
+          scale = _ref2.scale,
+          range = _ref2.range,
+          size = _ref2.size;
+
+      var necessaryWidth = range.axisLabel ? (0, _utils.amountToIncreaseWidth)(range.axisLabel.length) : 0;
+
+      var customTickFormat = function customTickFormat(value) {
+        return skipValues && skipValues.indexOf(value) >= 0 ? '' : value;
+      };
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_axis.Axis, {
+        axisLineClassName: classes.line,
+        orientation: 'left',
+        scale: scale.y,
+        top: 0,
+        height: size.height,
+        left: scale.x(0),
+        label: range.label,
+        labelProps: {
+          'data-pie-readable': false
+        },
+        rangePadding: 8,
+        tickLength: 10,
+        tickClassName: classes.tick,
+        tickFormat: customTickFormat,
+        tickLabelProps: function tickLabelProps(value) {
+          var digits = value.toLocaleString().replace(/[.-]/g, '').length || 1;
+          return _objectSpread(_objectSpread({}, tickLabelStyles), {}, {
+            dy: 4,
+            dx: -10 - digits * 9,
+            'data-pie-readable': false
+          });
+        },
+        hideZero: true,
+        tickTextAnchor: 'bottom',
+        tickValues: rowTickValues
+      }), includeArrows && includeArrows.down && /*#__PURE__*/_react["default"].createElement(_arrow["default"], {
+        direction: "down",
+        x: 0,
+        y: range.min,
+        className: classes.arrow,
+        scale: scale
+      }), includeArrows && includeArrows.up && /*#__PURE__*/_react["default"].createElement(_arrow["default"], {
+        direction: "up",
+        x: 0,
+        y: range.max,
+        className: classes.arrow,
+        scale: scale
+      }), range.axisLabel && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: scale.x(0) - necessaryWidth / 2,
+        y: -33,
+        width: necessaryWidth,
+        height: "20"
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
+        "false": true
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: range.axisLabel
+        },
+        className: classes.axisLabelHolder
+      }))));
+    }
+  }]);
+  return RawYAxis;
+}(_react["default"].Component);
+
+exports.RawYAxis = RawYAxis;
+(0, _defineProperty2["default"])(RawYAxis, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(RawYAxis, "defaultProps", AxisDefaultProps);
+var YAxis = (0, _core.withStyles)(axisStyles)(RawYAxis);
+
+var Axes = /*#__PURE__*/function (_React$Component3) {
+  (0, _inherits2["default"])(Axes, _React$Component3);
+
+  var _super3 = _createSuper(Axes);
+
+  function Axes() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Axes);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super3.call.apply(_super3, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "xValues", function () {
+      var graphProps = _this.props.graphProps;
+
+      var _ref3 = graphProps || {},
+          scale = _ref3.scale,
+          domain = _ref3.domain;
+
+      if (!domain || !scale) {
+        return;
+      }
+
+      var ticks = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, domain), {}, {
+        step: domain.labelStep
+      }));
+      var negative = firstNegativeValue(ticks);
+      return {
+        columnTicksValues: ticks,
+        firstNegativeX: negative,
+        distanceFromOriginToFirstNegativeX: Math.abs(scale.y(0) - scale.y(negative))
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "yValues", function () {
+      var graphProps = _this.props.graphProps;
+
+      var _ref4 = graphProps || {},
+          scale = _ref4.scale,
+          range = _ref4.range;
+
+      if (!range || !scale) {
+        return;
+      }
+
+      var ticks = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
+        step: range.labelStep
+      }));
+      var negative = firstNegativeValue(ticks);
+      return {
+        rowTickValues: ticks,
+        firstNegativeY: negative,
+        distanceFromOriginToFirstNegativeY: Math.abs(scale.x(0) - scale.x(negative))
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Axes, [{
+    key: "render",
+    value: function render() {
+      var graphProps = this.props.graphProps;
+
+      var _ref5 = graphProps || {},
+          domain = _ref5.domain,
+          range = _ref5.range;
+
+      var _this$xValues = this.xValues(),
+          columnTicksValues = _this$xValues.columnTicksValues,
+          firstNegativeX = _this$xValues.firstNegativeX,
+          distanceFromOriginToFirstNegativeX = _this$xValues.distanceFromOriginToFirstNegativeX;
+
+      var _this$yValues = this.yValues(),
+          rowTickValues = _this$yValues.rowTickValues,
+          firstNegativeY = _this$yValues.firstNegativeY,
+          distanceFromOriginToFirstNegativeY = _this$yValues.distanceFromOriginToFirstNegativeY;
+
+      var deltaAllowance = 6;
+      var dy = 25;
+      var skipValues = sharedValues(firstNegativeX, firstNegativeY, distanceFromOriginToFirstNegativeX, distanceFromOriginToFirstNegativeY, deltaAllowance, dy); // each axis has to be displayed only if the domain & range include it
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, range.min <= 0 ? /*#__PURE__*/_react["default"].createElement(XAxis, (0, _extends2["default"])({}, this.props, {
+        skipValues: skipValues,
+        columnTicksValues: columnTicksValues,
+        distanceFromOriginToFirstNegativeY: distanceFromOriginToFirstNegativeY,
+        dy: dy
+      })) : null, domain.min <= 0 ? /*#__PURE__*/_react["default"].createElement(YAxis, (0, _extends2["default"])({}, this.props, {
+        skipValues: skipValues,
+        rowTickValues: rowTickValues,
+        distanceFromOriginToFirstNegativeX: distanceFromOriginToFirstNegativeX
+      })) : null);
+    }
+  }]);
+  return Axes;
+}(_react["default"].Component);
+
+exports["default"] = Axes;
+(0, _defineProperty2["default"])(Axes, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  classes: _propTypes["default"].object,
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(Axes, "defaultProps", AxisDefaultProps);
+//# sourceMappingURL=axes.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing-solution-set/axis/axes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/graphing-solution-set/axis/axes.jsx"],"names":["AxisPropTypes","includeArrows","PropTypes","object","graphProps","AxisDefaultProps","left","right","up","down","axisStyles","theme","line","stroke","strokeWidth","arrow","fill","tick","color","defaults","BLACK","labelFontSize","fontSize","typography","axisLabelHolder","padding","margin","textAlign","tickLabelStyles","fontFamily","cursor","sharedValues","firstNegativeX","firstNegativeY","distanceFromOriginToFirstNegativeX","distanceFromOriginToFirstNegativeY","deltaAllowance","dy","result","push","firstNegativeValue","interval","find","element","RawXAxis","props","classes","columnTicksValues","skipValues","scale","domain","size","range","tickValues","labelStep","min","labelProps","label","y","textAnchor","dx","necessaryRows","axisLabel","longestWord","necessaryWidth","x","value","max","width","__html","React","Component","types","GraphPropsType","isRequired","XAxis","RawYAxis","rowTickValues","length","customTickFormat","indexOf","height","digits","toLocaleString","replace","YAxis","Axes","ticks","step","negative","Math","abs","xValues","yValues"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Axis } from '@vx/axis';\nimport { types } from '../../plot';\nimport PropTypes from 'prop-types';\nimport Arrow from './arrow';\nimport { withStyles } from '@material-ui/core';\nimport { countWords, findLongestWord, amountToIncreaseWidth, getTickValues } from '../utils';\nimport { color, Readable } from '../../render-ui';\n\nexport const AxisPropTypes = {\n  includeArrows: PropTypes.object,\n  graphProps: PropTypes.object,\n};\n\nconst AxisDefaultProps = {\n  includeArrows: {\n    left: true,\n    right: true,\n    up: true,\n    down: true,\n  },\n};\n\nconst axisStyles = (theme) => ({\n  line: {\n    stroke: '#8a92c0',\n    strokeWidth: 4,\n  },\n  arrow: {\n    fill: '#8a92c0',\n  },\n  tick: {\n    fill: color.defaults.BLACK,\n    '& > line': {\n      stroke: '#8a92c0',\n    },\n  },\n  labelFontSize: {\n    fontSize: theme.typography.fontSize,\n  },\n  axisLabelHolder: {\n    padding: 0,\n    margin: 0,\n    textAlign: 'center',\n    '* > *': {\n      margin: 0,\n      padding: 0,\n    },\n    fontSize: theme.typography.fontSize,\n  },\n});\n\nconst tickLabelStyles = {\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  cursor: 'inherit',\n};\n\nexport const sharedValues = (\n  firstNegativeX,\n  firstNegativeY,\n  distanceFromOriginToFirstNegativeX,\n  distanceFromOriginToFirstNegativeY,\n  deltaAllowance,\n  dy,\n) => {\n  let result = [];\n\n  if (\n    firstNegativeX === firstNegativeY &&\n    distanceFromOriginToFirstNegativeX - deltaAllowance < distanceFromOriginToFirstNegativeY &&\n    distanceFromOriginToFirstNegativeY < distanceFromOriginToFirstNegativeX + deltaAllowance &&\n    distanceFromOriginToFirstNegativeX - deltaAllowance < dy &&\n    dy < distanceFromOriginToFirstNegativeX + deltaAllowance\n  ) {\n    result.push(firstNegativeX);\n  }\n\n  return result;\n};\n\nexport const firstNegativeValue = (interval) => (interval || []).find((element) => element < 0);\n\nexport class RawXAxis extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    classes: PropTypes.object,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  render() {\n    const {\n      includeArrows,\n      classes,\n      graphProps,\n      columnTicksValues,\n      skipValues,\n      distanceFromOriginToFirstNegativeY,\n      dy,\n    } = this.props;\n    const { scale, domain, size, range } = graphProps || {};\n\n    // Having 0 as a number in columnTicksValues does not make 0 to show up\n    // so we use this trick, by defining it as a string:\n    const tickValues =\n      (domain.labelStep || range.labelStep) && domain.min <= 0 ? ['0', ...columnTicksValues] : columnTicksValues;\n    // However, the '0' has to be displayed only if other tick labels (y-axis or x-axis) are displayed\n\n    const labelProps = (label) => {\n      const y = skipValues && skipValues[0] === label ? distanceFromOriginToFirstNegativeY + 4 : dy;\n\n      return {\n        ...tickLabelStyles,\n        textAnchor: 'middle',\n        y: y,\n        dx: label === '0' ? -10 : 0,\n        dy: label === '0' ? -7 : 0,\n      };\n    };\n\n    const necessaryRows = countWords(domain.axisLabel);\n    const longestWord = findLongestWord(domain.axisLabel);\n    const necessaryWidth = amountToIncreaseWidth(longestWord) + 2;\n\n    return (\n      <React.Fragment>\n        <Axis\n          axisLineClassName={classes.line}\n          scale={scale.x}\n          top={scale.y(0)}\n          left={0}\n          label={domain.label}\n          rangePadding={8}\n          tickClassName={classes.tick}\n          tickFormat={(value) => value}\n          tickLabelProps={labelProps}\n          tickValues={tickValues}\n        />\n        {includeArrows && includeArrows.left && (\n          <Arrow direction=\"left\" x={domain.min} y={0} className={classes.arrow} scale={scale} />\n        )}\n        {includeArrows && includeArrows.right && (\n          <Arrow direction=\"right\" x={domain.max} y={0} className={classes.arrow} scale={scale} />\n        )}\n        {domain.axisLabel && (\n          <foreignObject x={size.width + 17} y={scale.y(0) - 9} width={necessaryWidth} height={20 * necessaryRows}>\n            <div dangerouslySetInnerHTML={{ __html: domain.axisLabel }} className={classes.labelFontSize} />\n          </foreignObject>\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nconst XAxis = withStyles(axisStyles)(RawXAxis);\n\nexport class RawYAxis extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  render() {\n    const { classes, includeArrows, graphProps, skipValues, rowTickValues } = this.props;\n    const { scale, range, size } = graphProps || {};\n\n    const necessaryWidth = range.axisLabel ? amountToIncreaseWidth(range.axisLabel.length) : 0;\n\n    const customTickFormat = (value) => (skipValues && skipValues.indexOf(value) >= 0 ? '' : value);\n\n    return (\n      <React.Fragment>\n        <Axis\n          axisLineClassName={classes.line}\n          orientation={'left'}\n          scale={scale.y}\n          top={0}\n          height={size.height}\n          left={scale.x(0)}\n          label={range.label}\n          labelProps={{ 'data-pie-readable': false }}\n          rangePadding={8}\n          tickLength={10}\n          tickClassName={classes.tick}\n          tickFormat={customTickFormat}\n          tickLabelProps={(value) => {\n            let digits = value.toLocaleString().replace(/[.-]/g, '').length || 1;\n\n            return {\n              ...tickLabelStyles,\n              dy: 4,\n              dx: -10 - digits * 9,\n              'data-pie-readable': false,\n            };\n          }}\n          hideZero={true}\n          tickTextAnchor={'bottom'}\n          tickValues={rowTickValues}\n        />\n\n        {includeArrows && includeArrows.down && (\n          <Arrow direction=\"down\" x={0} y={range.min} className={classes.arrow} scale={scale} />\n        )}\n        {includeArrows && includeArrows.up && (\n          <Arrow direction=\"up\" x={0} y={range.max} className={classes.arrow} scale={scale} />\n        )}\n        {range.axisLabel && (\n          <foreignObject x={scale.x(0) - necessaryWidth / 2} y={-33} width={necessaryWidth} height=\"20\">\n            <Readable false>\n              <div dangerouslySetInnerHTML={{ __html: range.axisLabel }} className={classes.axisLabelHolder} />\n            </Readable>\n          </foreignObject>\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nconst YAxis = withStyles(axisStyles)(RawYAxis);\n\nexport default class Axes extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    classes: PropTypes.object,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  xValues = () => {\n    const { graphProps } = this.props;\n    const { scale, domain } = graphProps || {};\n\n    if (!domain || !scale) {\n      return;\n    }\n\n    const ticks = getTickValues({ ...domain, step: domain.labelStep });\n    const negative = firstNegativeValue(ticks);\n\n    return {\n      columnTicksValues: ticks,\n      firstNegativeX: negative,\n      distanceFromOriginToFirstNegativeX: Math.abs(scale.y(0) - scale.y(negative)),\n    };\n  };\n\n  yValues = () => {\n    const { graphProps } = this.props;\n    const { scale, range } = graphProps || {};\n\n    if (!range || !scale) {\n      return;\n    }\n\n    const ticks = getTickValues({ ...range, step: range.labelStep });\n    const negative = firstNegativeValue(ticks);\n\n    return {\n      rowTickValues: ticks,\n      firstNegativeY: negative,\n      distanceFromOriginToFirstNegativeY: Math.abs(scale.x(0) - scale.x(negative)),\n    };\n  };\n\n  render() {\n    const { graphProps } = this.props;\n    const { domain, range } = graphProps || {};\n    const { columnTicksValues, firstNegativeX, distanceFromOriginToFirstNegativeX } = this.xValues();\n    const { rowTickValues, firstNegativeY, distanceFromOriginToFirstNegativeY } = this.yValues();\n    const deltaAllowance = 6;\n    const dy = 25;\n\n    const skipValues = sharedValues(\n      firstNegativeX,\n      firstNegativeY,\n      distanceFromOriginToFirstNegativeX,\n      distanceFromOriginToFirstNegativeY,\n      deltaAllowance,\n      dy,\n    );\n\n    // each axis has to be displayed only if the domain & range include it\n    return (\n      <React.Fragment>\n        {range.min <= 0 ? (\n          <XAxis\n            {...this.props}\n            skipValues={skipValues}\n            columnTicksValues={columnTicksValues}\n            distanceFromOriginToFirstNegativeY={distanceFromOriginToFirstNegativeY}\n            dy={dy}\n          />\n        ) : null}\n        {domain.min <= 0 ? (\n          <YAxis\n            {...this.props}\n            skipValues={skipValues}\n            rowTickValues={rowTickValues}\n            distanceFromOriginToFirstNegativeX={distanceFromOriginToFirstNegativeX}\n          />\n        ) : null}\n      </React.Fragment>\n    );\n  }\n}\n"],"file":"axes.js"}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Axes", {
+  enumerable: true,
+  get: function get() {
+    return _axes["default"];
+  }
+});
+Object.defineProperty(exports, "AxisPropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _axes.AxisPropTypes;
+  }
+});
+
+var _axes = _interopRequireWildcard(require("./axes"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing-solution-set/axis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/graphing-solution-set/axis/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["import Axes, { AxisPropTypes } from './axes';\nexport { Axes, AxisPropTypes };\n"],"file":"index.js"}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _d3Selection = require("d3-selection");
+
+var _plot = require("../plot");
+
+var _utils = require("./utils");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Bg = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Bg, _React$Component);
+
+  var _super = _createSuper(Bg);
+
+  function Bg() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Bg);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRectPadding", function () {
+      var graphProps = _this.props.graphProps;
+      return (0, _utils.thinnerShapesNeeded)(graphProps) ? 6 : 10;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRectClick", function (rect) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          graphProps = _this$props.graphProps;
+      var scale = graphProps.scale;
+
+      var padding = _this.getRectPadding();
+
+      var coords = (0, _d3Selection.mouse)(rect._groups[0][0]); // decrease the padding from coordinates to indicate the correct point clicked
+
+      var x = scale.x.invert(coords[0] - padding);
+      var y = scale.y.invert(coords[1] - padding);
+      var rowTicks = (0, _utils.getTickValues)(graphProps.range);
+      var columnTicks = (0, _utils.getTickValues)(graphProps.domain);
+
+      var closest = function closest(ticks, value) {
+        return ticks.length && ticks.reduce(function (prev, curr) {
+          var currentDistance = Math.abs(curr - value);
+          var previousDistance = Math.abs(prev - value);
+          return currentDistance <= previousDistance ? curr : prev;
+        });
+      };
+
+      var snapped = {};
+
+      if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {
+        snapped.x = x;
+        snapped.y = y;
+      } else {
+        snapped.x = closest(columnTicks, x);
+        snapped.y = closest(rowTicks, y);
+      }
+
+      onClick(snapped);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Bg, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var rect = (0, _d3Selection.select)(this.rect);
+      rect.on('click', this.onRectClick.bind(this, rect));
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return !_plot.utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) || this.props.width !== nextProps.width || this.props.height !== nextProps.height;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          width = _this$props2.width,
+          height = _this$props2.height;
+      var padding = this.getRectPadding(); // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable
+
+      return /*#__PURE__*/_react["default"].createElement("rect", {
+        ref: function ref(rect) {
+          return _this2.rect = rect;
+        },
+        transform: "translate(-".concat(padding, ", -").concat(padding, ")"),
+        fill: "red",
+        fillOpacity: "0.0",
+        width: width + padding * 2,
+        height: height + padding * 2
+      });
+    }
+  }]);
+  return Bg;
+}(_react["default"].Component);
+
+exports["default"] = Bg;
+(0, _defineProperty2["default"])(Bg, "propTypes", {
+  width: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+(0, _defineProperty2["default"])(Bg, "defaultProps", {});
+//# sourceMappingURL=bg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/graphing-solution-set/bg.jsx"],"names":["Bg","graphProps","props","rect","onClick","scale","padding","getRectPadding","coords","_groups","x","invert","y","rowTicks","range","columnTicks","domain","closest","ticks","value","length","reduce","prev","curr","currentDistance","Math","abs","previousDistance","snapped","indexOf","on","onRectClick","bind","nextProps","utils","isDomainRangeEqual","width","height","React","Component","PropTypes","number","isRequired","func","types","GraphPropsType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { select, mouse } from 'd3-selection';\nimport { types, utils } from '../plot';\nimport { getTickValues, thinnerShapesNeeded } from './utils';\n\nexport default class Bg extends React.Component {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    onClick: PropTypes.func.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  static defaultProps = {};\n\n  componentDidMount() {\n    const rect = select(this.rect);\n\n    rect.on('click', this.onRectClick.bind(this, rect));\n  }\n\n  shouldComponentUpdate(nextProps) {\n    return (\n      !utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) ||\n      this.props.width !== nextProps.width ||\n      this.props.height !== nextProps.height\n    );\n  }\n\n  getRectPadding = () => {\n    const { graphProps } = this.props;\n\n    return thinnerShapesNeeded(graphProps) ? 6 : 10;\n  };\n\n  /**\n   * Note: we use d3 click + mouse to give us domain values directly.\n   * Saves us having to calculate them ourselves from a MouseEvent.\n   */\n  onRectClick = (rect) => {\n    const { onClick, graphProps } = this.props;\n    const { scale } = graphProps;\n\n    const padding = this.getRectPadding();\n    const coords = mouse(rect._groups[0][0]);\n\n    // decrease the padding from coordinates to indicate the correct point clicked\n    const x = scale.x.invert(coords[0] - padding);\n    const y = scale.y.invert(coords[1] - padding);\n\n    const rowTicks = getTickValues(graphProps.range);\n    const columnTicks = getTickValues(graphProps.domain);\n\n    const closest = (ticks, value) => {\n      return (\n        ticks.length &&\n        ticks.reduce((prev, curr) => {\n          const currentDistance = Math.abs(curr - value);\n          const previousDistance = Math.abs(prev - value);\n\n          return currentDistance <= previousDistance ? curr : prev;\n        })\n      );\n    };\n\n    let snapped = {};\n\n    if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {\n      snapped.x = x;\n      snapped.y = y;\n    } else {\n      snapped.x = closest(columnTicks, x);\n      snapped.y = closest(rowTicks, y);\n    }\n\n    onClick(snapped);\n  };\n\n  render() {\n    const { width, height } = this.props;\n    const padding = this.getRectPadding();\n\n    // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable\n    return (\n      <rect\n        ref={(rect) => (this.rect = rect)}\n        transform={`translate(-${padding}, -${padding})`}\n        fill=\"red\"\n        fillOpacity=\"0.0\"\n        width={width + padding * 2}\n        height={height + padding * 2}\n      />\n    );\n  }\n}\n"],"file":"bg.js"}