@pie-element/ebsr 9.0.2-next.16 → 9.0.2-next.17

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/categorize/scoring.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.score = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _debug = _interopRequireDefault(require("debug"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var log = (0, _debug["default"])('@pie-lib:categorize:scoring');
+var getWeightingRules = function getWeightingRules(scoring) {
+  if (!scoring || !scoring.weighting) {
+    return [];
+  } else {
+    if (!scoring.weighting.enabled) {
+      return [];
+    } else {
+      var rules = scoring.weighting ? scoring.weighting.rules || [] : [];
+      return rules;
+    }
+  }
+};
+var getPartialRulesForCategory = function getPartialRulesForCategory(partial, categoryId) {
+  log('partial? ', partial);
+  if (!partial || !partial.enabled) {
+    return;
+  } else {
+    var pr = partial.rules.find(function (pr) {
+      return pr.category === categoryId;
+    });
+    return pr ? pr.rules || [] : [];
+  }
+};
+
+/**
+ *
+ * Calculate score based on the categories model generated from `buildState` and the partial scoring rules.
+ * @param {*} categories - this is the categories that you get from `buildState`.
+ * @param {*} scoring  - scoring config.
+ * @see ../index#buildState
+ */
+
+var score = exports.score = function score(categories, scoring) {
+  return new Promise(function (resolve) {
+    log('categories: ', categories, 'scoring: ', scoring);
+    var weightingRules = getWeightingRules(scoring);
+    var weights = categories.map(function (c) {
+      var r = weightingRules.find(function (r) {
+        return r.category === c.id;
+      }) || {
+        points: 1
+      };
+      return _objectSpread(_objectSpread({}, r), {}, {
+        category: c.id
+      });
+    });
+    log('weights: ', weights);
+    var weightTotal = categories.reduce(function (total, c) {
+      var r = weights.find(function (r) {
+        return r.category === c.id;
+      });
+      return total += r.points;
+    }, 0);
+    log('total: ', weightTotal);
+    var withScore = categories.map(function (c) {
+      var w = weights.find(function (r) {
+        return r.category === c.id;
+      }).points;
+      log('category: ', c);
+      if (c.correct === true) {
+        return {
+          category: c.id,
+          score: w,
+          points: w
+        };
+      } else {
+        var rules = getPartialRulesForCategory(scoring.partial, c.id);
+        log('partial rules for category: ', rules);
+        if (!rules) {
+          return {
+            category: c.id,
+            score: 0,
+            points: w
+          };
+        } else {
+          var correctCount = (c.choices || []).filter(function (h) {
+            return h.correct;
+          }).length;
+          log('correctCount: ', correctCount);
+          var rule = rules.find(function (u) {
+            return u.count === correctCount;
+          });
+          log('rule: ', rule);
+          rule = rule || {
+            percent: 0,
+            count: correctCount
+          };
+          var _score = w * (rule.percent / 100);
+          return {
+            category: c.id,
+            score: _score,
+            points: w,
+            partial: {
+              correctChoices: correctCount,
+              rule: rule
+            }
+          };
+        }
+      }
+    });
+    var weightedScore = withScore.reduce(function (sum, c) {
+      return sum += c.score;
+    }, 0);
+    log('weightedScore: ', weightedScore);
+    var score = parseFloat((weightedScore / weightTotal).toFixed(2), 10);
+    resolve({
+      score: score,
+      details: {
+        weighted: {
+          total: weightTotal,
+          score: weightedScore
+        },
+        categories: withScore
+      }
+    });
+  });
+};
+//# sourceMappingURL=scoring.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/categorize/scoring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoring.js","names":["_debug","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","getWeightingRules","scoring","weighting","enabled","rules","getPartialRulesForCategory","partial","categoryId","pr","find","category","score","exports","categories","Promise","resolve","weightingRules","weights","map","c","id","points","weightTotal","reduce","total","withScore","w","correct","correctCount","choices","h","rule","u","count","percent","correctChoices","weightedScore","sum","parseFloat","toFixed","details","weighted"],"sources":["../../src/code/categorize/scoring.js"],"sourcesContent":["import debug from 'debug';\n\nconst log = debug('@pie-lib:categorize:scoring');\n\nconst getWeightingRules = (scoring) => {\n  if (!scoring || !scoring.weighting) {\n    return [];\n  } else {\n    if (!scoring.weighting.enabled) {\n      return [];\n    } else {\n      const rules = scoring.weighting ? scoring.weighting.rules || [] : [];\n\n      return rules;\n    }\n  }\n};\n\nconst getPartialRulesForCategory = (partial, categoryId) => {\n  log('partial? ', partial);\n\n  if (!partial || !partial.enabled) {\n    return;\n  } else {\n    const pr = partial.rules.find((pr) => pr.category === categoryId);\n\n    return pr ? pr.rules || [] : [];\n  }\n};\n\n/**\n *\n * Calculate score based on the categories model generated from `buildState` and the partial scoring rules.\n * @param {*} categories - this is the categories that you get from `buildState`.\n * @param {*} scoring  - scoring config.\n * @see ../index#buildState\n */\n\nexport const score = (categories, scoring) =>\n  new Promise((resolve) => {\n    log('categories: ', categories, 'scoring: ', scoring);\n\n    const weightingRules = getWeightingRules(scoring);\n\n    const weights = categories.map((c) => {\n      const r = weightingRules.find((r) => r.category === c.id) || { points: 1 };\n\n      return { ...r, category: c.id };\n    });\n\n    log('weights: ', weights);\n\n    const weightTotal = categories.reduce((total, c) => {\n      const r = weights.find((r) => r.category === c.id);\n\n      return (total += r.points);\n    }, 0);\n\n    log('total: ', weightTotal);\n\n    const withScore = categories.map((c) => {\n      const w = weights.find((r) => r.category === c.id).points;\n\n      log('category: ', c);\n      if (c.correct === true) {\n        return { category: c.id, score: w, points: w };\n      } else {\n        const rules = getPartialRulesForCategory(scoring.partial, c.id);\n\n        log('partial rules for category: ', rules);\n\n        if (!rules) {\n          return { category: c.id, score: 0, points: w };\n        } else {\n          const correctCount = (c.choices || []).filter((h) => h.correct).length;\n\n          log('correctCount: ', correctCount);\n\n          let rule = rules.find((u) => u.count === correctCount);\n\n          log('rule: ', rule);\n\n          rule = rule || { percent: 0, count: correctCount };\n\n          const score = w * (rule.percent / 100);\n\n          return {\n            category: c.id,\n            score,\n            points: w,\n            partial: {\n              correctChoices: correctCount,\n              rule: rule,\n            },\n          };\n        }\n      }\n    });\n\n    const weightedScore = withScore.reduce((sum, c) => {\n      return (sum += c.score);\n    }, 0);\n\n    log('weightedScore: ', weightedScore);\n\n    const score = parseFloat((weightedScore / weightTotal).toFixed(2), 10);\n\n    resolve({\n      score,\n      details: {\n        weighted: {\n          total: weightTotal,\n          score: weightedScore,\n        },\n        categories: withScore,\n      },\n    });\n  });\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/axes.js

@@ -0,0 +1,538 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TickComponent = exports.RawChartAxes = void 0;
+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 _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 _styles = require("@material-ui/core/styles");
+var _plot = require("../plot");
+var _renderUi = require("../../render-ui");
+var _configUi = require("../config-ui");
+var _axis = require("@vx/axis");
+var _utils = require("./utils");
+var _markLabel = _interopRequireDefault(require("./mark-label"));
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 TickComponent = exports.TickComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(TickComponent, _React$Component);
+  var _super = _createSuper(TickComponent);
+  function TickComponent(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, TickComponent);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
+      return _this.setState({
+        dialog: {
+          open: open
+        }
+      }, callback);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCategory", function (index, newLabel) {
+      var _this$props = _this.props,
+        categories = _this$props.categories,
+        onChangeCategory = _this$props.onChangeCategory;
+      var category = categories[index];
+      onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
+        label: newLabel
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteCategory", function (index) {
+      var _this$props2 = _this.props,
+        categories = _this$props2.categories,
+        onChange = _this$props2.onChange;
+      if (index >= 0 && categories[index]) {
+        onChange([].concat((0, _toConsumableArray2["default"])(categories.slice(0, index)), (0, _toConsumableArray2["default"])(categories.slice(index + 1))));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeInteractive", function (index, value) {
+      var _this$props3 = _this.props,
+        categories = _this$props3.categories,
+        onChangeCategory = _this$props3.onChangeCategory;
+      var category = categories[index];
+      if (!value) {
+        _this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: 'This will remove the correct answer value that has been defined for this category.',
+            onConfirm: function onConfirm() {
+              return _this.handleAlertDialog(false, onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
+                interactive: !category.interactive
+              })));
+            },
+            onClose: function onClose() {
+              return _this.handleAlertDialog(false);
+            }
+          }
+        });
+      } else {
+        onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
+          interactive: !category.interactive
+        }));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeEditable", function (index, value) {
+      var _this$props4 = _this.props,
+        categories = _this$props4.categories,
+        onChangeCategory = _this$props4.onChangeCategory;
+      var category = categories[index];
+      if (!value) {
+        _this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: 'This will remove the correct answer category name that has been defined for this category.',
+            onConfirm: function onConfirm() {
+              return _this.handleAlertDialog(false, onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
+                editable: !category.editable || false
+              })));
+            },
+            onClose: function onClose() {
+              return _this.handleAlertDialog(false);
+            }
+          }
+        });
+      } else {
+        onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
+          editable: !category.editable || false
+        }));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "splitText", function (text, maxChar) {
+      var chunks = [];
+      while ((text || '').length > 0) {
+        var indexToSplit = void 0;
+        if (text.length > maxChar) {
+          indexToSplit = text.lastIndexOf(' ', maxChar);
+          if (indexToSplit === -1) {
+            indexToSplit = maxChar;
+          }
+        } else {
+          indexToSplit = text.length;
+        }
+        chunks.push(text.substring(0, indexToSplit));
+        text = text.substring(indexToSplit).trim();
+      }
+      return chunks;
+    });
+    _this.state = {
+      dialog: {
+        open: false
+      }
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(TickComponent, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props5 = this.props,
+        classes = _this$props5.classes,
+        categories = _this$props5.categories,
+        xBand = _this$props5.xBand,
+        bandWidth = _this$props5.bandWidth,
+        barWidth = _this$props5.barWidth,
+        rotate = _this$props5.rotate,
+        top = _this$props5.top,
+        graphProps = _this$props5.graphProps,
+        defineChart = _this$props5.defineChart,
+        chartingOptions = _this$props5.chartingOptions,
+        x = _this$props5.x,
+        y = _this$props5.y,
+        formattedValue = _this$props5.formattedValue,
+        changeInteractiveEnabled = _this$props5.changeInteractiveEnabled,
+        changeEditableEnabled = _this$props5.changeEditableEnabled,
+        error = _this$props5.error;
+      if (!formattedValue) {
+        return null;
+      }
+      var dialog = this.state.dialog;
+      var _ref = chartingOptions || {},
+        changeEditable = _ref.changeEditable,
+        changeInteractive = _ref.changeInteractive;
+      var index = parseInt(formattedValue.split('-')[0], 10);
+      var category = categories[index];
+      var _ref2 = category || {},
+        deletable = _ref2.deletable,
+        editable = _ref2.editable,
+        interactive = _ref2.interactive,
+        label = _ref2.label,
+        correctness = _ref2.correctness,
+        autoFocus = _ref2.autoFocus,
+        inDefineChart = _ref2.inDefineChart;
+      var barX = xBand((0, _utils.bandKey)({
+        label: label
+      }, index));
+      var longestCategory = (categories || []).reduce(function (a, b) {
+        var lengthA = a && a.label ? a.label.length : 0;
+        var lengthB = b && b.label ? b.label.length : 0;
+        return lengthA > lengthB ? a : b;
+      });
+      var longestLabel = longestCategory && longestCategory.label || '';
+      var distinctMessages = error ? (0, _toConsumableArray2["default"])(new Set(Object.values(error))).join(' ') : '';
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: bandWidth ? barX : x - barWidth / 2,
+        y: 6,
+        width: barWidth,
+        height: 4,
+        style: {
+          pointerEvents: 'none',
+          overflow: 'visible'
+        }
+      }, index === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        id: "hiddenLabel",
+        style: {
+          position: 'absolute',
+          visibility: 'hidden',
+          wordBreak: 'break-word',
+          overflow: 'visible',
+          maxWidth: barWidth,
+          display: 'block'
+        }
+      }, longestLabel), /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
+        autoFocus: inDefineChart ? defineChart && autoFocus : autoFocus,
+        inputRef: function inputRef(r) {
+          return _this2.input = r;
+        },
+        disabled: !defineChart && !editable,
+        mark: category,
+        graphProps: graphProps,
+        onChange: function onChange(newLabel) {
+          return _this2.changeCategory(index, newLabel);
+        },
+        barWidth: barWidth,
+        rotate: rotate,
+        correctness: correctness,
+        error: error && error[index]
+      })), error && index === 0 && /*#__PURE__*/_react["default"].createElement("text", {
+        className: classes.error,
+        y: y + 23,
+        height: 6,
+        textAnchor: "start"
+      }, distinctMessages), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("line", {
+        x1: x,
+        y1: 0,
+        x2: x,
+        y2: y + 4 + top,
+        className: classes.dottedLine,
+        strokeDasharray: "4 2"
+      }), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        x: x - 8,
+        y: y + 60 + top,
+        width: 16,
+        height: 16,
+        viewBox: "0 0 512 512",
+        onClick: function onClick() {
+          return _this2.deleteCategory(index);
+        }
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z"
+      })), defineChart && index === 0 && /*#__PURE__*/_react["default"].createElement("svg", {
+        x: -55,
+        style: {
+          overflow: 'visible'
+        }
+      }, changeInteractiveEnabled && /*#__PURE__*/_react["default"].createElement("text", {
+        y: y + 90 + top,
+        width: barWidth,
+        height: 4,
+        style: {
+          position: 'absolute',
+          pointerEvents: 'none',
+          wordBreak: 'break-word',
+          maxWidth: barWidth,
+          display: 'inline-block'
+        }
+      }, this.splitText(changeInteractive === null || changeInteractive === void 0 ? void 0 : changeInteractive.authoringLabel, 20).map(function (word, index) {
+        return /*#__PURE__*/_react["default"].createElement("tspan", {
+          key: index,
+          x: "0",
+          dy: "".concat(index > 0 ? '1.2em' : '.6em')
+        }, word);
+      })), changeEditableEnabled && /*#__PURE__*/_react["default"].createElement("text", {
+        y: y + 145 + top,
+        width: barWidth,
+        height: 4,
+        style: {
+          position: 'absolute',
+          pointerEvents: 'none',
+          wordBreak: 'break-word',
+          maxWidth: barWidth,
+          display: 'inline-block'
+        }
+      }, this.splitText(changeEditable === null || changeEditable === void 0 ? void 0 : changeEditable.authoringLabel, 20).map(function (word, index) {
+        return /*#__PURE__*/_react["default"].createElement("tspan", {
+          key: index,
+          x: "0",
+          dy: "".concat(index > 0 ? '1.2em' : '.6em')
+        }, word);
+      }))), defineChart && changeInteractiveEnabled && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: x - 24,
+        y: y + 80 + top,
+        width: barWidth,
+        height: 4,
+        style: {
+          pointerEvents: 'visible',
+          overflow: 'visible'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        style: {
+          position: 'fixed'
+        },
+        checked: interactive,
+        onChange: function onChange(e) {
+          return _this2.changeInteractive(index, e.target.checked);
+        }
+      })), defineChart && changeEditableEnabled && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: x - 24,
+        y: y + 130 + top,
+        width: barWidth,
+        height: 4,
+        style: {
+          pointerEvents: 'visible',
+          overflow: 'visible'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        style: {
+          position: 'fixed'
+        },
+        checked: editable,
+        onChange: function onChange(e) {
+          return _this2.changeEditable(index, e.target.checked);
+        }
+      })), /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: x - 24,
+        y: y + 100 + top,
+        width: barWidth,
+        height: 4,
+        style: {
+          pointerEvents: 'visible',
+          overflow: 'visible'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+        open: dialog.open,
+        title: dialog.title,
+        text: dialog.text,
+        onClose: dialog.onClose,
+        onConfirm: dialog.onConfirm
+      })));
+    }
+  }]);
+  return TickComponent;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(TickComponent, "propTypes", {
+  defineChart: _propTypes["default"].bool,
+  error: _propTypes["default"].any
+});
+TickComponent.propTypes = {
+  categories: _propTypes["default"].array,
+  xBand: _propTypes["default"].func,
+  bandWidth: _propTypes["default"].number,
+  barWidth: _propTypes["default"].number,
+  rotate: _propTypes["default"].number,
+  top: _propTypes["default"].number,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  graphProps: _propTypes["default"].object,
+  formattedValue: _propTypes["default"].string,
+  onChangeCategory: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  classes: _propTypes["default"].object,
+  error: _propTypes["default"].object,
+  defineChart: _propTypes["default"].bool,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
+};
+var RawChartAxes = exports.RawChartAxes = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RawChartAxes, _React$Component2);
+  var _super2 = _createSuper(RawChartAxes);
+  function RawChartAxes() {
+    var _this3;
+    (0, _classCallCheck2["default"])(this, RawChartAxes);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "state", {
+      height: 0
+    });
+    return _this3;
+  }
+  (0, _createClass2["default"])(RawChartAxes, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 0;
+      this.setState({
+        height: height
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props6 = this.props,
+        classes = _this$props6.classes,
+        graphProps = _this$props6.graphProps,
+        xBand = _this$props6.xBand,
+        leftAxis = _this$props6.leftAxis,
+        onChange = _this$props6.onChange,
+        onChangeCategory = _this$props6.onChangeCategory,
+        _this$props6$categori = _this$props6.categories,
+        categories = _this$props6$categori === void 0 ? [] : _this$props6$categori,
+        top = _this$props6.top,
+        defineChart = _this$props6.defineChart,
+        chartingOptions = _this$props6.chartingOptions,
+        changeInteractiveEnabled = _this$props6.changeInteractiveEnabled,
+        changeEditableEnabled = _this$props6.changeEditableEnabled,
+        theme = _this$props6.theme,
+        error = _this$props6.error;
+      var axis = classes.axis,
+        axisLine = classes.axisLine,
+        tick = classes.tick;
+      var _ref3 = graphProps || {},
+        _ref3$scale = _ref3.scale,
+        scale = _ref3$scale === void 0 ? {} : _ref3$scale,
+        _ref3$range = _ref3.range,
+        range = _ref3$range === void 0 ? {} : _ref3$range,
+        _ref3$domain = _ref3.domain,
+        domain = _ref3$domain === void 0 ? {} : _ref3$domain,
+        _ref3$size = _ref3.size,
+        size = _ref3$size === void 0 ? {} : _ref3$size;
+      var height = this.state.height;
+      var bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);
+      var bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();
+      // for chartType "line", bandWidth will be 0, so we have to calculate it
+      var barWidth = bandWidth || scale.x && scale.x(domain.max) / categories.length;
+      var rowTickValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
+        step: range.labelStep
+      }));
+      var fontSize = theme && theme.typography ? theme.typography.fontSize : 14;
+      var rotate = (0, _utils.getRotateAngle)(fontSize, height);
+      var getTickLabelProps = function getTickLabelProps(value) {
+        return {
+          dy: 4,
+          dx: -10 - (value.toLocaleString().length || 1) * 5
+        };
+      };
+      var getTickComponent = function getTickComponent(props) {
+        var properties = {
+          classes: classes,
+          categories: categories,
+          xBand: xBand,
+          bandWidth: bandWidth,
+          barWidth: barWidth,
+          rotate: rotate,
+          top: top,
+          defineChart: defineChart,
+          chartingOptions: chartingOptions,
+          error: error,
+          onChangeCategory: onChangeCategory,
+          changeInteractiveEnabled: changeInteractiveEnabled,
+          changeEditableEnabled: changeEditableEnabled,
+          onChange: onChange,
+          graphProps: graphProps,
+          x: props.x,
+          y: props.y,
+          formattedValue: props.formattedValue
+        };
+        return /*#__PURE__*/_react["default"].createElement(TickComponent, properties);
+      };
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, leftAxis && /*#__PURE__*/_react["default"].createElement(_axis.AxisLeft, {
+        scale: scale.y,
+        className: axis,
+        axisLineClassName: axisLine,
+        tickLength: 10,
+        tickClassName: tick,
+        tickFormat: function tickFormat(value) {
+          return value;
+        },
+        tickValues: rowTickValues,
+        tickLabelProps: getTickLabelProps
+      }), /*#__PURE__*/_react["default"].createElement(_axis.AxisBottom, {
+        axisLineClassName: axisLine,
+        tickClassName: tick,
+        scale: bottomScale,
+        labelProps: {
+          y: 60 + top
+        },
+        top: scale.y && scale.y(range.min),
+        textLabelProps: function textLabelProps() {
+          return {
+            textAnchor: 'middle'
+          };
+        },
+        tickFormat: function tickFormat(count) {
+          return count;
+        },
+        tickComponent: getTickComponent
+      }));
+    }
+  }]);
+  return RawChartAxes;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawChartAxes, "propTypes", {
+  bottomScale: _propTypes["default"].func,
+  classes: _propTypes["default"].object.isRequired,
+  categories: _propTypes["default"].array,
+  defineChart: _propTypes["default"].bool,
+  error: _propTypes["default"].any,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  xBand: _propTypes["default"].func,
+  leftAxis: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onChangeCategory: _propTypes["default"].func,
+  top: _propTypes["default"].number,
+  theme: _propTypes["default"].object,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
+});
+var ChartAxes = (0, _styles.withStyles)(function (theme) {
+  return {
+    axis: {
+      stroke: _renderUi.color.primaryDark(),
+      strokeWidth: 2
+    },
+    axisLine: {
+      stroke: _renderUi.color.primaryDark(),
+      strokeWidth: 2
+    },
+    tick: {
+      '& > line': {
+        stroke: _renderUi.color.primaryDark(),
+        strokeWidth: 2
+      },
+      fill: _renderUi.color.primaryDark(),
+      fontFamily: theme.typography.body1.fontFamily,
+      fontSize: theme.typography.fontSize,
+      textAnchor: 'middle'
+    },
+    dottedLine: {
+      stroke: _renderUi.color.primaryLight(),
+      opacity: 0.2
+    },
+    error: {
+      fontSize: theme.typography.fontSize - 2,
+      fill: theme.palette.error.main
+    }
+  };
+}, {
+  withTheme: true
+})(RawChartAxes);
+var _default = exports["default"] = ChartAxes;
+//# sourceMappingURL=axes.js.map