@khanacademy/perseus-editor 17.1.0 → 17.1.1

package/dist/index.js

@@ -96,7 +96,7 @@ var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultLegacy(arrowCou
 
 // 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.1";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -29156,7 +29156,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__namespace.createElement(wonderBlocksCore.View, {
     style: styles$C.container
   }, /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.ActionMenu, {
@@ -94410,7 +94410,6 @@ const {
 } = perseus.components;
 const LockedEllipseSettings = props => {
   const {
-    flags,
     center,
     radius,
     angle,
@@ -94563,7 +94562,7 @@ const LockedEllipseSettings = props => {
     onChange: value => onChangeProps({
       strokeStyle: value
     })
-  }), flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$r.horizontalRule
@@ -94573,7 +94572,7 @@ const LockedEllipseSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), flags?.["mafs"]?.["locked-ellipse-labels"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$r.horizontalRule
@@ -94607,7 +94606,7 @@ const LockedEllipseSettings = props => {
       });
     },
     style: styles$r.addButton
-  }, "Add visible label")), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -94672,7 +94671,6 @@ const examples = {
 
 const LockedFunctionSettings = props => {
   const {
-    flags,
     color: lineColor,
     strokeStyle,
     equation,
@@ -94891,7 +94889,7 @@ const LockedFunctionSettings = props => {
     example: example,
     index: index,
     pasteEquationFn: handlePropChange
-  })))), flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  })))), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$p.horizontalRule
@@ -94901,7 +94899,7 @@ const LockedFunctionSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), flags?.["mafs"]?.["locked-function-labels"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$p.horizontalRule
@@ -94935,7 +94933,7 @@ const LockedFunctionSettings = props => {
       });
     },
     style: styles$p.addButton
-  }, "Add visible label")), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95108,7 +95106,6 @@ const styles$o = aphrodite.StyleSheet.create({
 
 const LockedPointSettings = props => {
   const {
-    flags,
     headerLabel,
     coord,
     color: pointColor,
@@ -95234,7 +95231,7 @@ const LockedPointSettings = props => {
         filled: !newValue
       });
     }
-  })), !isDefiningPoint && flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  })), !isDefiningPoint && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$n.horizontalRule
@@ -95244,7 +95241,7 @@ const LockedPointSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), (!isDefiningPoint && flags?.["mafs"]?.["locked-point-labels"] || isDefiningPoint && flags?.["mafs"]?.["locked-line-labels"]) && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  })), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$n.horizontalRule
@@ -95281,7 +95278,7 @@ const LockedPointSettings = props => {
       });
     },
     style: styles$n.addButton
-  }, "Add visible label")), onRemove && /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), onRemove && /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95323,7 +95320,6 @@ const styles$n = aphrodite.StyleSheet.create({
 const lengthZeroStr = "The line cannot have length 0.";
 const LockedLineSettings = props => {
   const {
-    flags,
     kind,
     points,
     color: lineColor,
@@ -95476,7 +95472,6 @@ const LockedLineSettings = props => {
   })), isInvalid && /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
     style: styles$m.errorText
   }, lengthZeroStr), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends({
-    flags: flags,
     headerLabel: "Point 1",
     expanded: true,
     showPoint: showPoint1,
@@ -95487,7 +95482,6 @@ const LockedLineSettings = props => {
     }),
     onChangeProps: newProps => handleChangePoint(newProps, 0)
   })), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends({
-    flags: flags,
     headerLabel: "Point 2",
     expanded: true,
     showPoint: showPoint2,
@@ -95497,7 +95491,7 @@ const LockedLineSettings = props => {
       showPoint2: newValue
     }),
     onChangeProps: newProps => handleChangePoint(newProps, 1)
-  })), flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  })), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$m.horizontalRule
@@ -95507,7 +95501,7 @@ const LockedLineSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), flags?.["mafs"]?.["locked-line-labels"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$m.horizontalRule
@@ -95542,7 +95536,7 @@ const LockedLineSettings = props => {
       });
     },
     style: styles$m.addButton
-  }, "Add visible label")), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95609,7 +95603,6 @@ const styles$l = aphrodite.StyleSheet.create({
 
 const LockedPolygonSettings = props => {
   const {
-    flags,
     points,
     color,
     showVertices,
@@ -95857,7 +95850,7 @@ const LockedPolygonSettings = props => {
     size: "small",
     icon: arrowFatRight__default["default"],
     onClick: () => handlePolygonMove("right")
-  }))))), flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }))))), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$k.horizontalRule
@@ -95867,7 +95860,7 @@ const LockedPolygonSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), flags?.["mafs"]?.["locked-polygon-labels"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$k.horizontalRule
@@ -95901,7 +95894,7 @@ const LockedPolygonSettings = props => {
       });
     },
     style: styles$k.addButton
-  }, "Add visible label")), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -95957,7 +95950,6 @@ const styles$k = aphrodite.StyleSheet.create({
 const lengthErrorMessage = "The vector cannot have length 0.";
 const LockedVectorSettings = props => {
   const {
-    flags,
     points,
     color: lineColor,
     labels,
@@ -96082,7 +96074,7 @@ const LockedVectorSettings = props => {
     onChange: newProps => {
       handleChangePoint(newProps, 1);
     }
-  })), flags?.["mafs"]?.["locked-figures-aria"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  })), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$j.horizontalRule
@@ -96092,7 +96084,7 @@ const LockedVectorSettings = props => {
     onChangeProps: newProps => {
       onChangeProps(newProps);
     }
-  })), flags?.["mafs"]?.["locked-vector-labels"] && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Strut, {
+  }), /*#__PURE__*/React__namespace.createElement(Strut, {
     size: wonderBlocksTokens.spacing.xxxSmall_4
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$j.horizontalRule
@@ -96127,7 +96119,7 @@ const LockedVectorSettings = props => {
       });
     },
     style: styles$j.addButton
-  }, "Add visible label")), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }, "Add visible label"), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     figureType: props.type,
     onMove: onMove,
     onRemove: onRemove
@@ -96188,12 +96180,10 @@ const LockedFigureSettings = props => {
     case "function":
       return /*#__PURE__*/React__namespace.createElement(LockedFunctionSettings, props);
     case "label":
-      if (props.showLabelsFlag) {
-        return /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, props);
-      }
-      break;
+      return /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, props);
+    default:
+      throw new wonderStuffCore.UnreachableCaseError(props);
   }
-  return null;
 };
 
 const LockedFiguresSection = props => {
@@ -96299,8 +96289,6 @@ const LockedFiguresSection = props => {
   }), isExpanded && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => {
     return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends({
       key: `${uniqueId}-locked-${figure}-${index}`,
-      flags: props.flags,
-      showLabelsFlag: props.showLabelsFlag,
       expanded: expandedStates[index],
       onToggle: newValue => {
         const newExpanded = [...expandedStates];
@@ -96315,7 +96303,6 @@ const LockedFiguresSection = props => {
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$i.buttonContainer
   }, /*#__PURE__*/React__namespace.createElement(LockedFigureSelect, {
-    showLabelsFlag: props.showLabelsFlag,
     id: `${uniqueId}-select`,
     onChange: addLockedFigure
   }), /*#__PURE__*/React__namespace.createElement(Strut, {
@@ -97372,8 +97359,6 @@ class InteractiveGraphEditor extends React__namespace.Component {
     // Only show the "Add locked figure" dropdown if the graph
     // is using Mafs.
     this.props.graph && this.props.apiOptions?.flags?.mafs?.[this.props.graph.type] && /*#__PURE__*/React__namespace.createElement(LockedFiguresSection, {
-      flags: this.props.apiOptions.flags,
-      showLabelsFlag: this.props.apiOptions?.flags?.mafs?.["interactive-graph-locked-features-labels"],
       figures: this.props.lockedFigures,
       onChange: this.props.onChange
     }));