@khanacademy/perseus-editor 39.0.0 → 40.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/dist/article-editor.d.ts +1 -1
- package/dist/components/util.d.ts +0 -1
- package/dist/es/index.js +107 -112
- package/dist/es/index.js.map +1 -1
- package/dist/index.js +106 -111
- package/dist/index.js.map +1 -1
- package/dist/styles/global-colors.d.ts +0 -5
- package/dist/testing/feature-flags-util.d.ts +1 -0
- package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts +32 -22
- package/dist/widgets/label-image-editor/marker.d.ts +5 -19
- package/package.json +13 -11
- package/dist/components/dropdown-option.d.ts +0 -31
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
export declare const gray98 = "#FAFAFA";
|
|
2
|
-
export declare const gray95 = "#F0F1F2";
|
|
3
|
-
export declare const gray85 = "#D6D8DA";
|
|
4
|
-
export declare const gray76 = "#BABEC2";
|
|
5
1
|
export declare const gray68 = "#888D93";
|
|
6
2
|
export declare const gray41 = "#626569";
|
|
7
|
-
export declare const gray17 = "#21242C";
|
|
@@ -8,6 +8,7 @@ export declare function getFeatureFlags(overrides?: Partial<typeof DEFAULT_FEATU
|
|
|
8
8
|
"perseus-renderer-upgrade": boolean;
|
|
9
9
|
"desmos-calculator": boolean;
|
|
10
10
|
"article-extras": boolean;
|
|
11
|
+
"dnd-widget-fitb": boolean;
|
|
11
12
|
"perseus-test-flag-1": boolean;
|
|
12
13
|
"perseus-test-flag-2": boolean;
|
|
13
14
|
};
|
|
@@ -47,7 +47,7 @@ declare const InteractiveGraph: {
|
|
|
47
47
|
isMobile?: boolean;
|
|
48
48
|
isMobileApp?: boolean;
|
|
49
49
|
hintProgressColor?: string;
|
|
50
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
50
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
51
51
|
}> & {
|
|
52
52
|
baseElements: NonNullable<Readonly<{
|
|
53
53
|
isArticle?: boolean;
|
|
@@ -77,7 +77,7 @@ declare const InteractiveGraph: {
|
|
|
77
77
|
isMobile?: boolean;
|
|
78
78
|
isMobileApp?: boolean;
|
|
79
79
|
hintProgressColor?: string;
|
|
80
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
80
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
81
81
|
}>["baseElements"]>;
|
|
82
82
|
isArticle: NonNullable<Readonly<{
|
|
83
83
|
isArticle?: boolean;
|
|
@@ -107,7 +107,7 @@ declare const InteractiveGraph: {
|
|
|
107
107
|
isMobile?: boolean;
|
|
108
108
|
isMobileApp?: boolean;
|
|
109
109
|
hintProgressColor?: string;
|
|
110
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
110
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
111
111
|
}>["isArticle"]>;
|
|
112
112
|
isMobile: NonNullable<Readonly<{
|
|
113
113
|
isArticle?: boolean;
|
|
@@ -137,7 +137,7 @@ declare const InteractiveGraph: {
|
|
|
137
137
|
isMobile?: boolean;
|
|
138
138
|
isMobileApp?: boolean;
|
|
139
139
|
hintProgressColor?: string;
|
|
140
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
140
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
141
141
|
}>["isMobile"]>;
|
|
142
142
|
isMobileApp: NonNullable<Readonly<{
|
|
143
143
|
isArticle?: boolean;
|
|
@@ -167,7 +167,7 @@ declare const InteractiveGraph: {
|
|
|
167
167
|
isMobile?: boolean;
|
|
168
168
|
isMobileApp?: boolean;
|
|
169
169
|
hintProgressColor?: string;
|
|
170
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
170
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
171
171
|
}>["isMobileApp"]>;
|
|
172
172
|
editingDisabled: NonNullable<Readonly<{
|
|
173
173
|
isArticle?: boolean;
|
|
@@ -197,7 +197,7 @@ declare const InteractiveGraph: {
|
|
|
197
197
|
isMobile?: boolean;
|
|
198
198
|
isMobileApp?: boolean;
|
|
199
199
|
hintProgressColor?: string;
|
|
200
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
200
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
201
201
|
}>["editingDisabled"]>;
|
|
202
202
|
onFocusChange: NonNullable<Readonly<{
|
|
203
203
|
isArticle?: boolean;
|
|
@@ -227,7 +227,7 @@ declare const InteractiveGraph: {
|
|
|
227
227
|
isMobile?: boolean;
|
|
228
228
|
isMobileApp?: boolean;
|
|
229
229
|
hintProgressColor?: string;
|
|
230
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
230
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
231
231
|
}>["onFocusChange"]>;
|
|
232
232
|
readOnly: NonNullable<Readonly<{
|
|
233
233
|
isArticle?: boolean;
|
|
@@ -257,7 +257,7 @@ declare const InteractiveGraph: {
|
|
|
257
257
|
isMobile?: boolean;
|
|
258
258
|
isMobileApp?: boolean;
|
|
259
259
|
hintProgressColor?: string;
|
|
260
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
260
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
261
261
|
}>["readOnly"]>;
|
|
262
262
|
showAlignmentOptions: NonNullable<Readonly<{
|
|
263
263
|
isArticle?: boolean;
|
|
@@ -287,7 +287,7 @@ declare const InteractiveGraph: {
|
|
|
287
287
|
isMobile?: boolean;
|
|
288
288
|
isMobileApp?: boolean;
|
|
289
289
|
hintProgressColor?: string;
|
|
290
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
290
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
291
291
|
}>["showAlignmentOptions"]>;
|
|
292
292
|
}>;
|
|
293
293
|
keypadElement?: any;
|
|
@@ -296,10 +296,15 @@ declare const InteractiveGraph: {
|
|
|
296
296
|
findWidgets: import("../../../../perseus/src/types").FindWidgetsFunction;
|
|
297
297
|
reviewMode: boolean;
|
|
298
298
|
showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
|
|
299
|
-
handleUserInput: (newUserInput: PerseusGraphType, cb
|
|
299
|
+
handleUserInput: (newUserInput: PerseusGraphType, cb
|
|
300
|
+
/**
|
|
300
301
|
* Whether to show tooltips on the graph.
|
|
301
302
|
* (Currently not used, but will be in the future.)
|
|
302
|
-
|
|
303
|
+
*/
|
|
304
|
+
? /**
|
|
305
|
+
* Whether to show tooltips on the graph.
|
|
306
|
+
* (Currently not used, but will be in the future.)
|
|
307
|
+
*/: () => void, silent?: boolean) => void;
|
|
303
308
|
linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
|
|
304
309
|
containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
|
|
305
310
|
step: [number, number];
|
|
@@ -387,7 +392,7 @@ declare const InteractiveGraph: {
|
|
|
387
392
|
isMobile?: boolean;
|
|
388
393
|
isMobileApp?: boolean;
|
|
389
394
|
hintProgressColor?: string;
|
|
390
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
395
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
391
396
|
}> & {
|
|
392
397
|
baseElements: NonNullable<Readonly<{
|
|
393
398
|
isArticle?: boolean;
|
|
@@ -417,7 +422,7 @@ declare const InteractiveGraph: {
|
|
|
417
422
|
isMobile?: boolean;
|
|
418
423
|
isMobileApp?: boolean;
|
|
419
424
|
hintProgressColor?: string;
|
|
420
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
425
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
421
426
|
}>["baseElements"]>;
|
|
422
427
|
isArticle: NonNullable<Readonly<{
|
|
423
428
|
isArticle?: boolean;
|
|
@@ -447,7 +452,7 @@ declare const InteractiveGraph: {
|
|
|
447
452
|
isMobile?: boolean;
|
|
448
453
|
isMobileApp?: boolean;
|
|
449
454
|
hintProgressColor?: string;
|
|
450
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
455
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
451
456
|
}>["isArticle"]>;
|
|
452
457
|
isMobile: NonNullable<Readonly<{
|
|
453
458
|
isArticle?: boolean;
|
|
@@ -477,7 +482,7 @@ declare const InteractiveGraph: {
|
|
|
477
482
|
isMobile?: boolean;
|
|
478
483
|
isMobileApp?: boolean;
|
|
479
484
|
hintProgressColor?: string;
|
|
480
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
485
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
481
486
|
}>["isMobile"]>;
|
|
482
487
|
isMobileApp: NonNullable<Readonly<{
|
|
483
488
|
isArticle?: boolean;
|
|
@@ -507,7 +512,7 @@ declare const InteractiveGraph: {
|
|
|
507
512
|
isMobile?: boolean;
|
|
508
513
|
isMobileApp?: boolean;
|
|
509
514
|
hintProgressColor?: string;
|
|
510
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
515
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
511
516
|
}>["isMobileApp"]>;
|
|
512
517
|
editingDisabled: NonNullable<Readonly<{
|
|
513
518
|
isArticle?: boolean;
|
|
@@ -537,7 +542,7 @@ declare const InteractiveGraph: {
|
|
|
537
542
|
isMobile?: boolean;
|
|
538
543
|
isMobileApp?: boolean;
|
|
539
544
|
hintProgressColor?: string;
|
|
540
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
545
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
541
546
|
}>["editingDisabled"]>;
|
|
542
547
|
onFocusChange: NonNullable<Readonly<{
|
|
543
548
|
isArticle?: boolean;
|
|
@@ -567,7 +572,7 @@ declare const InteractiveGraph: {
|
|
|
567
572
|
isMobile?: boolean;
|
|
568
573
|
isMobileApp?: boolean;
|
|
569
574
|
hintProgressColor?: string;
|
|
570
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
575
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
571
576
|
}>["onFocusChange"]>;
|
|
572
577
|
readOnly: NonNullable<Readonly<{
|
|
573
578
|
isArticle?: boolean;
|
|
@@ -597,7 +602,7 @@ declare const InteractiveGraph: {
|
|
|
597
602
|
isMobile?: boolean;
|
|
598
603
|
isMobileApp?: boolean;
|
|
599
604
|
hintProgressColor?: string;
|
|
600
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
605
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
601
606
|
}>["readOnly"]>;
|
|
602
607
|
showAlignmentOptions: NonNullable<Readonly<{
|
|
603
608
|
isArticle?: boolean;
|
|
@@ -627,7 +632,7 @@ declare const InteractiveGraph: {
|
|
|
627
632
|
isMobile?: boolean;
|
|
628
633
|
isMobileApp?: boolean;
|
|
629
634
|
hintProgressColor?: string;
|
|
630
|
-
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras", boolean>;
|
|
635
|
+
flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
|
|
631
636
|
}>["showAlignmentOptions"]>;
|
|
632
637
|
}>;
|
|
633
638
|
keypadElement?: any;
|
|
@@ -636,10 +641,15 @@ declare const InteractiveGraph: {
|
|
|
636
641
|
findWidgets: import("../../../../perseus/src/types").FindWidgetsFunction;
|
|
637
642
|
reviewMode: boolean;
|
|
638
643
|
showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
|
|
639
|
-
handleUserInput: (newUserInput: PerseusGraphType, cb
|
|
644
|
+
handleUserInput: (newUserInput: PerseusGraphType, cb
|
|
645
|
+
/**
|
|
646
|
+
* Whether to show tooltips on the graph.
|
|
647
|
+
* (Currently not used, but will be in the future.)
|
|
648
|
+
*/
|
|
649
|
+
? /**
|
|
640
650
|
* Whether to show tooltips on the graph.
|
|
641
651
|
* (Currently not used, but will be in the future.)
|
|
642
|
-
*/: boolean) => void;
|
|
652
|
+
*/: () => void, silent?: boolean) => void;
|
|
643
653
|
linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
|
|
644
654
|
containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
|
|
645
655
|
step: [number, number];
|
|
@@ -6,26 +6,12 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import type { PerseusLabelImageWidgetOptions } from "@khanacademy/perseus-core";
|
|
9
|
-
type
|
|
9
|
+
export type MarkerHandle = {
|
|
10
|
+
openDropdown: () => void;
|
|
11
|
+
};
|
|
12
|
+
declare const Marker: React.ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusLabelImageMarker & {
|
|
10
13
|
choices: PerseusLabelImageWidgetOptions["choices"];
|
|
11
14
|
onChange: (marker: PerseusLabelImageWidgetOptions["markers"][number]) => void;
|
|
12
15
|
onRemove: () => void;
|
|
13
|
-
}
|
|
14
|
-
type State = {
|
|
15
|
-
showDropdown: boolean;
|
|
16
|
-
};
|
|
17
|
-
declare class Marker extends React.Component<MarkerProps, State> {
|
|
18
|
-
_marker: HTMLElement | null | undefined;
|
|
19
|
-
state: State;
|
|
20
|
-
componentDidMount(): void;
|
|
21
|
-
UNSAFE_componentWillReceiveProps(nextProps: MarkerProps): void;
|
|
22
|
-
componentWillUnmount(): void;
|
|
23
|
-
openDropdown(): void;
|
|
24
|
-
updateAnswers(answers: string[]): void;
|
|
25
|
-
updateLabel(label: string): void;
|
|
26
|
-
handleClick: (e: MouseEvent) => void;
|
|
27
|
-
handleLabelChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
28
|
-
handleSelectAnswer: (toggleAnswer: string) => void;
|
|
29
|
-
render(): React.ReactNode;
|
|
30
|
-
}
|
|
16
|
+
} & React.RefAttributes<MarkerHandle>>;
|
|
31
17
|
export default Marker;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Perseus editors",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "
|
|
6
|
+
"version": "40.0.0",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
"mafs": "^0.19.0",
|
|
37
37
|
"tiny-invariant": "1.3.1",
|
|
38
38
|
"@khanacademy/kas": "2.2.6",
|
|
39
|
-
"@khanacademy/keypad-context": "3.2.
|
|
40
|
-
"@khanacademy/kmath": "2.4.
|
|
41
|
-
"@khanacademy/math-input": "27.0.
|
|
42
|
-
"@khanacademy/perseus": "
|
|
43
|
-
"@khanacademy/perseus-core": "38.1.
|
|
44
|
-
"@khanacademy/perseus-linter": "5.2.
|
|
39
|
+
"@khanacademy/keypad-context": "3.2.89",
|
|
40
|
+
"@khanacademy/kmath": "2.4.48",
|
|
41
|
+
"@khanacademy/math-input": "27.0.11",
|
|
42
|
+
"@khanacademy/perseus": "86.0.0",
|
|
43
|
+
"@khanacademy/perseus-core": "38.1.1",
|
|
44
|
+
"@khanacademy/perseus-linter": "5.2.2",
|
|
45
45
|
"@khanacademy/perseus-utils": "2.1.5"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@khanacademy/wonder-blocks-button": "11.7.7",
|
|
53
53
|
"@khanacademy/wonder-blocks-clickable": "8.2.9",
|
|
54
54
|
"@khanacademy/wonder-blocks-core": "12.4.4",
|
|
55
|
-
"@khanacademy/wonder-blocks-dropdown": "10.
|
|
55
|
+
"@khanacademy/wonder-blocks-dropdown": "10.12.0",
|
|
56
56
|
"@khanacademy/wonder-blocks-form": "7.6.10",
|
|
57
57
|
"@khanacademy/wonder-blocks-icon": "5.3.23",
|
|
58
58
|
"@khanacademy/wonder-blocks-icon-button": "11.4.5",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"@khanacademy/wonder-blocks-layout": "3.1.60",
|
|
61
61
|
"@khanacademy/wonder-blocks-link": "10.3.9",
|
|
62
62
|
"@khanacademy/wonder-blocks-pill": "3.1.73",
|
|
63
|
+
"@khanacademy/wonder-blocks-popover": "6.3.12",
|
|
63
64
|
"@khanacademy/wonder-blocks-switch": "3.4.9",
|
|
64
65
|
"@khanacademy/wonder-blocks-timing": "7.1.0",
|
|
65
66
|
"@khanacademy/wonder-blocks-tokens": "17.3.0",
|
|
@@ -77,14 +78,14 @@
|
|
|
77
78
|
"perseus-build-settings": "0.9.1"
|
|
78
79
|
},
|
|
79
80
|
"peerDependencies": {
|
|
80
|
-
"@khanacademy/mathjax-renderer": "^3.
|
|
81
|
+
"@khanacademy/mathjax-renderer": "^3.2.0",
|
|
81
82
|
"@khanacademy/wonder-blocks-accordion": "^3.1.69",
|
|
82
83
|
"@khanacademy/wonder-blocks-badge": "^1.1.21",
|
|
83
84
|
"@khanacademy/wonder-blocks-banner": "^5.1.11",
|
|
84
85
|
"@khanacademy/wonder-blocks-button": "^11.7.7",
|
|
85
86
|
"@khanacademy/wonder-blocks-clickable": "^8.2.9",
|
|
86
87
|
"@khanacademy/wonder-blocks-core": "^12.4.4",
|
|
87
|
-
"@khanacademy/wonder-blocks-dropdown": "^10.
|
|
88
|
+
"@khanacademy/wonder-blocks-dropdown": "^10.12.0",
|
|
88
89
|
"@khanacademy/wonder-blocks-form": "^7.6.10",
|
|
89
90
|
"@khanacademy/wonder-blocks-icon": "^5.3.23",
|
|
90
91
|
"@khanacademy/wonder-blocks-icon-button": "^11.4.5",
|
|
@@ -92,6 +93,7 @@
|
|
|
92
93
|
"@khanacademy/wonder-blocks-layout": "^3.1.60",
|
|
93
94
|
"@khanacademy/wonder-blocks-link": "^10.3.9",
|
|
94
95
|
"@khanacademy/wonder-blocks-pill": "^3.1.73",
|
|
96
|
+
"@khanacademy/wonder-blocks-popover": "^6.3.12",
|
|
95
97
|
"@khanacademy/wonder-blocks-switch": "^3.4.9",
|
|
96
98
|
"@khanacademy/wonder-blocks-timing": "^7.1.0",
|
|
97
99
|
"@khanacademy/wonder-blocks-tokens": "^17.3.0",
|
|
@@ -108,7 +110,7 @@
|
|
|
108
110
|
},
|
|
109
111
|
"keywords": [],
|
|
110
112
|
"khan": {
|
|
111
|
-
"catalogHash": "
|
|
113
|
+
"catalogHash": "13ae9a40665627de"
|
|
112
114
|
},
|
|
113
115
|
"scripts": {}
|
|
114
116
|
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
type Props = {
|
|
3
|
-
value: string;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
selected?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
onDropdownClose?: () => void;
|
|
9
|
-
hideFocusState?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
ariaLabel?: string;
|
|
12
|
-
};
|
|
13
|
-
declare class Option extends React.Component<Props> {
|
|
14
|
-
node: HTMLDivElement;
|
|
15
|
-
handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>): void;
|
|
16
|
-
render(): React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
declare class OptionGroup extends React.Component<{
|
|
19
|
-
onSelected: (value: string) => void;
|
|
20
|
-
children?: Array<React.ReactElement<React.ComponentProps<typeof Option>>>;
|
|
21
|
-
selectedValues: Array<string>;
|
|
22
|
-
noMargin?: boolean;
|
|
23
|
-
onDropdownClose?: () => void;
|
|
24
|
-
hideFocusState?: boolean;
|
|
25
|
-
}> {
|
|
26
|
-
focusedElement: Element;
|
|
27
|
-
componentDidMount(): void;
|
|
28
|
-
render(): React.ReactNode;
|
|
29
|
-
}
|
|
30
|
-
export { OptionGroup };
|
|
31
|
-
export default Option;
|