@atlaskit/quiz-widget 3.0.6 → 3.0.8
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
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/quiz-widget
|
|
2
2
|
|
|
3
|
+
## 3.0.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
|
|
8
|
+
[`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
|
|
9
|
+
Migrated usage of renamed/deprecated icons
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 3.0.7
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 3.0.6
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -10,14 +10,16 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
12
12
|
var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--check"));
|
|
13
|
-
var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/
|
|
14
|
-
var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/
|
|
15
|
-
var
|
|
13
|
+
var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
|
|
14
|
+
var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
|
|
15
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
|
|
16
16
|
var _radio = require("@atlaskit/radio");
|
|
17
17
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
18
18
|
var _styled = require("./styled");
|
|
19
19
|
var _primitives = require("@atlaskit/primitives");
|
|
20
20
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
22
|
+
|
|
21
23
|
var boxWrapperStyles = (0, _primitives.xcss)({
|
|
22
24
|
width: '32px',
|
|
23
25
|
height: '32px',
|
|
@@ -76,7 +78,7 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
76
78
|
spacing: "spacious",
|
|
77
79
|
label: "right",
|
|
78
80
|
color: "var(--ds-icon-success, #22A06B)"
|
|
79
|
-
}) : answer === checkedAnswer && /*#__PURE__*/_react.default.createElement(
|
|
81
|
+
}) : answer === checkedAnswer && /*#__PURE__*/_react.default.createElement(_cross.default, {
|
|
80
82
|
spacing: "spacious",
|
|
81
83
|
label: "wrong",
|
|
82
84
|
color: "var(--ds-icon-danger, #C9372C)"
|
|
@@ -95,7 +97,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
95
97
|
}, /*#__PURE__*/_react.default.createElement(_chevronLeftChevronLeftLarge.default, {
|
|
96
98
|
label: "prev",
|
|
97
99
|
color: "currentColor",
|
|
98
|
-
LEGACY_size: "large"
|
|
100
|
+
LEGACY_size: "large",
|
|
101
|
+
size: "small"
|
|
99
102
|
})), /*#__PURE__*/_react.default.createElement(_styled.NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
100
103
|
appearance: "primary",
|
|
101
104
|
onClick: onSubmitButtonClick,
|
|
@@ -109,7 +112,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
109
112
|
}, /*#__PURE__*/_react.default.createElement(_chevronRightChevronRightLarge.default, {
|
|
110
113
|
label: "next",
|
|
111
114
|
color: "currentColor",
|
|
112
|
-
LEGACY_size: "large"
|
|
115
|
+
LEGACY_size: "large",
|
|
116
|
+
size: "small"
|
|
113
117
|
})))) : /*#__PURE__*/_react.default.createElement(_styled.NavQuiz, {
|
|
114
118
|
onClick: handleNextClick
|
|
115
119
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
|
|
@@ -121,7 +125,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
121
125
|
}, /*#__PURE__*/_react.default.createElement(_chevronRightChevronRightLarge.default, {
|
|
122
126
|
label: "next",
|
|
123
127
|
color: "currentColor",
|
|
124
|
-
LEGACY_size: "large"
|
|
128
|
+
LEGACY_size: "large",
|
|
129
|
+
size: "small"
|
|
125
130
|
}))))));
|
|
126
131
|
};
|
|
127
132
|
var _default = exports.default = QuizWidget;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import Button from '@atlaskit/button';
|
|
3
3
|
import CheckIcon from '@atlaskit/icon/core/migration/check-mark--check';
|
|
4
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/
|
|
5
|
-
import ChevronRightLargeIcon from '@atlaskit/icon/
|
|
6
|
-
import CrossIcon from '@atlaskit/icon/core/migration/
|
|
4
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
|
|
5
|
+
import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
|
|
6
|
+
import CrossIcon from '@atlaskit/icon/core/migration/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
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
10
11
|
import { Flex, xcss } from '@atlaskit/primitives';
|
|
11
12
|
const boxWrapperStyles = xcss({
|
|
12
13
|
width: '32px',
|
|
@@ -75,7 +76,8 @@ const QuizWidget = props => {
|
|
|
75
76
|
}, /*#__PURE__*/React.createElement(ChevronLeftLargeIcon, {
|
|
76
77
|
label: "prev",
|
|
77
78
|
color: "currentColor",
|
|
78
|
-
LEGACY_size: "large"
|
|
79
|
+
LEGACY_size: "large",
|
|
80
|
+
size: "small"
|
|
79
81
|
})), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/React.createElement(Button, {
|
|
80
82
|
appearance: "primary",
|
|
81
83
|
onClick: onSubmitButtonClick,
|
|
@@ -89,7 +91,8 @@ const QuizWidget = props => {
|
|
|
89
91
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
90
92
|
label: "next",
|
|
91
93
|
color: "currentColor",
|
|
92
|
-
LEGACY_size: "large"
|
|
94
|
+
LEGACY_size: "large",
|
|
95
|
+
size: "small"
|
|
93
96
|
})))) : /*#__PURE__*/React.createElement(NavQuiz, {
|
|
94
97
|
onClick: handleNextClick
|
|
95
98
|
}, /*#__PURE__*/React.createElement(Flex, {
|
|
@@ -101,7 +104,8 @@ const QuizWidget = props => {
|
|
|
101
104
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
102
105
|
label: "next",
|
|
103
106
|
color: "currentColor",
|
|
104
|
-
LEGACY_size: "large"
|
|
107
|
+
LEGACY_size: "large",
|
|
108
|
+
size: "small"
|
|
105
109
|
}))))));
|
|
106
110
|
};
|
|
107
111
|
export default QuizWidget;
|
|
@@ -2,12 +2,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import Button from '@atlaskit/button';
|
|
4
4
|
import CheckIcon from '@atlaskit/icon/core/migration/check-mark--check';
|
|
5
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/
|
|
6
|
-
import ChevronRightLargeIcon from '@atlaskit/icon/
|
|
7
|
-
import CrossIcon from '@atlaskit/icon/core/migration/
|
|
5
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
|
|
6
|
+
import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
|
|
7
|
+
import CrossIcon from '@atlaskit/icon/core/migration/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
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
11
12
|
import { Flex, xcss } from '@atlaskit/primitives';
|
|
12
13
|
var boxWrapperStyles = xcss({
|
|
13
14
|
width: '32px',
|
|
@@ -86,7 +87,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
86
87
|
}, /*#__PURE__*/React.createElement(ChevronLeftLargeIcon, {
|
|
87
88
|
label: "prev",
|
|
88
89
|
color: "currentColor",
|
|
89
|
-
LEGACY_size: "large"
|
|
90
|
+
LEGACY_size: "large",
|
|
91
|
+
size: "small"
|
|
90
92
|
})), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/React.createElement(Button, {
|
|
91
93
|
appearance: "primary",
|
|
92
94
|
onClick: onSubmitButtonClick,
|
|
@@ -100,7 +102,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
100
102
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
101
103
|
label: "next",
|
|
102
104
|
color: "currentColor",
|
|
103
|
-
LEGACY_size: "large"
|
|
105
|
+
LEGACY_size: "large",
|
|
106
|
+
size: "small"
|
|
104
107
|
})))) : /*#__PURE__*/React.createElement(NavQuiz, {
|
|
105
108
|
onClick: handleNextClick
|
|
106
109
|
}, /*#__PURE__*/React.createElement(Flex, {
|
|
@@ -112,7 +115,8 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
112
115
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
113
116
|
label: "next",
|
|
114
117
|
color: "currentColor",
|
|
115
|
-
LEGACY_size: "large"
|
|
118
|
+
LEGACY_size: "large",
|
|
119
|
+
size: "small"
|
|
116
120
|
}))))));
|
|
117
121
|
};
|
|
118
122
|
export default QuizWidget;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/quiz-widget",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.8",
|
|
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",
|
|
@@ -35,11 +35,11 @@
|
|
|
35
35
|
"atlaskit:src": "src/index.ts",
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@atlaskit/button": "^23.2.0",
|
|
38
|
-
"@atlaskit/icon": "^
|
|
39
|
-
"@atlaskit/primitives": "^14.
|
|
38
|
+
"@atlaskit/icon": "^27.5.0",
|
|
39
|
+
"@atlaskit/primitives": "^14.10.0",
|
|
40
40
|
"@atlaskit/radio": "^8.1.0",
|
|
41
41
|
"@atlaskit/spinner": "^18.0.0",
|
|
42
|
-
"@atlaskit/tokens": "^5.
|
|
42
|
+
"@atlaskit/tokens": "^5.6.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@emotion/styled": "^11.0.0"
|
|
45
45
|
},
|