@khanacademy/perseus 2.0.1 → 3.0.0

package/src/styles/khan-exercise.css

@@ -16,8 +16,6 @@ div.subhint {
     border: 1px solid #aaaaaa;
     background: #f9f9f9;
     display: none;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
     border-radius: 4px;
     margin-left: 20px;
     margin-right: 20px;
@@ -39,8 +37,6 @@ div.definition {
     border: 1px solid #aaaaaa;
     background: #f9f9f9;
     display: none;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
     border-radius: 4px;
     margin-left: 20px;
     margin-right: 20px;
@@ -152,9 +148,6 @@ body.debug .graphie { outline: 1px dashed #fdd; }
     padding-bottom: 40px;
 }
 #scratchpad div {
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #ccc;
     height: 100%;
@@ -232,7 +225,6 @@ body.debug .graphie { outline: 1px dashed #fdd; }
 
 #answer_area .calculator .history input {
     box-sizing: border-box;
-    -moz-box-sizing: border-box;
     display: block;
     font: inherit;
     margin: 5px 3px 3px;
@@ -362,8 +354,6 @@ body.debug .graphie { outline: 1px dashed #fdd; }
   list-style: none;
   border: 1px solid rgba(0, 0, 0, 0.3);
   padding-left: 10px;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
   border-radius: 5px;
   line-height: 22px;
   margin-bottom: 3px;
@@ -407,8 +397,6 @@ var, div.graphie {
   padding: 2px 5px;
   border: 1px solid #999;
   border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
   float: left;
   cursor: pointer;
   color: white;
@@ -606,7 +594,7 @@ html.exercise-browser {
 	top: 12px;
 	padding: 0px;
 	border: none;
-	-webkit-box-shadow: none;
+	box-shadow: none;
 	overflow: visible;
 }
 
@@ -729,9 +717,6 @@ html.exercise-browser {
 
 #timelinecontainer .simple-button {
   -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -o-user-select: none;
   user-select: none;
   white-space: nowrap;
 }
@@ -754,8 +739,6 @@ html.exercise-browser {
   width: 200px;
   height: 100px;
   border: 1px solid #aaa;
-  -webkit-box-shadow: 0 0 3px #ccc;
-  -moz-box-shadow: 0 0 3px #ccc;
   box-shadow: 0 0 3px #ccc;
   margin-left: 14px; /* to line up with other titles */
   margin-bottom: 8px;
@@ -800,8 +783,6 @@ html.exercise-browser {
 	z-index: 2;
 
 	box-shadow: 0 1px 2px #ccc;
-	-moz-box-shadow: 0 1px 2px #ccc;
-	-webkit-box-shadow: 0 1px 2px #ccc;
 }
 
 .sortable > ul {
@@ -813,8 +794,6 @@ html.exercise-browser {
 	border: 1px solid #b9b9b9;
 	border-bottom-color: #939393;
 	border-radius: 4px;
-	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
 	cursor: pointer;
 	margin-right: 4px;
 	min-width: 65px;
@@ -823,9 +802,6 @@ html.exercise-browser {
 	font-size: 1.2em;
 	float: left;
 	-webkit-user-select: none;
-	-khtml-user-select: none;
-	-moz-user-select: none;
-	-o-user-select: none;
 	user-select: none;
 }
 
@@ -844,10 +820,6 @@ html.exercise-browser {
 .sortable > ul > li:hover {
 	border-color: #ffa500;
 	box-shadow: 0 0 4px #c56f00;
-	-moz-box-shadow: 0 0 4px #c56f00;
-	-ms-box-shadow: 0 0 4px #c56f00;
-	-o-box-shadow: 0 0 4px #c56f00;
-	-webkit-box-shadow: 0 0 4px #c56f00;
 }
 
 .sortable > ul > li:active, .sortable > ul > li.dragging {
@@ -861,8 +833,6 @@ html.exercise-browser {
     border: 0;
     border-bottom: 0;
     box-shadow: 0 0 0;
-    -moz-box-shadow: 0 0 0;
-    -webkit-box-shadow: 0 0 0;
     padding-right: 0;
 }
 
@@ -895,8 +865,6 @@ html.exercise-browser {
 .qhint {
   border: 1px solid #aaaaaa;
   background: #f9f9f9;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
   border-radius: 4px;
   margin-right: 20px;
   margin-bottom: 20px;

package/src/styles/perseus-renderer.less

@@ -23,10 +23,7 @@
 // often, allowing selection makes for an awkward mobile experience
 // where you constantly highlight elements unintentionally.
 .no-select {
-    -moz-user-select: -moz-none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
+	-webkit-user-select: none;
     user-select: none;
 }
 
@@ -472,8 +469,6 @@
 
     &.widget-highlight {
         @highlight: 0px 0px 0px 2px rgba(255, 165, 0, 1);
-        -webkit-box-shadow: @highlight;
-        -moz-box-shadow:    @highlight;
         box-shadow:         @highlight;
         transition: all 0.15s;
     }
@@ -594,10 +589,6 @@
 
 .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
           box-shadow: @shadow;
-       -o-box-shadow: @shadow;
-      -ms-box-shadow: @shadow;
-     -moz-box-shadow: @shadow;
-  -webkit-box-shadow: @shadow;
 }
 
 .perseus-math-input.mq-editable-field.mq-math-mode {

package/src/styles/widgets/expression.less

@@ -113,8 +113,6 @@
 }
 
 .perseus-widget-expression-old > .output > .placeholder  > .error {
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
     border-radius: 10px;
     background: #f7f7f7;
     border: 1px solid #ddd;

package/src/styles/widgets/orderer.less

@@ -11,6 +11,7 @@
         padding: 0 10px;
         cursor: pointer;
         position: relative;
+        -webkit-user-select: none;
         user-select: none;
         width: auto;
 
@@ -69,7 +70,6 @@
 
     &.layout-vertical .bank,  &.layout-vertical .draggable-box {
         box-sizing: border-box;
-        -moz-box-sizing: border-box;
         float: left;
         max-width: 50%;
     }

package/src/styles/widgets/plotter.less

@@ -3,11 +3,7 @@
         position: absolute;
     }
     span.rotate  {
-        -moz-transform: rotate(-90deg);
-        -o-transform: rotate(-90deg);
-        -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
-        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     }
 }
 

package/src/styles/widgets/sortable.less

@@ -2,10 +2,6 @@
     border-color: @color;
     @darker: darken(@color, 11%);
     box-shadow: 0 0 4px @darker;
-    -moz-box-shadow: 0 0 4px @darker;
-    -ms-box-shadow: 0 0 4px @darker;
-    -o-box-shadow: 0 0 4px @darker;
-    -webkit-box-shadow: 0 0 4px @darker;
 }
 
 .draggy-boxy-thing {
@@ -16,8 +12,6 @@
         border-bottom: 1px solid #aaa;
 
         box-shadow: 0 1px 2px #ccc;
-        -moz-box-shadow: 0 1px 2px #ccc;
-        -webkit-box-shadow: 0 1px 2px #ccc;
     }
 
     // TODO(jack): Make this work for the orderer too.
@@ -34,12 +28,6 @@
         border: 1px solid #b9b9b9;
         border-bottom-color: #939393;
         border-radius: 4px;
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        -webkit-user-select: none;
-        -khtml-user-select: none;
-        -moz-user-select: none;
-        -o-user-select: none;
         cursor: pointer;
         touch-action: none;
 
@@ -73,8 +61,6 @@
                 border: 1px solid #b9b9b9;
                 border-bottom-color: #939393;
                 border-radius: 4px;
-                -moz-border-radius: 4px;
-                -webkit-border-radius: 4px;
                 height: 100%;
                 width: 100%;
                 z-index: -1;

package/src/types.js

@@ -157,7 +157,6 @@ export type APIOptions = $ReadOnly<{|
         keypadElement?: HTMLElement,
         focusedElement?: HTMLElement,
     ) => mixed,
-    staticRender?: boolean,
     GroupMetadataEditor?: React.ComponentType<StubTagEditorType>,
     showAlignmentOptions?: boolean,
     readOnly?: boolean,
@@ -206,10 +205,6 @@ export type APIOptions = $ReadOnly<{|
     // component.  In this situation we use the MathInput component
     // from the math-input repo instead of the existing perseus math
     // input components.
-    // TODO(charlie): Make this mutually exclusive with `staticRender`.
-    // Internally, we defer to `customKeypad` over `staticRender`, but
-    // they should really be represented as an enum or some other data
-    // structure that forbids them both being enabled at once.
     customKeypad?: boolean,
 
     // If this is provided, it is called instead of appending an instance
@@ -389,7 +384,6 @@ export type APIOptionsWithDefaults = $ReadOnly<{|
         APIOptions["setDrawingAreaAvailable"],
     >,
     showAlignmentOptions: $NonMaybeType<APIOptions["showAlignmentOptions"]>,
-    staticRender: $NonMaybeType<APIOptions["staticRender"]>,
     useDraftEditor: $NonMaybeType<APIOptions["useDraftEditor"]>,
 |}>;
 

package/src/widgets/__stories__/unit.stories.jsx

@@ -14,27 +14,11 @@ export default ({
     title: "Perseus/Widgets/Unit",
 }: Story);
 
-export const StaticRender = (args: StoryArgs): React.Node => {
-    return (
-        <OldUnitInput
-            apiOptions={{
-                ...ApiOptions.defaults,
-                staticRender: true,
-            }}
-            value="2 tbsp"
-            onFocus={() => {}}
-            onBlur={() => {}}
-            onChange={({value}) => {}}
-        />
-    );
-};
-
 export const NonStaticRender = (args: StoryArgs): React.Node => {
     return (
         <OldUnitInput
             apiOptions={{
                 ...ApiOptions.defaults,
-                staticRender: false,
             }}
             value="2 tbsp"
             onFocus={() => {}}