@khanacademy/perseus 22.4.2 → 22.5.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.
Files changed (12) hide show
  1. package/dist/es/index.css +35 -0
  2. package/dist/es/index.js +145 -62
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.css +35 -0
  5. package/dist/index.js +146 -60
  6. package/dist/index.js.map +1 -1
  7. package/dist/perseus-types.d.ts +3 -3
  8. package/dist/widgets/interactive-graphs/graphs/components/movable-line.d.ts +16 -0
  9. package/dist/widgets/interactive-graphs/graphs/use-transform.d.ts +2 -0
  10. package/dist/widgets/interactive-graphs/interactive-graph-question-builder.d.ts +1 -0
  11. package/package.json +51 -51
  12. package/dist/widgets/interactive-graphs/graphs/components/segment.d.ts +0 -27
package/dist/perseus-types.d.ts CHANGED
@@ -361,11 +361,11 @@ export type LockedPointType = {
361
361
  export type LockedLineType = {
362
362
  type: "line";
363
363
  kind: "line" | "ray" | "segment";
364
- points: [startPoint: LockedPointType, endPoint: LockedPointType];
364
+ points: [point1: LockedPointType, point2: LockedPointType];
365
365
  color: LockedFigureColor;
366
366
  lineStyle: "solid" | "dashed";
367
- showStartPoint: boolean;
368
- showEndPoint: boolean;
367
+ showPoint1: boolean;
368
+ showPoint2: boolean;
369
369
  };
370
370
  export type PerseusGraphType = PerseusGraphTypeAngle | PerseusGraphTypeCircle | PerseusGraphTypeLinear | PerseusGraphTypeLinearSystem | PerseusGraphTypePoint | PerseusGraphTypePolygon | PerseusGraphTypeQuadratic | PerseusGraphTypeRay | PerseusGraphTypeSegment | PerseusGraphTypeSinusoid;
371
371
  export type PerseusGraphTypeCommon = {
package/dist/widgets/interactive-graphs/graphs/components/movable-line.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { vec } from "mafs";
3
+ import type { Interval } from "mafs";
4
+ type Props = {
5
+ points: Readonly<[vec.Vector2, vec.Vector2]>;
6
+ onMovePoint?: (endpointIndex: number, destination: vec.Vector2) => unknown;
7
+ onMoveLine?: (delta: vec.Vector2) => unknown;
8
+ color?: string;
9
+ extend?: {
10
+ start: boolean;
11
+ end: boolean;
12
+ };
13
+ };
14
+ export declare const MovableLine: (props: Props) => JSX.Element;
15
+ export declare function trimRange(range: [Interval, Interval], graphDimensionsInPixels: vec.Vector2): [Interval, Interval];
16
+ export {};
package/dist/widgets/interactive-graphs/graphs/use-transform.d.ts CHANGED
@@ -5,5 +5,7 @@ export type GraphDimensions = {
5
5
  height: number;
6
6
  };
7
7
  export declare function vectorsToPixels(vectors: vec.Vector2[], graphState: GraphDimensions, translation?: vec.Vector2): vec.Vector2[];
8
+ export declare function dimensionsToPixels(dimens: vec.Vector2[], graphState: GraphDimensions): vec.Vector2[];
8
9
  export declare function pointToPixel(point: vec.Vector2, graphState: GraphDimensions): vec.Vector2;
9
10
  export declare const useTransformVectorsToPixels: (...vectors: vec.Vector2[]) => vec.Vector2[];
11
+ export declare const useTransformDimensionsToPixels: (...dimens: vec.Vector2[]) => vec.Vector2[];
package/dist/widgets/interactive-graphs/interactive-graph-question-builder.d.ts CHANGED
@@ -18,5 +18,6 @@ declare class InteractiveGraphQuestionBuilder {
18
18
  withSnapStep(x: number, y: number): InteractiveGraphQuestionBuilder;
19
19
  withTickStep(x: number, y: number): InteractiveGraphQuestionBuilder;
20
20
  withSegments(numSegments: number): InteractiveGraphQuestionBuilder;
21
+ withCircle(): InteractiveGraphQuestionBuilder;
21
22
  }
22
23
  export {};
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Core Perseus API (includes renderers and widgets)",
4
4
  "author": "Khan Academy",
5
5
  "license": "MIT",
6
- "version": "22.4.2",
6
+ "version": "22.5.0",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
@@ -41,79 +41,79 @@
41
41
  "dependencies": {
42
42
  "@khanacademy/kas": "^0.3.9",
43
43
  "@khanacademy/kmath": "^0.1.12",
44
- "@khanacademy/math-input": "^19.0.0",
44
+ "@khanacademy/math-input": "^19.1.0",
45
45
  "@khanacademy/perseus-core": "1.4.2",
46
- "@khanacademy/perseus-linter": "^0.3.12",
47
- "@khanacademy/pure-markdown": "^0.3.3",
46
+ "@khanacademy/perseus-linter": "^0.4.0",
47
+ "@khanacademy/pure-markdown": "^0.3.4",
48
48
  "@khanacademy/simple-markdown": "^0.11.4",
49
49
  "mafs": "0.18.5"
50
50
  },
51
51
  "devDependencies": {
52
- "@khanacademy/wonder-blocks-banner": "^3.0.41",
53
- "@khanacademy/wonder-blocks-button": "^6.3.0",
54
- "@khanacademy/wonder-blocks-clickable": "^4.2.0",
55
- "@khanacademy/wonder-blocks-core": "^6.4.0",
56
- "@khanacademy/wonder-blocks-data": "^13.0.7",
57
- "@khanacademy/wonder-blocks-dropdown": "^5.2.0",
58
- "@khanacademy/wonder-blocks-form": "^4.5.0",
59
- "@khanacademy/wonder-blocks-icon": "^4.1.0",
60
- "@khanacademy/wonder-blocks-layout": "^2.0.31",
61
- "@khanacademy/wonder-blocks-link": "^6.1.0",
62
- "@khanacademy/wonder-blocks-pill": "^2.2.0",
63
- "@khanacademy/wonder-blocks-popover": "^3.2.0",
64
- "@khanacademy/wonder-blocks-progress-spinner": "^2.1.0",
65
- "@khanacademy/wonder-blocks-switch": "^1.1.15",
66
- "@khanacademy/wonder-blocks-tokens": "^1.1.0",
67
- "@khanacademy/wonder-blocks-tooltip": "^2.2.1",
68
- "@khanacademy/wonder-blocks-typography": "^2.1.11",
69
- "@khanacademy/wonder-stuff-core": "^1.5.1",
52
+ "@khanacademy/wonder-blocks-banner": "3.0.42",
53
+ "@khanacademy/wonder-blocks-button": "6.3.1",
54
+ "@khanacademy/wonder-blocks-clickable": "4.2.1",
55
+ "@khanacademy/wonder-blocks-core": "6.4.0",
56
+ "@khanacademy/wonder-blocks-data": "13.0.7",
57
+ "@khanacademy/wonder-blocks-dropdown": "5.3.0",
58
+ "@khanacademy/wonder-blocks-form": "4.5.1",
59
+ "@khanacademy/wonder-blocks-icon": "4.1.0",
60
+ "@khanacademy/wonder-blocks-layout": "2.0.32",
61
+ "@khanacademy/wonder-blocks-link": "6.1.1",
62
+ "@khanacademy/wonder-blocks-pill": "2.2.1",
63
+ "@khanacademy/wonder-blocks-popover": "3.2.2",
64
+ "@khanacademy/wonder-blocks-progress-spinner": "2.1.1",
65
+ "@khanacademy/wonder-blocks-switch": "1.1.16",
66
+ "@khanacademy/wonder-blocks-tokens": "1.3.0",
67
+ "@khanacademy/wonder-blocks-tooltip": "2.3.1",
68
+ "@khanacademy/wonder-blocks-typography": "2.1.11",
69
+ "@khanacademy/wonder-stuff-core": "1.5.2",
70
70
  "@phosphor-icons/core": "^2.0.2",
71
- "@popperjs/core": "^2.10.1",
71
+ "@popperjs/core": "^2.10.2",
72
72
  "aphrodite": "^1.2.5",
73
- "classnames": "^1.1.4",
74
- "create-react-class": "^15.6.3",
73
+ "classnames": "1.1.4",
74
+ "create-react-class": "15.6.3",
75
75
  "intersection-observer": "^0.12.0",
76
76
  "jquery": "^2.1.1",
77
- "katex": "^0.11.1",
77
+ "katex": "0.11.1",
78
78
  "lodash.debounce": "^4.0.8",
79
79
  "perseus-build-settings": "^0.4.1",
80
- "prop-types": "^15.6.1",
80
+ "prop-types": "15.6.1",
81
81
  "react": "16.14.0",
82
82
  "react-dom": "16.14.0",
83
- "react-popper": "^2.0.0",
83
+ "react-popper": "^2.2.5",
84
84
  "underscore": "^1.4.4"
85
85
  },
86
86
  "peerDependencies": {
87
- "@khanacademy/wonder-blocks-banner": "^3.0.41",
88
- "@khanacademy/wonder-blocks-button": "^6.3.0",
89
- "@khanacademy/wonder-blocks-clickable": "^4.2.0",
90
- "@khanacademy/wonder-blocks-core": "^6.4.0",
91
- "@khanacademy/wonder-blocks-data": "^13.0.7",
92
- "@khanacademy/wonder-blocks-dropdown": "^5.2.0",
93
- "@khanacademy/wonder-blocks-form": "^4.5.0",
94
- "@khanacademy/wonder-blocks-icon": "^4.1.0",
95
- "@khanacademy/wonder-blocks-layout": "^2.0.31",
96
- "@khanacademy/wonder-blocks-link": "^6.1.0",
97
- "@khanacademy/wonder-blocks-pill": "^2.2.0",
98
- "@khanacademy/wonder-blocks-popover": "^3.2.0",
99
- "@khanacademy/wonder-blocks-progress-spinner": "^2.1.0",
100
- "@khanacademy/wonder-blocks-switch": "^1.1.15",
101
- "@khanacademy/wonder-blocks-tokens": "^1.1.0",
102
- "@khanacademy/wonder-blocks-tooltip": "^2.2.1",
103
- "@khanacademy/wonder-blocks-typography": "^2.1.11",
104
- "@khanacademy/wonder-stuff-core": "^1.5.1",
87
+ "@khanacademy/wonder-blocks-banner": "3.0.42",
88
+ "@khanacademy/wonder-blocks-button": "6.3.1",
89
+ "@khanacademy/wonder-blocks-clickable": "4.2.1",
90
+ "@khanacademy/wonder-blocks-core": "6.4.0",
91
+ "@khanacademy/wonder-blocks-data": "13.0.7",
92
+ "@khanacademy/wonder-blocks-dropdown": "5.3.0",
93
+ "@khanacademy/wonder-blocks-form": "4.5.1",
94
+ "@khanacademy/wonder-blocks-icon": "4.1.0",
95
+ "@khanacademy/wonder-blocks-layout": "2.0.32",
96
+ "@khanacademy/wonder-blocks-link": "6.1.1",
97
+ "@khanacademy/wonder-blocks-pill": "2.2.1",
98
+ "@khanacademy/wonder-blocks-popover": "3.2.2",
99
+ "@khanacademy/wonder-blocks-progress-spinner": "2.1.1",
100
+ "@khanacademy/wonder-blocks-switch": "1.1.16",
101
+ "@khanacademy/wonder-blocks-tokens": "1.3.0",
102
+ "@khanacademy/wonder-blocks-tooltip": "2.3.1",
103
+ "@khanacademy/wonder-blocks-typography": "2.1.11",
104
+ "@khanacademy/wonder-stuff-core": "1.5.2",
105
105
  "@phosphor-icons/core": "^2.0.2",
106
- "@popperjs/core": "^2.10.1",
106
+ "@popperjs/core": "^2.10.2",
107
107
  "aphrodite": "^1.2.5",
108
- "classnames": "^1.1.4",
109
- "create-react-class": "^15.6.3",
108
+ "classnames": "1.1.4",
109
+ "create-react-class": "15.6.3",
110
110
  "intersection-observer": "^0.12.0",
111
111
  "jquery": "^2.1.1",
112
112
  "lodash.debounce": "^4.0.8",
113
- "prop-types": "^15.6.1",
113
+ "prop-types": "15.6.1",
114
114
  "react": "16.14.0",
115
115
  "react-dom": "16.14.0",
116
- "react-popper": "^2.0.0",
116
+ "react-popper": "^2.2.5",
117
117
  "underscore": "^1.4.4"
118
118
  },
119
119
  "keywords": []
package/dist/widgets/interactive-graphs/graphs/components/segment.d.ts DELETED
@@ -1,27 +0,0 @@
1
- /// <reference types="react" />
2
- import { vec } from "mafs";
3
- import type { Interval } from "mafs";
4
- type Props = {
5
- points: Readonly<[vec.Vector2, vec.Vector2]>;
6
- onMovePoint: (endpointIndex: number, destination: vec.Vector2) => unknown;
7
- onMoveLine: (delta: vec.Vector2) => unknown;
8
- color?: string;
9
- extend?: {
10
- start: boolean;
11
- end: boolean;
12
- };
13
- };
14
- export declare const Segment: (props: Props) => JSX.Element;
15
- type MovableLineProps = {
16
- start: vec.Vector2;
17
- end: vec.Vector2;
18
- onMove: (delta: vec.Vector2) => unknown;
19
- stroke?: string | undefined;
20
- extend?: undefined | {
21
- start: boolean;
22
- end: boolean;
23
- };
24
- };
25
- export declare const MovableLine: (props: MovableLineProps) => JSX.Element;
26
- export declare function trimRange(range: [Interval, Interval], graphDimensionsInPixels: vec.Vector2): [Interval, Interval];
27
- export {};