@atlaskit/quiz-widget 2.0.6 → 2.1.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 +10 -0
- package/dist/cjs/components/QuizWidget/index.js +8 -29
- package/dist/cjs/components/QuizWidget/styled.js +0 -24
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/styled.js +0 -6
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/QuizWidget/index.js +2 -8
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/QuizWidget/index.js +8 -15
- package/dist/esm/components/QuizWidget/styled.js +0 -2
- package/dist/esm/styled.js +0 -2
- package/dist/esm/version.json +1 -1
- package/package.json +5 -12
- package/report.api.md +27 -6
- package/dist/types-ts4.0/components/QuizWidget/index.d.ts +0 -15
- package/dist/types-ts4.0/components/QuizWidget/styled.d.ts +0 -11
- package/dist/types-ts4.0/components/QuizWidget/types.d.ts +0 -10
- package/dist/types-ts4.0/index.d.ts +0 -1
- package/dist/types-ts4.0/styled.d.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/quiz-widget
|
|
2
2
|
|
|
3
|
+
## 2.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 2.0.6
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -1,71 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
17
|
-
|
|
18
12
|
var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
|
|
19
|
-
|
|
20
13
|
var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
|
|
21
|
-
|
|
22
14
|
var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
|
|
23
|
-
|
|
24
15
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
|
|
25
|
-
|
|
26
16
|
var _radio = require("@atlaskit/radio");
|
|
27
|
-
|
|
28
17
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
29
|
-
|
|
30
18
|
var _styled = require("./styled");
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
var QuizWidget = function QuizWidget(props) {
|
|
37
22
|
var _useState = (0, _react.useState)(1),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
24
|
+
currentQuestionNumber = _useState2[0],
|
|
25
|
+
setCurrentQuestionNumber = _useState2[1];
|
|
42
26
|
var _useState3 = (0, _react.useState)(new Map()),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
28
|
+
checkedAnswers = _useState4[0],
|
|
29
|
+
setCheckedAnswers = _useState4[1];
|
|
47
30
|
var _onChange = function onChange(e, index) {
|
|
48
31
|
var value = e.currentTarget.value;
|
|
49
32
|
!props.score ? setCheckedAnswers(function (prevState) {
|
|
50
33
|
return new Map(prevState).set(index, value);
|
|
51
34
|
}) : setCheckedAnswers(checkedAnswers);
|
|
52
35
|
};
|
|
53
|
-
|
|
54
36
|
var handlePrevClick = function handlePrevClick() {
|
|
55
37
|
setCurrentQuestionNumber(currentQuestionNumber - 1);
|
|
56
38
|
};
|
|
57
|
-
|
|
58
39
|
var handleNextClick = function handleNextClick() {
|
|
59
40
|
props.onNextButtonClick && props.onNextButtonClick();
|
|
60
41
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
61
42
|
};
|
|
62
|
-
|
|
63
43
|
var onSubmitButtonClick = function onSubmitButtonClick() {
|
|
64
44
|
var chosenQuizAnswers = Array.from(checkedAnswers.values());
|
|
65
45
|
props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
|
|
66
46
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
67
47
|
};
|
|
68
|
-
|
|
69
48
|
var questionsNumber = Object.keys(props.quizContent.questions).length;
|
|
70
49
|
var isLastSlide = currentQuestionNumber === questionsNumber + 1;
|
|
71
50
|
var isLastQuestion = currentQuestionNumber === questionsNumber;
|
|
@@ -79,7 +58,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
79
58
|
value: answer,
|
|
80
59
|
label: answer,
|
|
81
60
|
name: answer,
|
|
82
|
-
isChecked: answer === checkedAnswer
|
|
61
|
+
isChecked: answer === checkedAnswer
|
|
62
|
+
//error TS7006: Parameter 'e' implicitly has an 'any' type.
|
|
83
63
|
//@fixme TypeScript 4.2.4 upgrade
|
|
84
64
|
,
|
|
85
65
|
onChange: function onChange(e) {
|
|
@@ -117,6 +97,5 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
117
97
|
size: "large"
|
|
118
98
|
}))));
|
|
119
99
|
};
|
|
120
|
-
|
|
121
100
|
var _default = QuizWidget;
|
|
122
101
|
exports.default = _default;
|
|
@@ -1,54 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Score = exports.QuizName = exports.QuizBlock = exports.Quiz = exports.Question = exports.NavQuiz = exports.NavAction = exports.Header = exports.Footer = exports.Answer = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
13
|
-
|
|
14
10
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
15
|
-
|
|
16
11
|
var Quiz = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
|
|
17
|
-
|
|
18
12
|
exports.Quiz = Quiz;
|
|
19
|
-
|
|
20
13
|
var QuizName = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: 20px;\n"])));
|
|
21
|
-
|
|
22
14
|
exports.QuizName = QuizName;
|
|
23
|
-
|
|
24
15
|
var Header = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: start;\n flex-direction: column;\n"])));
|
|
25
|
-
|
|
26
16
|
exports.Header = Header;
|
|
27
|
-
|
|
28
17
|
var QuizBlock = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 15px;\n margin-bottom: 15px;\n margin-top: 0;\n min-height: 105px;\n"])));
|
|
29
|
-
|
|
30
18
|
exports.QuizBlock = QuizBlock;
|
|
31
|
-
|
|
32
19
|
var Footer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])));
|
|
33
|
-
|
|
34
20
|
exports.Footer = Footer;
|
|
35
|
-
|
|
36
21
|
var Question = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 6px;\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\n"])));
|
|
37
|
-
|
|
38
22
|
exports.Question = Question;
|
|
39
|
-
|
|
40
23
|
var NavQuiz = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n justify-content: center;\n padding: 0 0 0 3px;\n :hover {\n color: grey;\n }\n"])));
|
|
41
|
-
|
|
42
24
|
exports.NavQuiz = NavQuiz;
|
|
43
|
-
|
|
44
25
|
var NavAction = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n"])));
|
|
45
|
-
|
|
46
26
|
exports.NavAction = NavAction;
|
|
47
|
-
|
|
48
27
|
var Score = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 10px;\n padding-left: 6px;\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\n"])));
|
|
49
|
-
|
|
50
28
|
exports.Score = Score;
|
|
51
|
-
|
|
52
29
|
var Answer = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-end;\n max-height: 25px;\n"])));
|
|
53
|
-
|
|
54
30
|
exports.Answer = Answer;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "QuizWidget", {
|
|
|
11
10
|
return _QuizWidget.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _QuizWidget = _interopRequireDefault(require("./components/QuizWidget"));
|
package/dist/cjs/styled.js
CHANGED
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.QuizWrapper = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
var QuizWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n margin: 20px;\n"])));
|
|
17
|
-
|
|
18
12
|
exports.QuizWrapper = QuizWrapper;
|
package/dist/cjs/version.json
CHANGED
|
@@ -7,31 +7,25 @@ import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
|
7
7
|
import { Radio } from '@atlaskit/radio';
|
|
8
8
|
import Spinner from '@atlaskit/spinner';
|
|
9
9
|
import { Answer, Footer, Header, NavQuiz, Question, Quiz, QuizBlock, QuizName, Score, NavAction } from './styled';
|
|
10
|
-
|
|
11
10
|
const QuizWidget = props => {
|
|
12
11
|
const [currentQuestionNumber, setCurrentQuestionNumber] = useState(1);
|
|
13
12
|
const [checkedAnswers, setCheckedAnswers] = useState(new Map());
|
|
14
|
-
|
|
15
13
|
const onChange = (e, index) => {
|
|
16
14
|
const value = e.currentTarget.value;
|
|
17
15
|
!props.score ? setCheckedAnswers(prevState => new Map(prevState).set(index, value)) : setCheckedAnswers(checkedAnswers);
|
|
18
16
|
};
|
|
19
|
-
|
|
20
17
|
const handlePrevClick = () => {
|
|
21
18
|
setCurrentQuestionNumber(currentQuestionNumber - 1);
|
|
22
19
|
};
|
|
23
|
-
|
|
24
20
|
const handleNextClick = () => {
|
|
25
21
|
props.onNextButtonClick && props.onNextButtonClick();
|
|
26
22
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
27
23
|
};
|
|
28
|
-
|
|
29
24
|
const onSubmitButtonClick = () => {
|
|
30
25
|
const chosenQuizAnswers = Array.from(checkedAnswers.values());
|
|
31
26
|
props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
|
|
32
27
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
const questionsNumber = Object.keys(props.quizContent.questions).length;
|
|
36
30
|
const isLastSlide = currentQuestionNumber === questionsNumber + 1;
|
|
37
31
|
const isLastQuestion = currentQuestionNumber === questionsNumber;
|
|
@@ -45,7 +39,8 @@ const QuizWidget = props => {
|
|
|
45
39
|
value: answer,
|
|
46
40
|
label: answer,
|
|
47
41
|
name: answer,
|
|
48
|
-
isChecked: answer === checkedAnswer
|
|
42
|
+
isChecked: answer === checkedAnswer
|
|
43
|
+
//error TS7006: Parameter 'e' implicitly has an 'any' type.
|
|
49
44
|
//@fixme TypeScript 4.2.4 upgrade
|
|
50
45
|
,
|
|
51
46
|
onChange: e => onChange(e, currentQuestionNumber)
|
|
@@ -81,5 +76,4 @@ const QuizWidget = props => {
|
|
|
81
76
|
size: "large"
|
|
82
77
|
}))));
|
|
83
78
|
};
|
|
84
|
-
|
|
85
79
|
export default QuizWidget;
|
package/dist/es2019/version.json
CHANGED
|
@@ -8,40 +8,33 @@ import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
|
8
8
|
import { Radio } from '@atlaskit/radio';
|
|
9
9
|
import Spinner from '@atlaskit/spinner';
|
|
10
10
|
import { Answer, Footer, Header, NavQuiz, Question, Quiz, QuizBlock, QuizName, Score, NavAction } from './styled';
|
|
11
|
-
|
|
12
11
|
var QuizWidget = function QuizWidget(props) {
|
|
13
12
|
var _useState = useState(1),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14
|
+
currentQuestionNumber = _useState2[0],
|
|
15
|
+
setCurrentQuestionNumber = _useState2[1];
|
|
18
16
|
var _useState3 = useState(new Map()),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
18
|
+
checkedAnswers = _useState4[0],
|
|
19
|
+
setCheckedAnswers = _useState4[1];
|
|
23
20
|
var _onChange = function onChange(e, index) {
|
|
24
21
|
var value = e.currentTarget.value;
|
|
25
22
|
!props.score ? setCheckedAnswers(function (prevState) {
|
|
26
23
|
return new Map(prevState).set(index, value);
|
|
27
24
|
}) : setCheckedAnswers(checkedAnswers);
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
var handlePrevClick = function handlePrevClick() {
|
|
31
27
|
setCurrentQuestionNumber(currentQuestionNumber - 1);
|
|
32
28
|
};
|
|
33
|
-
|
|
34
29
|
var handleNextClick = function handleNextClick() {
|
|
35
30
|
props.onNextButtonClick && props.onNextButtonClick();
|
|
36
31
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
37
32
|
};
|
|
38
|
-
|
|
39
33
|
var onSubmitButtonClick = function onSubmitButtonClick() {
|
|
40
34
|
var chosenQuizAnswers = Array.from(checkedAnswers.values());
|
|
41
35
|
props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
|
|
42
36
|
setCurrentQuestionNumber(currentQuestionNumber + 1);
|
|
43
37
|
};
|
|
44
|
-
|
|
45
38
|
var questionsNumber = Object.keys(props.quizContent.questions).length;
|
|
46
39
|
var isLastSlide = currentQuestionNumber === questionsNumber + 1;
|
|
47
40
|
var isLastQuestion = currentQuestionNumber === questionsNumber;
|
|
@@ -55,7 +48,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
55
48
|
value: answer,
|
|
56
49
|
label: answer,
|
|
57
50
|
name: answer,
|
|
58
|
-
isChecked: answer === checkedAnswer
|
|
51
|
+
isChecked: answer === checkedAnswer
|
|
52
|
+
//error TS7006: Parameter 'e' implicitly has an 'any' type.
|
|
59
53
|
//@fixme TypeScript 4.2.4 upgrade
|
|
60
54
|
,
|
|
61
55
|
onChange: function onChange(e) {
|
|
@@ -93,5 +87,4 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
93
87
|
size: "large"
|
|
94
88
|
}))));
|
|
95
89
|
};
|
|
96
|
-
|
|
97
90
|
export default QuizWidget;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
|
|
3
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
4
|
-
|
|
5
3
|
import styled from '@emotion/styled';
|
|
6
4
|
export var Quiz = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
|
|
7
5
|
export var QuizName = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: 20px;\n"])));
|
package/dist/esm/styled.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
|
|
3
2
|
var _templateObject;
|
|
4
|
-
|
|
5
3
|
import styled from '@emotion/styled';
|
|
6
4
|
export var QuizWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: 20px;\n"])));
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/quiz-widget",
|
|
3
|
-
"version": "2.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "A React component that gives a possibility to pass quizzes",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -22,20 +22,13 @@
|
|
|
22
22
|
"module": "dist/esm/index.js",
|
|
23
23
|
"module:es2019": "dist/es2019/index.js",
|
|
24
24
|
"types": "dist/types/index.d.ts",
|
|
25
|
-
"typesVersions": {
|
|
26
|
-
">=4.0 <4.5": {
|
|
27
|
-
"*": [
|
|
28
|
-
"dist/types-ts4.0/*"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
25
|
"sideEffects": false,
|
|
33
26
|
"atlaskit:src": "src/index.ts",
|
|
34
27
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^16.
|
|
36
|
-
"@atlaskit/icon": "^21.
|
|
37
|
-
"@atlaskit/radio": "^5.
|
|
38
|
-
"@atlaskit/spinner": "^15.0
|
|
28
|
+
"@atlaskit/button": "^16.7.0",
|
|
29
|
+
"@atlaskit/icon": "^21.12.0",
|
|
30
|
+
"@atlaskit/radio": "^5.5.0",
|
|
31
|
+
"@atlaskit/spinner": "^15.5.0",
|
|
39
32
|
"@babel/runtime": "^7.0.0",
|
|
40
33
|
"@emotion/styled": "^10.0.7"
|
|
41
34
|
},
|
package/report.api.md
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
+
<!-- API Report Version: 2.3 -->
|
|
2
|
+
|
|
1
3
|
## API Report File for "@atlaskit/quiz-widget"
|
|
2
4
|
|
|
3
|
-
> Do not edit this file.
|
|
5
|
+
> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
|
|
6
|
+
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
|
+
|
|
8
|
+
### Table of contents
|
|
9
|
+
|
|
10
|
+
- [Main Entry Types](#main-entry-types)
|
|
11
|
+
- [Peer Dependencies](#peer-dependencies)
|
|
4
12
|
|
|
5
|
-
|
|
6
|
-
Generated API Report version: 2.0
|
|
7
|
-
-->
|
|
13
|
+
### Main Entry Types
|
|
8
14
|
|
|
9
|
-
|
|
15
|
+
<!--SECTION START: Main Entry Types-->
|
|
10
16
|
|
|
11
17
|
```ts
|
|
12
18
|
/// <reference types="react" />
|
|
@@ -22,7 +28,7 @@ interface Props {
|
|
|
22
28
|
// (undocumented)
|
|
23
29
|
quizContent: QuizInterface;
|
|
24
30
|
// (undocumented)
|
|
25
|
-
score:
|
|
31
|
+
score: null | number;
|
|
26
32
|
}
|
|
27
33
|
|
|
28
34
|
// @public (undocumented)
|
|
@@ -47,3 +53,18 @@ export const QuizWidget: (props: Props) => JSX.Element;
|
|
|
47
53
|
|
|
48
54
|
// (No @packageDocumentation comment for this package)
|
|
49
55
|
```
|
|
56
|
+
|
|
57
|
+
<!--SECTION END: Main Entry Types-->
|
|
58
|
+
|
|
59
|
+
### Peer Dependencies
|
|
60
|
+
|
|
61
|
+
<!--SECTION START: Peer Dependencies-->
|
|
62
|
+
|
|
63
|
+
```json
|
|
64
|
+
{
|
|
65
|
+
"react": "^16.8.0",
|
|
66
|
+
"react-dom": "^16.8.0"
|
|
67
|
+
}
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
<!--SECTION END: Peer Dependencies-->
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { QuizElement, QuizInterface } from './types';
|
|
3
|
-
export interface Props {
|
|
4
|
-
quizContent: QuizInterface;
|
|
5
|
-
score: number | null;
|
|
6
|
-
correctAnswers?: QuizElement | null;
|
|
7
|
-
onSubmitButtonClick?: (choosenAnswers: string[]) => void;
|
|
8
|
-
onNextButtonClick?: () => void;
|
|
9
|
-
}
|
|
10
|
-
export interface State {
|
|
11
|
-
currentQuestionNumber: number;
|
|
12
|
-
checkedAnswers: Map<number, string>;
|
|
13
|
-
}
|
|
14
|
-
declare const QuizWidget: (props: Props) => JSX.Element;
|
|
15
|
-
export default QuizWidget;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Quiz: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
-
export declare const QuizName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
-
export declare const Header: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
-
export declare const QuizBlock: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
|
|
6
|
-
export declare const Footer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
7
|
-
export declare const Question: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
8
|
-
export declare const NavQuiz: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
9
|
-
export declare const NavAction: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
10
|
-
export declare const Score: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
11
|
-
export declare const Answer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as QuizWidget } from './components/QuizWidget';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const QuizWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|