@atlaskit/quiz-widget 2.1.10 → 2.1.12
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 +57 -16
- package/dist/cjs/components/QuizWidget/styled.js +22 -0
- package/dist/cjs/styled.js +3 -0
- package/dist/es2019/components/QuizWidget/styled.js +21 -0
- package/dist/es2019/styled.js +2 -0
- package/dist/esm/components/QuizWidget/styled.js +21 -0
- package/dist/esm/styled.js +2 -0
- package/dist/types/components/QuizWidget/index.d.ts +1 -1
- package/dist/types-ts4.5/components/QuizWidget/index.d.ts +1 -1
- package/docs/0-intro.tsx +28 -26
- package/package.json +53 -55
- package/report.api.md +23 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,48 @@
|
|
|
1
1
|
# @atlaskit/quiz-widget
|
|
2
2
|
|
|
3
|
+
## 2.1.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 2.1.11
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 2.1.10
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007)
|
|
19
|
+
- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007)
|
|
20
|
+
[`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) -
|
|
21
|
+
Migrated to the new button component
|
|
8
22
|
|
|
9
23
|
## 2.1.9
|
|
10
24
|
|
|
11
25
|
### Patch Changes
|
|
12
26
|
|
|
13
|
-
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
27
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
28
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
29
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
14
30
|
|
|
15
31
|
## 2.1.8
|
|
16
32
|
|
|
17
33
|
### Patch Changes
|
|
18
34
|
|
|
19
|
-
- [#80509](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80509)
|
|
35
|
+
- [#80509](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80509)
|
|
36
|
+
[`fcf7481f594f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcf7481f594f) -
|
|
37
|
+
Upgrade dependency of `@emotion/styled` to version 11
|
|
20
38
|
|
|
21
39
|
## 2.1.7
|
|
22
40
|
|
|
23
41
|
### Patch Changes
|
|
24
42
|
|
|
25
|
-
- [#61323](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61323)
|
|
43
|
+
- [#61323](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61323)
|
|
44
|
+
[`e9e3532437e8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e9e3532437e8) -
|
|
45
|
+
Converted spacing values to corresponding space tokens
|
|
26
46
|
|
|
27
47
|
## 2.1.6
|
|
28
48
|
|
|
@@ -46,25 +66,33 @@
|
|
|
46
66
|
|
|
47
67
|
### Patch Changes
|
|
48
68
|
|
|
49
|
-
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
|
|
69
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
|
|
70
|
+
[`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
|
|
71
|
+
version.json
|
|
50
72
|
|
|
51
73
|
## 2.1.2
|
|
52
74
|
|
|
53
75
|
### Patch Changes
|
|
54
76
|
|
|
55
|
-
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
77
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
78
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
79
|
+
legacy types are published for TS 4.5-4.8
|
|
56
80
|
|
|
57
81
|
## 2.1.1
|
|
58
82
|
|
|
59
83
|
### Patch Changes
|
|
60
84
|
|
|
61
|
-
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
85
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
86
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
|
|
87
|
+
Typescript from `4.5.5` to `4.9.5`
|
|
62
88
|
|
|
63
89
|
## 2.1.0
|
|
64
90
|
|
|
65
91
|
### Minor Changes
|
|
66
92
|
|
|
67
|
-
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
93
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
94
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
95
|
+
minor dependency bump
|
|
68
96
|
|
|
69
97
|
### Patch Changes
|
|
70
98
|
|
|
@@ -74,19 +102,25 @@
|
|
|
74
102
|
|
|
75
103
|
### Patch Changes
|
|
76
104
|
|
|
77
|
-
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
105
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
106
|
+
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
|
|
107
|
+
Typescript from `4.3.5` to `4.5.5`
|
|
78
108
|
|
|
79
109
|
## 2.0.5
|
|
80
110
|
|
|
81
111
|
### Patch Changes
|
|
82
112
|
|
|
83
|
-
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
113
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
114
|
+
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
|
|
115
|
+
Typescript from `4.2.4` to `4.3.5`.
|
|
84
116
|
|
|
85
117
|
## 2.0.4
|
|
86
118
|
|
|
87
119
|
### Patch Changes
|
|
88
120
|
|
|
89
|
-
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
121
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
122
|
+
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
|
|
123
|
+
to TypeScript 4.2.4
|
|
90
124
|
- Updated dependencies
|
|
91
125
|
|
|
92
126
|
## 2.0.3
|
|
@@ -99,18 +133,25 @@
|
|
|
99
133
|
|
|
100
134
|
### Patch Changes
|
|
101
135
|
|
|
102
|
-
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
136
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
137
|
+
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
|
|
138
|
+
packages using babel rather than tsc
|
|
103
139
|
|
|
104
140
|
## 2.0.1
|
|
105
141
|
|
|
106
142
|
### Patch Changes
|
|
107
143
|
|
|
108
|
-
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
109
|
-
|
|
110
|
-
|
|
144
|
+
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
145
|
+
[`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
|
|
146
|
+
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
|
|
147
|
+
compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
|
|
148
|
+
versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
|
|
149
|
+
`devDependencies` to denote version that the package was built with.
|
|
111
150
|
|
|
112
151
|
## 2.0.0
|
|
113
152
|
|
|
114
153
|
### Major Changes
|
|
115
154
|
|
|
116
|
-
- [#5392](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5392)
|
|
155
|
+
- [#5392](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5392)
|
|
156
|
+
[`8298fd2ed1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8298fd2ed1) - Create new
|
|
157
|
+
react element for passing quizzes
|
|
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Score = exports.QuizName = exports.QuizBlock = exports.Quiz = exports.Question = exports.NavQuiz = exports.NavAction = exports.Header = exports.Footer = exports.Answer = void 0;
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
12
|
var Quiz = exports.Quiz = _styled.default.div({
|
|
10
13
|
display: 'flex',
|
|
11
14
|
flexDirection: 'column',
|
|
@@ -17,17 +20,23 @@ var Quiz = exports.Quiz = _styled.default.div({
|
|
|
17
20
|
minWidth: '300px',
|
|
18
21
|
maxWidth: '380px'
|
|
19
22
|
});
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
20
25
|
var QuizName = exports.QuizName = _styled.default.div({
|
|
21
26
|
margin: '3px 0',
|
|
22
27
|
fontSize: '24px',
|
|
23
28
|
fontWeight: 500,
|
|
24
29
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
25
30
|
});
|
|
31
|
+
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
26
33
|
var Header = exports.Header = _styled.default.div({
|
|
27
34
|
display: 'flex',
|
|
28
35
|
alignItems: 'start',
|
|
29
36
|
flexDirection: 'column'
|
|
30
37
|
});
|
|
38
|
+
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
31
40
|
var QuizBlock = exports.QuizBlock = _styled.default.ul({
|
|
32
41
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
33
42
|
paddingLeft: '15px',
|
|
@@ -36,6 +45,8 @@ var QuizBlock = exports.QuizBlock = _styled.default.ul({
|
|
|
36
45
|
marginTop: 0,
|
|
37
46
|
minHeight: '105px'
|
|
38
47
|
});
|
|
48
|
+
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
39
50
|
var Footer = exports.Footer = _styled.default.div({
|
|
40
51
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
41
52
|
display: 'flex',
|
|
@@ -43,6 +54,8 @@ var Footer = exports.Footer = _styled.default.div({
|
|
|
43
54
|
alignItems: 'center',
|
|
44
55
|
maxHeight: '32px'
|
|
45
56
|
});
|
|
57
|
+
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
46
59
|
var Question = exports.Question = _styled.default.div({
|
|
47
60
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
48
61
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
@@ -51,21 +64,28 @@ var Question = exports.Question = _styled.default.div({
|
|
|
51
64
|
color: '#707070',
|
|
52
65
|
textAlign: 'left'
|
|
53
66
|
});
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
54
69
|
var NavQuiz = exports.NavQuiz = _styled.default.div({
|
|
55
70
|
display: 'flex',
|
|
56
71
|
alignContent: 'center',
|
|
57
72
|
justifyContent: 'center',
|
|
58
73
|
padding: '0 0 0 3px',
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
59
75
|
':hover': {
|
|
60
76
|
color: 'grey'
|
|
61
77
|
}
|
|
62
78
|
});
|
|
79
|
+
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
63
81
|
var NavAction = exports.NavAction = _styled.default.span({
|
|
64
82
|
fontSize: '14px',
|
|
65
83
|
fontWeight: 500,
|
|
66
84
|
display: 'flex',
|
|
67
85
|
alignItems: 'center'
|
|
68
86
|
});
|
|
87
|
+
|
|
88
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
69
89
|
var Score = exports.Score = _styled.default.div({
|
|
70
90
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
71
91
|
marginTop: '10px',
|
|
@@ -77,6 +97,8 @@ var Score = exports.Score = _styled.default.div({
|
|
|
77
97
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
78
98
|
gap: '5px'
|
|
79
99
|
});
|
|
100
|
+
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
80
102
|
var Answer = exports.Answer = _styled.default.div({
|
|
81
103
|
display: 'flex',
|
|
82
104
|
alignItems: 'flex-end',
|
package/dist/cjs/styled.js
CHANGED
|
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.QuizWrapper = void 0;
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
12
|
var QuizWrapper = exports.QuizWrapper = _styled.default.div({
|
|
10
13
|
display: 'flex',
|
|
11
14
|
justifyContent: 'center',
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import styled from '@emotion/styled';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
2
4
|
export const Quiz = styled.div({
|
|
3
5
|
display: 'flex',
|
|
4
6
|
flexDirection: 'column',
|
|
@@ -10,17 +12,23 @@ export const Quiz = styled.div({
|
|
|
10
12
|
minWidth: '300px',
|
|
11
13
|
maxWidth: '380px'
|
|
12
14
|
});
|
|
15
|
+
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
17
|
export const QuizName = styled.div({
|
|
14
18
|
margin: '3px 0',
|
|
15
19
|
fontSize: '24px',
|
|
16
20
|
fontWeight: 500,
|
|
17
21
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
18
22
|
});
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
25
|
export const Header = styled.div({
|
|
20
26
|
display: 'flex',
|
|
21
27
|
alignItems: 'start',
|
|
22
28
|
flexDirection: 'column'
|
|
23
29
|
});
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
24
32
|
export const QuizBlock = styled.ul({
|
|
25
33
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
26
34
|
paddingLeft: '15px',
|
|
@@ -29,6 +37,8 @@ export const QuizBlock = styled.ul({
|
|
|
29
37
|
marginTop: 0,
|
|
30
38
|
minHeight: '105px'
|
|
31
39
|
});
|
|
40
|
+
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
32
42
|
export const Footer = styled.div({
|
|
33
43
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
34
44
|
display: 'flex',
|
|
@@ -36,6 +46,8 @@ export const Footer = styled.div({
|
|
|
36
46
|
alignItems: 'center',
|
|
37
47
|
maxHeight: '32px'
|
|
38
48
|
});
|
|
49
|
+
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
39
51
|
export const Question = styled.div({
|
|
40
52
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
41
53
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
@@ -44,21 +56,28 @@ export const Question = styled.div({
|
|
|
44
56
|
color: '#707070',
|
|
45
57
|
textAlign: 'left'
|
|
46
58
|
});
|
|
59
|
+
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
47
61
|
export const NavQuiz = styled.div({
|
|
48
62
|
display: 'flex',
|
|
49
63
|
alignContent: 'center',
|
|
50
64
|
justifyContent: 'center',
|
|
51
65
|
padding: '0 0 0 3px',
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
52
67
|
':hover': {
|
|
53
68
|
color: 'grey'
|
|
54
69
|
}
|
|
55
70
|
});
|
|
71
|
+
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
56
73
|
export const NavAction = styled.span({
|
|
57
74
|
fontSize: '14px',
|
|
58
75
|
fontWeight: 500,
|
|
59
76
|
display: 'flex',
|
|
60
77
|
alignItems: 'center'
|
|
61
78
|
});
|
|
79
|
+
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
62
81
|
export const Score = styled.div({
|
|
63
82
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
64
83
|
marginTop: '10px',
|
|
@@ -70,6 +89,8 @@ export const Score = styled.div({
|
|
|
70
89
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
71
90
|
gap: '5px'
|
|
72
91
|
});
|
|
92
|
+
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
73
94
|
export const Answer = styled.div({
|
|
74
95
|
display: 'flex',
|
|
75
96
|
alignItems: 'flex-end',
|
package/dist/es2019/styled.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import styled from '@emotion/styled';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
2
4
|
export const QuizWrapper = styled.div({
|
|
3
5
|
display: 'flex',
|
|
4
6
|
justifyContent: 'center',
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import styled from '@emotion/styled';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
2
4
|
export var Quiz = styled.div({
|
|
3
5
|
display: 'flex',
|
|
4
6
|
flexDirection: 'column',
|
|
@@ -10,17 +12,23 @@ export var Quiz = styled.div({
|
|
|
10
12
|
minWidth: '300px',
|
|
11
13
|
maxWidth: '380px'
|
|
12
14
|
});
|
|
15
|
+
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
17
|
export var QuizName = styled.div({
|
|
14
18
|
margin: '3px 0',
|
|
15
19
|
fontSize: '24px',
|
|
16
20
|
fontWeight: 500,
|
|
17
21
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
18
22
|
});
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
25
|
export var Header = styled.div({
|
|
20
26
|
display: 'flex',
|
|
21
27
|
alignItems: 'start',
|
|
22
28
|
flexDirection: 'column'
|
|
23
29
|
});
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
24
32
|
export var QuizBlock = styled.ul({
|
|
25
33
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
26
34
|
paddingLeft: '15px',
|
|
@@ -29,6 +37,8 @@ export var QuizBlock = styled.ul({
|
|
|
29
37
|
marginTop: 0,
|
|
30
38
|
minHeight: '105px'
|
|
31
39
|
});
|
|
40
|
+
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
32
42
|
export var Footer = styled.div({
|
|
33
43
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
34
44
|
display: 'flex',
|
|
@@ -36,6 +46,8 @@ export var Footer = styled.div({
|
|
|
36
46
|
alignItems: 'center',
|
|
37
47
|
maxHeight: '32px'
|
|
38
48
|
});
|
|
49
|
+
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
39
51
|
export var Question = styled.div({
|
|
40
52
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
41
53
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
@@ -44,21 +56,28 @@ export var Question = styled.div({
|
|
|
44
56
|
color: '#707070',
|
|
45
57
|
textAlign: 'left'
|
|
46
58
|
});
|
|
59
|
+
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
47
61
|
export var NavQuiz = styled.div({
|
|
48
62
|
display: 'flex',
|
|
49
63
|
alignContent: 'center',
|
|
50
64
|
justifyContent: 'center',
|
|
51
65
|
padding: '0 0 0 3px',
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
52
67
|
':hover': {
|
|
53
68
|
color: 'grey'
|
|
54
69
|
}
|
|
55
70
|
});
|
|
71
|
+
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
56
73
|
export var NavAction = styled.span({
|
|
57
74
|
fontSize: '14px',
|
|
58
75
|
fontWeight: 500,
|
|
59
76
|
display: 'flex',
|
|
60
77
|
alignItems: 'center'
|
|
61
78
|
});
|
|
79
|
+
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
62
81
|
export var Score = styled.div({
|
|
63
82
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
64
83
|
marginTop: '10px',
|
|
@@ -70,6 +89,8 @@ export var Score = styled.div({
|
|
|
70
89
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
|
|
71
90
|
gap: '5px'
|
|
72
91
|
});
|
|
92
|
+
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
73
94
|
export var Answer = styled.div({
|
|
74
95
|
display: 'flex',
|
|
75
96
|
alignItems: 'flex-end',
|
package/dist/esm/styled.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import styled from '@emotion/styled';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
2
4
|
export var QuizWrapper = styled.div({
|
|
3
5
|
display: 'flex',
|
|
4
6
|
justifyContent: 'center',
|
package/docs/0-intro.tsx
CHANGED
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
AtlassianInternalWarning,
|
|
5
|
+
code,
|
|
6
|
+
DevPreviewWarning,
|
|
7
|
+
Example,
|
|
8
|
+
md,
|
|
9
|
+
Props,
|
|
10
10
|
} from '@atlaskit/docs';
|
|
11
11
|
|
|
12
12
|
export default md`
|
|
13
13
|
|
|
14
14
|
${(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
<>
|
|
16
|
+
{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
|
|
17
|
+
<div style={{ marginBottom: '0.5rem' }}>
|
|
18
|
+
<AtlassianInternalWarning />
|
|
19
|
+
</div>
|
|
20
|
+
{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
|
|
21
|
+
<div style={{ marginTop: '0.5rem' }}>
|
|
22
|
+
<DevPreviewWarning />
|
|
23
|
+
</div>
|
|
24
|
+
</>
|
|
23
25
|
)}
|
|
24
26
|
|
|
25
27
|
## Usage
|
|
@@ -28,18 +30,18 @@ ${(
|
|
|
28
30
|
`}
|
|
29
31
|
|
|
30
32
|
${(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
<Example
|
|
34
|
+
packageName="@atlaskit/quiz-widget"
|
|
35
|
+
Component={require('../examples/0-Quiz-Widget').default}
|
|
36
|
+
title="Basic"
|
|
37
|
+
source={require('!!raw-loader!../examples/0-Quiz-Widget')}
|
|
38
|
+
/>
|
|
39
|
+
)}
|
|
38
40
|
|
|
39
41
|
${(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
<Props
|
|
43
|
+
heading="QuizWidget Props"
|
|
44
|
+
props={require('!!extract-react-types-loader!../src/components/QuizWidget/index')}
|
|
45
|
+
/>
|
|
46
|
+
)}
|
|
45
47
|
`;
|
package/package.json
CHANGED
|
@@ -1,56 +1,54 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
56
|
-
}
|
|
2
|
+
"name": "@atlaskit/quiz-widget",
|
|
3
|
+
"version": "2.1.12",
|
|
4
|
+
"description": "A React component that gives a possibility to pass quizzes",
|
|
5
|
+
"author": "Atlassian Pty Ltd",
|
|
6
|
+
"license": "Apache-2.0",
|
|
7
|
+
"af:exports": {
|
|
8
|
+
".": "./src/index.ts"
|
|
9
|
+
},
|
|
10
|
+
"publishConfig": {
|
|
11
|
+
"registry": "https://registry.npmjs.org/"
|
|
12
|
+
},
|
|
13
|
+
"atlassian": {
|
|
14
|
+
"team": "Jira Training App",
|
|
15
|
+
"releaseModel": "continuous",
|
|
16
|
+
"website": {
|
|
17
|
+
"name": "QuizWidget"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
21
|
+
"main": "dist/cjs/index.js",
|
|
22
|
+
"module": "dist/esm/index.js",
|
|
23
|
+
"module:es2019": "dist/es2019/index.js",
|
|
24
|
+
"types": "dist/types/index.d.ts",
|
|
25
|
+
"typesVersions": {
|
|
26
|
+
">=4.5 <4.9": {
|
|
27
|
+
"*": [
|
|
28
|
+
"dist/types-ts4.5/*",
|
|
29
|
+
"dist/types-ts4.5/index.d.ts"
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"sideEffects": false,
|
|
34
|
+
"atlaskit:src": "src/index.ts",
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@atlaskit/button": "^19.0.0",
|
|
37
|
+
"@atlaskit/icon": "^22.6.0",
|
|
38
|
+
"@atlaskit/radio": "^6.4.0",
|
|
39
|
+
"@atlaskit/spinner": "^16.2.0",
|
|
40
|
+
"@atlaskit/tokens": "^1.56.0",
|
|
41
|
+
"@babel/runtime": "^7.0.0",
|
|
42
|
+
"@emotion/styled": "^11.0.0"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"react": "^16.8.0",
|
|
46
|
+
"react-dom": "^16.8.0"
|
|
47
|
+
},
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"@testing-library/react": "^12.1.5",
|
|
50
|
+
"enzyme": "^3.10.0",
|
|
51
|
+
"typescript": "~5.4.2",
|
|
52
|
+
"wait-for-expect": "^1.2.0"
|
|
53
|
+
}
|
|
54
|
+
}
|
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/quiz-widget"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -19,33 +20,33 @@
|
|
|
19
20
|
|
|
20
21
|
// @public (undocumented)
|
|
21
22
|
interface Props {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// (undocumented)
|
|
24
|
+
correctAnswers?: QuizElement | null;
|
|
25
|
+
// (undocumented)
|
|
26
|
+
onNextButtonClick?: () => void;
|
|
27
|
+
// (undocumented)
|
|
28
|
+
onSubmitButtonClick?: (choosenAnswers: string[]) => void;
|
|
29
|
+
// (undocumented)
|
|
30
|
+
quizContent: QuizInterface;
|
|
31
|
+
// (undocumented)
|
|
32
|
+
score: null | number;
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
// @public (undocumented)
|
|
35
36
|
type QuizElement = {
|
|
36
|
-
|
|
37
|
+
[key: number]: string;
|
|
37
38
|
};
|
|
38
39
|
|
|
39
40
|
// @public (undocumented)
|
|
40
41
|
interface QuizInterface {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
// (undocumented)
|
|
43
|
+
answers: {
|
|
44
|
+
[key: number]: string[];
|
|
45
|
+
};
|
|
46
|
+
// (undocumented)
|
|
47
|
+
name: string;
|
|
48
|
+
// (undocumented)
|
|
49
|
+
questions: QuizElement;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
// @public (undocumented)
|
|
@@ -62,8 +63,8 @@ export const QuizWidget: (props: Props) => JSX.Element;
|
|
|
62
63
|
|
|
63
64
|
```json
|
|
64
65
|
{
|
|
65
|
-
|
|
66
|
-
|
|
66
|
+
"react": "^16.8.0",
|
|
67
|
+
"react-dom": "^16.8.0"
|
|
67
68
|
}
|
|
68
69
|
```
|
|
69
70
|
|