@khanacademy/perseus-editor 17.1.0 → 17.1.2

package/dist/es/index.js

@@ -45,25 +45,17 @@ import arrowCounterClockwise from '@phosphor-icons/core/bold/arrow-counter-clock
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "17.1.0";
+const libVersion = "17.1.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const devices = {
@@ -20527,19 +20519,14 @@ katex.__defineMacro("\\pu", function (context) {
 //  a mathematical minus, U+2212. So we need that extra 0.56.
 katex.__defineMacro("\\tripledash", "{\\vphantom{-}\\raisebox{2.56mu}{$\\mkern2mu" + "\\tiny\\text{-}\\mkern1mu\\text{-}\\mkern1mu\\text{-}\\mkern2mu$}}");
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-
-  return target;
+  return t;
 }
 
 const _excluded$4 = ["component", "shouldDragHighlight"];
@@ -29038,7 +29025,7 @@ const LockedFigureSelect = props => {
     id,
     onChange
   } = props;
-  const figureTypes = ["point", "line", "vector", "ellipse", "polygon", "function", ...(props.showLabelsFlag ? ["label"] : [])];
+  const figureTypes = ["point", "line", "vector", "ellipse", "polygon", "function", "label"];
   return /*#__PURE__*/React.createElement(View, {
     style: styles$C.container
   }, /*#__PURE__*/React.createElement(ActionMenu, {
@@ -94289,9 +94276,7 @@ const {
   InfoTip: InfoTip$c
 } = components;
 const LockedEllipseSettings = props => {
-  var _flags$mafs, _flags$mafs2;
   const {
-    flags,
     center,
     radius,
     angle,
@@ -94439,7 +94424,7 @@ const LockedEllipseSettings = props => {
     onChange: value => onChangeProps({
       strokeStyle: value
     })
-  }), (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$r.horizontalRule
@@ -94449,7 +94434,7 @@ const LockedEllipseSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-ellipse-labels"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$r.horizontalRule
@@ -94483,7 +94468,7 @@ const LockedEllipseSettings = props => {
       });
     },
     style: styles$r.addButton
-  }, "Add visible label")), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -94547,9 +94532,7 @@ const examples = {
 };
 
 const LockedFunctionSettings = props => {
-  var _flags$mafs, _flags$mafs2;
   const {
-    flags,
     color: lineColor,
     strokeStyle,
     equation,
@@ -94764,7 +94747,7 @@ const LockedFunctionSettings = props => {
     example: example,
     index: index,
     pasteEquationFn: handlePropChange
-  })))), (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  })))), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$p.horizontalRule
@@ -94774,7 +94757,7 @@ const LockedFunctionSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-function-labels"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$p.horizontalRule
@@ -94808,7 +94791,7 @@ const LockedFunctionSettings = props => {
       });
     },
     style: styles$p.addButton
-  }, "Add visible label")), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -94980,9 +94963,7 @@ const styles$o = StyleSheet.create({
 });
 
 const LockedPointSettings = props => {
-  var _flags$mafs, _flags$mafs2, _flags$mafs3;
   const {
-    flags,
     headerLabel,
     coord,
     color: pointColor,
@@ -95103,7 +95084,7 @@ const LockedPointSettings = props => {
         filled: !newValue
       });
     }
-  })), !isDefiningPoint && (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  })), !isDefiningPoint && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$n.horizontalRule
@@ -95113,7 +95094,7 @@ const LockedPointSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (!isDefiningPoint && (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-point-labels"]) || isDefiningPoint && (flags == null || (_flags$mafs3 = flags["mafs"]) == null ? void 0 : _flags$mafs3["locked-line-labels"])) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  })), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$n.horizontalRule
@@ -95150,7 +95131,7 @@ const LockedPointSettings = props => {
       });
     },
     style: styles$n.addButton
-  }, "Add visible label")), onRemove && /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), onRemove && /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95191,9 +95172,7 @@ const styles$n = StyleSheet.create({
 
 const lengthZeroStr = "The line cannot have length 0.";
 const LockedLineSettings = props => {
-  var _flags$mafs, _flags$mafs2;
   const {
-    flags,
     kind,
     points,
     color: lineColor,
@@ -95335,7 +95314,6 @@ const LockedLineSettings = props => {
   })), isInvalid && /*#__PURE__*/React.createElement(LabelMedium, {
     style: styles$m.errorText
   }, lengthZeroStr), /*#__PURE__*/React.createElement(LockedPointSettings, _extends({
-    flags: flags,
     headerLabel: "Point 1",
     expanded: true,
     showPoint: showPoint1,
@@ -95346,7 +95324,6 @@ const LockedLineSettings = props => {
     }),
     onChangeProps: newProps => handleChangePoint(newProps, 0)
   })), /*#__PURE__*/React.createElement(LockedPointSettings, _extends({
-    flags: flags,
     headerLabel: "Point 2",
     expanded: true,
     showPoint: showPoint2,
@@ -95356,7 +95333,7 @@ const LockedLineSettings = props => {
       showPoint2: newValue
     }),
     onChangeProps: newProps => handleChangePoint(newProps, 1)
-  })), (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  })), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$m.horizontalRule
@@ -95366,7 +95343,7 @@ const LockedLineSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-line-labels"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$m.horizontalRule
@@ -95401,7 +95378,7 @@ const LockedLineSettings = props => {
       });
     },
     style: styles$m.addButton
-  }, "Add visible label")), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95467,9 +95444,7 @@ const styles$l = StyleSheet.create({
 });
 
 const LockedPolygonSettings = props => {
-  var _flags$mafs, _flags$mafs2;
   const {
-    flags,
     points,
     color,
     showVertices,
@@ -95694,7 +95669,7 @@ const LockedPolygonSettings = props => {
     size: "small",
     icon: arrowFatRight,
     onClick: () => handlePolygonMove("right")
-  }))))), (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }))))), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$k.horizontalRule
@@ -95704,7 +95679,7 @@ const LockedPolygonSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-polygon-labels"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$k.horizontalRule
@@ -95738,7 +95713,7 @@ const LockedPolygonSettings = props => {
       });
     },
     style: styles$k.addButton
-  }, "Add visible label")), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95793,9 +95768,7 @@ const styles$k = StyleSheet.create({
 
 const lengthErrorMessage = "The vector cannot have length 0.";
 const LockedVectorSettings = props => {
-  var _flags$mafs, _flags$mafs2;
   const {
-    flags,
     points,
     color: lineColor,
     labels,
@@ -95915,7 +95888,7 @@ const LockedVectorSettings = props => {
     onChange: newProps => {
       handleChangePoint(newProps, 1);
     }
-  })), (flags == null || (_flags$mafs = flags["mafs"]) == null ? void 0 : _flags$mafs["locked-figures-aria"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  })), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.small_12
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$j.horizontalRule
@@ -95925,7 +95898,7 @@ const LockedVectorSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (flags == null || (_flags$mafs2 = flags["mafs"]) == null ? void 0 : _flags$mafs2["locked-vector-labels"]) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Strut, {
+  }), /*#__PURE__*/React.createElement(Strut, {
     size: spacing.xxxSmall_4
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$j.horizontalRule
@@ -95960,7 +95933,7 @@ const LockedVectorSettings = props => {
       });
     },
     style: styles$j.addButton
-  }, "Add visible label")), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -96021,12 +95994,10 @@ const LockedFigureSettings = props => {
     case "function":
       return /*#__PURE__*/React.createElement(LockedFunctionSettings, props);
     case "label":
-      if (props.showLabelsFlag) {
-        return /*#__PURE__*/React.createElement(LockedLabelSettings, props);
-      }
-      break;
+      return /*#__PURE__*/React.createElement(LockedLabelSettings, props);
+    default:
+      throw new UnreachableCaseError(props);
   }
-  return null;
 };
 
 const LockedFiguresSection = props => {
@@ -96130,8 +96101,6 @@ const LockedFiguresSection = props => {
   }), isExpanded && /*#__PURE__*/React.createElement(View, null, figures == null ? void 0 : figures.map((figure, index) => {
     return /*#__PURE__*/React.createElement(LockedFigureSettings, _extends({
       key: `${uniqueId}-locked-${figure}-${index}`,
-      flags: props.flags,
-      showLabelsFlag: props.showLabelsFlag,
       expanded: expandedStates[index],
       onToggle: newValue => {
         const newExpanded = [...expandedStates];
@@ -96146,7 +96115,6 @@ const LockedFiguresSection = props => {
   }), /*#__PURE__*/React.createElement(View, {
     style: styles$i.buttonContainer
   }, /*#__PURE__*/React.createElement(LockedFigureSelect, {
-    showLabelsFlag: props.showLabelsFlag,
     id: `${uniqueId}-select`,
     onChange: addLockedFigure
   }), /*#__PURE__*/React.createElement(Strut, {
@@ -96821,7 +96789,7 @@ class InteractiveGraphEditor extends React.Component {
     return json;
   }
   render() {
-    var _this$props$graph$typ, _this$props$graph3, _this$props$apiOption, _this$props$apiOption2, _this$props$fullGraph, _this$props$fullGraph2, _this$props$correct, _this$props$correct2, _this$props$correct3, _this$props$correct4, _this$props$correct5, _this$props$correct6, _this$props$correct7, _this$props$correct8, _this$props$correct9, _this$props$correct10, _this$props$correct11, _this$props$correct12, _this$props$correct13, _this$props$correct14, _this$props$graph12, _this$props$apiOption3, _this$props$apiOption4;
+    var _this$props$graph$typ, _this$props$graph3, _this$props$apiOption, _this$props$apiOption2, _this$props$fullGraph, _this$props$fullGraph2, _this$props$correct, _this$props$correct2, _this$props$correct3, _this$props$correct4, _this$props$correct5, _this$props$correct6, _this$props$correct7, _this$props$correct8, _this$props$correct9, _this$props$correct10, _this$props$correct11, _this$props$correct12, _this$props$correct13, _this$props$correct14, _this$props$graph12, _this$props$apiOption3;
     let graph;
     let equationString;
     const gridStep = this.props.gridStep || Util.getGridStep(this.props.range, this.props.step, interactiveSizes.defaultBoxSize);
@@ -97165,8 +97133,6 @@ class InteractiveGraphEditor extends React.Component {
     // Only show the "Add locked figure" dropdown if the graph
     // is using Mafs.
     this.props.graph && ((_this$props$apiOption3 = this.props.apiOptions) == null || (_this$props$apiOption3 = _this$props$apiOption3.flags) == null || (_this$props$apiOption3 = _this$props$apiOption3.mafs) == null ? void 0 : _this$props$apiOption3[this.props.graph.type]) && /*#__PURE__*/React.createElement(LockedFiguresSection, {
-      flags: this.props.apiOptions.flags,
-      showLabelsFlag: (_this$props$apiOption4 = this.props.apiOptions) == null || (_this$props$apiOption4 = _this$props$apiOption4.flags) == null || (_this$props$apiOption4 = _this$props$apiOption4.mafs) == null ? void 0 : _this$props$apiOption4["interactive-graph-locked-features-labels"],
       figures: this.props.lockedFigures,
       onChange: this.props.onChange
     }));