@khanacademy/perseus 16.0.0 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/article-renderer.d.ts +1 -2
- package/dist/components.d.ts +0 -1
- package/dist/es/index.css +0 -90
- package/dist/es/index.js +15 -691
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +0 -90
- package/dist/index.d.ts +0 -1
- package/dist/index.js +13 -692
- package/dist/index.js.map +1 -1
- package/dist/server-item-renderer.d.ts +42 -15
- package/dist/strings.js +0 -23
- package/package.json +2 -2
- package/src/__stories__/server-item-renderer.stories.tsx +20 -1
- package/src/__testdata__/server-item-renderer.testdata.ts +173 -0
- package/src/__tests__/server-item-renderer.test.tsx +38 -1
- package/src/article-renderer.tsx +13 -15
- package/src/components.ts +0 -1
- package/src/index.ts +0 -1
- package/src/server-item-renderer.tsx +26 -14
- package/src/styles/khan-exercise.css +0 -24
- package/tsconfig-build.tsbuildinfo +1 -1
- package/dist/components/tex-buttons.d.ts +0 -25
- package/dist/item-renderer.d.ts +0 -125
- package/dist/mixins/provide-keypad.d.ts +0 -39
- package/src/__stories__/item-renderer.stories.tsx +0 -30
- package/src/__testdata__/item-renderer.testdata.ts +0 -299
- package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +0 -224
- package/src/__tests__/item-renderer.test.tsx +0 -930
- package/src/components/__stories__/text-buttons.stories.tsx +0 -54
- package/src/components/tex-buttons.tsx +0 -334
- package/src/item-renderer.tsx +0 -529
- package/src/mixins/provide-keypad.tsx +0 -137
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @khanacademy/perseus
|
|
2
2
|
|
|
3
|
+
## 17.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#852](https://github.com/Khan/perseus/pull/852) [`204788f8`](https://github.com/Khan/perseus/commit/204788f8f583bda5ff94d74fd70ec542fedd3d6e) Thanks [@handeyeco](https://github.com/handeyeco)! - Remove ItemRenderer again
|
|
8
|
+
|
|
9
|
+
* [#838](https://github.com/Khan/perseus/pull/838) [`233fc9fc`](https://github.com/Khan/perseus/commit/233fc9fcd4c65d2ff0c8f1ebd1cb1b17b76cbe0c) Thanks [@handeyeco](https://github.com/handeyeco)! - Remove TexButtons and update ExpressionEditor
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#854](https://github.com/Khan/perseus/pull/854) [`2e2f2cc1`](https://github.com/Khan/perseus/commit/2e2f2cc1afe99613eb688ab1e4e1fccad0c8df57) Thanks [@handeyeco](https://github.com/handeyeco)! - Remove unused CSS images for next/prev steps
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [[`41d3cd93`](https://github.com/Khan/perseus/commit/41d3cd93f78d4649c8a57b6fa4964c0c9f2c45b0), [`27f691aa`](https://github.com/Khan/perseus/commit/27f691aa11f061b54db487b5b35222431776260f), [`3803452b`](https://github.com/Khan/perseus/commit/3803452b0593649faf4043bf6e1d7681a14078e4), [`ef32b88f`](https://github.com/Khan/perseus/commit/ef32b88f5027154784fb496506d7c96ee3765eac), [`820febc5`](https://github.com/Khan/perseus/commit/820febc5814a5a10d7c1743be8aa9d220f2d9bd8), [`67a09051`](https://github.com/Khan/perseus/commit/67a09051c61df98b697349ad75760193e4228bfe)]:
|
|
16
|
+
- @khanacademy/math-input@16.1.1
|
|
17
|
+
|
|
3
18
|
## 16.0.0
|
|
4
19
|
|
|
5
20
|
### Major Changes
|
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { DependenciesContext } from "./dependencies";
|
|
7
7
|
import Renderer from "./renderer";
|
|
8
|
-
import type { KeypadProps } from "./mixins/provide-keypad";
|
|
9
8
|
import type { PerseusRenderer } from "./perseus-types";
|
|
10
9
|
import type { APIOptions, PerseusDependenciesV2 } from "./types";
|
|
11
10
|
import type { KeypadAPI } from "@khanacademy/math-input";
|
|
12
11
|
import type { KeypadContextRendererInterface } from "@khanacademy/perseus-core";
|
|
13
12
|
import type { LinterContextProps } from "@khanacademy/perseus-linter";
|
|
14
|
-
type Props = Partial<React.ContextType<typeof DependenciesContext>> &
|
|
13
|
+
type Props = Partial<React.ContextType<typeof DependenciesContext>> & {
|
|
15
14
|
apiOptions: APIOptions;
|
|
16
15
|
json: PerseusRenderer | ReadonlyArray<PerseusRenderer>;
|
|
17
16
|
/**
|
package/dist/components.d.ts
CHANGED
|
@@ -12,5 +12,4 @@ export { default as PropCheckBox } from "./components/prop-check-box";
|
|
|
12
12
|
export { default as RangeInput } from "./components/range-input";
|
|
13
13
|
export { default as SvgImage } from "./components/svg-image";
|
|
14
14
|
export { default as TextInput } from "./components/text-input";
|
|
15
|
-
export { default as TexButtons } from "./components/tex-buttons";
|
|
16
15
|
export { default as TextListEditor } from "./components/text-list-editor";
|
package/dist/es/index.css
CHANGED
|
@@ -675,30 +675,6 @@ div.timeline-total {
|
|
|
675
675
|
width: 100px;
|
|
676
676
|
}
|
|
677
677
|
|
|
678
|
-
#previous-step {
|
|
679
|
-
margin: 5px;
|
|
680
|
-
cursor: pointer;
|
|
681
|
-
float: left;
|
|
682
|
-
width: 100px;
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
#next-step {
|
|
686
|
-
margin: 5px;
|
|
687
|
-
cursor: pointer;
|
|
688
|
-
float: right;
|
|
689
|
-
width: 80px;
|
|
690
|
-
}
|
|
691
|
-
|
|
692
|
-
#previous-step span {
|
|
693
|
-
background: url(/images/previous-step.png) no-repeat 0 50% transparent;
|
|
694
|
-
padding: 4px 0 4px 25px;
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
#next-step span {
|
|
698
|
-
background: url(/images/next-step.png) no-repeat 100% 50% transparent;
|
|
699
|
-
padding: 4px 25px 4px 0;
|
|
700
|
-
}
|
|
701
|
-
|
|
702
678
|
#next-problem {
|
|
703
679
|
margin: 5px;
|
|
704
680
|
cursor: pointer;
|
|
@@ -3584,48 +3560,6 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
|
|
|
3584
3560
|
font-size: 18px;
|
|
3585
3561
|
}
|
|
3586
3562
|
}
|
|
3587
|
-
/**
|
|
3588
|
-
* Styles for managing the popover animations.
|
|
3589
|
-
*
|
|
3590
|
-
* Ideally, we'd be generating these styles with Aphrodite (along with
|
|
3591
|
-
* CSSTransitionGroup's support for custom classnames), but the generated
|
|
3592
|
-
* styles have issues on mobile Safari.
|
|
3593
|
-
* See: https://github.com/Khan/aphrodite/issues/68.
|
|
3594
|
-
*
|
|
3595
|
-
* If the animation durations change, the corresponding values in
|
|
3596
|
-
* echo-manager.js must change as well.
|
|
3597
|
-
*/
|
|
3598
|
-
.echo-slide-and-fade-enter {
|
|
3599
|
-
opacity: 1 !important;
|
|
3600
|
-
transform: translate3d(0, 0, 0) !important;
|
|
3601
|
-
}
|
|
3602
|
-
.echo-slide-and-fade-enter.echo-slide-and-fade-enter-active {
|
|
3603
|
-
opacity: 0 !important;
|
|
3604
|
-
transform: translate3d(0, -33%, 0) !important;
|
|
3605
|
-
/**
|
|
3606
|
-
* TODO(charlie): These times are intentionally different, which means
|
|
3607
|
-
* that the animation really "ends" after 400ms
|
|
3608
|
-
* cubic-bezier(1, 0, 0.9, 1) (since the opacity goes to 0), even though
|
|
3609
|
-
* the transform doesn't complete. There's probably a way to achieve the
|
|
3610
|
-
* same effect by manipulating the transform's Bezier curve and total
|
|
3611
|
-
* displacement.
|
|
3612
|
-
*/
|
|
3613
|
-
transition: transform 800ms cubic-bezier(0, 1, 0.25, 1), opacity 400ms cubic-bezier(1, 0, 0.9, 1) !important;
|
|
3614
|
-
}
|
|
3615
|
-
.echo-fade-only-enter {
|
|
3616
|
-
opacity: 1 !important;
|
|
3617
|
-
}
|
|
3618
|
-
.echo-fade-only-enter.echo-fade-only-enter-active {
|
|
3619
|
-
opacity: 0 !important;
|
|
3620
|
-
transition: opacity 300ms cubic-bezier(0.25, 0, 0.75, 1) !important;
|
|
3621
|
-
}
|
|
3622
|
-
.echo-long-fade-only-enter {
|
|
3623
|
-
opacity: 1 !important;
|
|
3624
|
-
}
|
|
3625
|
-
.echo-long-fade-only-enter.echo-long-fade-only-enter-active {
|
|
3626
|
-
opacity: 0 !important;
|
|
3627
|
-
transition: opacity 400ms cubic-bezier(0.75, 0, 0.75, 1) !important;
|
|
3628
|
-
}
|
|
3629
3563
|
.keypad-input {
|
|
3630
3564
|
outline: none !important;
|
|
3631
3565
|
}
|
|
@@ -3706,24 +3640,6 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
|
|
|
3706
3640
|
color: white !important;
|
|
3707
3641
|
display: inline-block !important;
|
|
3708
3642
|
}
|
|
3709
|
-
/**
|
|
3710
|
-
* Styles for managing the popover animations.
|
|
3711
|
-
*
|
|
3712
|
-
* Ideally, we'd be generating these styles with Aphrodite (along with
|
|
3713
|
-
* CSSTransitionGroup's support for custom classnames), but the generated
|
|
3714
|
-
* styles have issues on mobile Safari.
|
|
3715
|
-
* See: https://github.com/Khan/aphrodite/issues/68.
|
|
3716
|
-
*
|
|
3717
|
-
* If the animation durations change, the corresponding values in
|
|
3718
|
-
* popover-manager.js must change as well.
|
|
3719
|
-
*/
|
|
3720
|
-
.popover-enter {
|
|
3721
|
-
opacity: 0 !important;
|
|
3722
|
-
}
|
|
3723
|
-
.popover-enter.popover-enter-active {
|
|
3724
|
-
opacity: 1 !important;
|
|
3725
|
-
transition: opacity 200ms ease-out !important;
|
|
3726
|
-
}
|
|
3727
3643
|
/*
|
|
3728
3644
|
* MathQuill v0.10.1 http://mathquill.com
|
|
3729
3645
|
* by Han, Jeanine, and Mary maintainers@mathquill.com
|
|
@@ -4160,9 +4076,3 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
|
|
|
4160
4076
|
margin-top: -0.1em;
|
|
4161
4077
|
}
|
|
4162
4078
|
|
|
4163
|
-
.tabbar_item {
|
|
4164
|
-
background-color: red;
|
|
4165
|
-
}
|
|
4166
|
-
.tabbar_item:focus {
|
|
4167
|
-
background-color: green;
|
|
4168
|
-
}
|