@instructure/quiz-core 18.9.1 → 18.9.2-rc.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/es/common/components/shared/Card/CardContent/index.js +3 -3
- package/es/common/components/shared/Card/CardContent/theme.js +5 -4
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +9 -9
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +0 -3
- package/es/reporting/components/resources/ReportCard/index.js +4 -4
- package/es/reporting/components/resources/ReportCard/theme.js +0 -2
- package/lib/common/components/shared/Card/CardContent/index.js +3 -3
- package/lib/common/components/shared/Card/CardContent/theme.js +5 -4
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +9 -9
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +0 -3
- package/lib/reporting/components/resources/ReportCard/index.js +4 -4
- package/lib/reporting/components/resources/ReportCard/theme.js +0 -2
- package/package.json +10 -10
|
@@ -12,11 +12,11 @@ import omit from 'lodash/omit';
|
|
|
12
12
|
import { themeable } from '@instructure/ui-themeable';
|
|
13
13
|
import { View } from '@instructure/ui-view';
|
|
14
14
|
var styles = {
|
|
15
|
-
componentId: '
|
|
15
|
+
componentId: 'fGJav',
|
|
16
16
|
template: function template(theme) {
|
|
17
|
-
return "\n\n.
|
|
17
|
+
return "\n\n.fGJav_caGd{background-color:".concat(theme.contentBackgroundColor || 'inherit', ";border:1px solid ").concat(theme.contentBorderColor || 'inherit', ";border-radius:").concat(theme.contentBorderRadius || 'inherit', ";box-shadow:").concat(theme.contentBoxShadow || 'inherit', ";margin:").concat(theme.contentMargin || 'inherit', " auto;max-width:").concat(theme.contentMaxWidth || 'inherit', ";transition:").concat(theme.contentTransitionDuration || 'inherit', " ease}\n\n@media screen and (--phoneBreakPoint){.fGJav_caGd{margin:").concat(theme.phoneContentMargin || 'inherit', " auto}}");
|
|
18
18
|
},
|
|
19
|
-
'content': '
|
|
19
|
+
'content': 'fGJav_caGd'
|
|
20
20
|
};
|
|
21
21
|
import theme from "./theme.js";
|
|
22
22
|
export var CardContent = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
export default function generator(_ref) {
|
|
2
2
|
var spacing = _ref.spacing,
|
|
3
|
+
shadows = _ref.shadows,
|
|
3
4
|
colors = _ref.colors,
|
|
4
|
-
borders = _ref.borders,
|
|
5
5
|
breakpoints = _ref.breakpoints,
|
|
6
6
|
transitions = _ref.transitions;
|
|
7
7
|
return {
|
|
8
8
|
contentTransitionDuration: transitions.duration,
|
|
9
|
-
contentBorderRadius: borders.radiusSmall,
|
|
10
9
|
contentBackgroundColor: colors.white,
|
|
11
|
-
contentBoxShadow: '2px 2px 12px 1px #ddd',
|
|
12
10
|
contentMaxWidth: '79.5rem',
|
|
13
11
|
contentMargin: spacing.medium,
|
|
14
12
|
phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
|
|
15
|
-
phoneContentMargin: spacing.xSmall
|
|
13
|
+
phoneContentMargin: spacing.xSmall,
|
|
14
|
+
contentBoxShadow: shadows.depth1,
|
|
15
|
+
contentBorderColor: colors.tiara,
|
|
16
|
+
contentBorderRadius: '4px'
|
|
16
17
|
};
|
|
17
18
|
}
|
|
@@ -16,17 +16,17 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
|
|
|
16
16
|
import { themeable } from '@instructure/ui-themeable';
|
|
17
17
|
import Card from "../../../../../common/components/shared/Card/index.js";
|
|
18
18
|
var styles = {
|
|
19
|
-
componentId: '
|
|
19
|
+
componentId: 'ebhXI',
|
|
20
20
|
template: function template(theme) {
|
|
21
|
-
return "\n\n.
|
|
21
|
+
return "\n\n.ebhXI_bqdH{column-gap:26px;display:flex;justify-content:flex-start;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.ebhXI_PFlN{display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.ebhXI_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.ebhXI_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.ebhXI_blRb{max-width:160px;padding-right:10px}\n\n.ebhXI_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.ebhXI_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.ebhXI_dJIh{height:auto}.ebhXI_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.ebhXI_bqdH{flex-wrap:wrap}}");
|
|
22
22
|
},
|
|
23
|
-
'metricsContainer': '
|
|
24
|
-
'reportCard': '
|
|
25
|
-
'emptyReportCard': '
|
|
26
|
-
'emptyCardBodyContainer': '
|
|
27
|
-
'dateContainer': '
|
|
28
|
-
'quizAnalysisSummary': '
|
|
29
|
-
'titleContainer': '
|
|
23
|
+
'metricsContainer': 'ebhXI_bqdH',
|
|
24
|
+
'reportCard': 'ebhXI_PFlN',
|
|
25
|
+
'emptyReportCard': 'ebhXI_dJIh',
|
|
26
|
+
'emptyCardBodyContainer': 'ebhXI_eWEX',
|
|
27
|
+
'dateContainer': 'ebhXI_blRb',
|
|
28
|
+
'quizAnalysisSummary': 'ebhXI_bxzy',
|
|
29
|
+
'titleContainer': 'ebhXI_dKIc'
|
|
30
30
|
};
|
|
31
31
|
import theme from "./theme.js";
|
|
32
32
|
import classnames from 'classnames';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export default function generator(_ref) {
|
|
2
2
|
var spacing = _ref.spacing,
|
|
3
|
-
borders = _ref.borders,
|
|
4
3
|
colors = _ref.colors;
|
|
5
4
|
return {
|
|
6
5
|
metricsPadding: spacing.medium,
|
|
@@ -8,8 +7,6 @@ export default function generator(_ref) {
|
|
|
8
7
|
cardWidth: '19.5rem',
|
|
9
8
|
cardPadding: spacing.medium,
|
|
10
9
|
cardMargin: spacing.xSmall,
|
|
11
|
-
cardBoxShadow: '1px 1px 3px 0 #ddd',
|
|
12
|
-
cardBorderRadius: borders.radiusMedium,
|
|
13
10
|
quizSummaryBorderBottomColor: colors.tiara
|
|
14
11
|
};
|
|
15
12
|
}
|
|
@@ -12,12 +12,12 @@ import { Link } from '@instructure/ui-link';
|
|
|
12
12
|
import { themeable } from '@instructure/ui-themeable';
|
|
13
13
|
import Card from "../../../../common/components/shared/Card/index.js";
|
|
14
14
|
var styles = {
|
|
15
|
-
componentId: '
|
|
15
|
+
componentId: 'fnaXq',
|
|
16
16
|
template: function template(theme) {
|
|
17
|
-
return "\n\n.
|
|
17
|
+
return "\n\n.fnaXq_fbIL{display:inline-flex;flex-direction:column;height:".concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.fnaXq_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.fnaXq_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
|
|
18
18
|
},
|
|
19
|
-
'card': '
|
|
20
|
-
'details': '
|
|
19
|
+
'card': 'fnaXq_fbIL',
|
|
20
|
+
'details': 'fnaXq_ebWM'
|
|
21
21
|
};
|
|
22
22
|
import theme from "./theme.js";
|
|
23
23
|
import { Flex } from '@instructure/ui-flex';
|
|
@@ -34,11 +34,11 @@ var _theme = _interopRequireDefault(require("./theme.js"));
|
|
|
34
34
|
var _dec, _class, _class2, _temp;
|
|
35
35
|
|
|
36
36
|
var styles = {
|
|
37
|
-
componentId: '
|
|
37
|
+
componentId: 'fGJav',
|
|
38
38
|
template: function template(theme) {
|
|
39
|
-
return "\n\n.
|
|
39
|
+
return "\n\n.fGJav_caGd{background-color:".concat(theme.contentBackgroundColor || 'inherit', ";border:1px solid ").concat(theme.contentBorderColor || 'inherit', ";border-radius:").concat(theme.contentBorderRadius || 'inherit', ";box-shadow:").concat(theme.contentBoxShadow || 'inherit', ";margin:").concat(theme.contentMargin || 'inherit', " auto;max-width:").concat(theme.contentMaxWidth || 'inherit', ";transition:").concat(theme.contentTransitionDuration || 'inherit', " ease}\n\n@media screen and (--phoneBreakPoint){.fGJav_caGd{margin:").concat(theme.phoneContentMargin || 'inherit', " auto}}");
|
|
40
40
|
},
|
|
41
|
-
'content': '
|
|
41
|
+
'content': 'fGJav_caGd'
|
|
42
42
|
};
|
|
43
43
|
var CardContent = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
44
44
|
(0, _inherits2.default)(CardContent, _Component);
|
|
@@ -7,18 +7,19 @@ exports.default = generator;
|
|
|
7
7
|
|
|
8
8
|
function generator(_ref) {
|
|
9
9
|
var spacing = _ref.spacing,
|
|
10
|
+
shadows = _ref.shadows,
|
|
10
11
|
colors = _ref.colors,
|
|
11
|
-
borders = _ref.borders,
|
|
12
12
|
breakpoints = _ref.breakpoints,
|
|
13
13
|
transitions = _ref.transitions;
|
|
14
14
|
return {
|
|
15
15
|
contentTransitionDuration: transitions.duration,
|
|
16
|
-
contentBorderRadius: borders.radiusSmall,
|
|
17
16
|
contentBackgroundColor: colors.white,
|
|
18
|
-
contentBoxShadow: '2px 2px 12px 1px #ddd',
|
|
19
17
|
contentMaxWidth: '79.5rem',
|
|
20
18
|
contentMargin: spacing.medium,
|
|
21
19
|
phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
|
|
22
|
-
phoneContentMargin: spacing.xSmall
|
|
20
|
+
phoneContentMargin: spacing.xSmall,
|
|
21
|
+
contentBoxShadow: shadows.depth1,
|
|
22
|
+
contentBorderColor: colors.tiara,
|
|
23
|
+
contentBorderRadius: '4px'
|
|
23
24
|
};
|
|
24
25
|
}
|
|
@@ -56,17 +56,17 @@ var _index4 = require("../ExportButton/index.js");
|
|
|
56
56
|
var _dec, _class, _class2, _temp;
|
|
57
57
|
|
|
58
58
|
var styles = {
|
|
59
|
-
componentId: '
|
|
59
|
+
componentId: 'ebhXI',
|
|
60
60
|
template: function template(theme) {
|
|
61
|
-
return "\n\n.
|
|
61
|
+
return "\n\n.ebhXI_bqdH{column-gap:26px;display:flex;justify-content:flex-start;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.ebhXI_PFlN{display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.ebhXI_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.ebhXI_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.ebhXI_blRb{max-width:160px;padding-right:10px}\n\n.ebhXI_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.ebhXI_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.ebhXI_dJIh{height:auto}.ebhXI_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.ebhXI_bqdH{flex-wrap:wrap}}");
|
|
62
62
|
},
|
|
63
|
-
'metricsContainer': '
|
|
64
|
-
'reportCard': '
|
|
65
|
-
'emptyReportCard': '
|
|
66
|
-
'emptyCardBodyContainer': '
|
|
67
|
-
'dateContainer': '
|
|
68
|
-
'quizAnalysisSummary': '
|
|
69
|
-
'titleContainer': '
|
|
63
|
+
'metricsContainer': 'ebhXI_bqdH',
|
|
64
|
+
'reportCard': 'ebhXI_PFlN',
|
|
65
|
+
'emptyReportCard': 'ebhXI_dJIh',
|
|
66
|
+
'emptyCardBodyContainer': 'ebhXI_eWEX',
|
|
67
|
+
'dateContainer': 'ebhXI_blRb',
|
|
68
|
+
'quizAnalysisSummary': 'ebhXI_bxzy',
|
|
69
|
+
'titleContainer': 'ebhXI_dKIc'
|
|
70
70
|
};
|
|
71
71
|
var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
72
72
|
(0, _inherits2.default)(NewQuizAndItemAnalysisReportCardPresenter, _Component);
|
|
@@ -7,7 +7,6 @@ exports.default = generator;
|
|
|
7
7
|
|
|
8
8
|
function generator(_ref) {
|
|
9
9
|
var spacing = _ref.spacing,
|
|
10
|
-
borders = _ref.borders,
|
|
11
10
|
colors = _ref.colors;
|
|
12
11
|
return {
|
|
13
12
|
metricsPadding: spacing.medium,
|
|
@@ -15,8 +14,6 @@ function generator(_ref) {
|
|
|
15
14
|
cardWidth: '19.5rem',
|
|
16
15
|
cardPadding: spacing.medium,
|
|
17
16
|
cardMargin: spacing.xSmall,
|
|
18
|
-
cardBoxShadow: '1px 1px 3px 0 #ddd',
|
|
19
|
-
cardBorderRadius: borders.radiusMedium,
|
|
20
17
|
quizSummaryBorderBottomColor: colors.tiara
|
|
21
18
|
};
|
|
22
19
|
}
|
|
@@ -38,12 +38,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
|
|
|
38
38
|
var _dec, _class, _class2, _temp;
|
|
39
39
|
|
|
40
40
|
var styles = {
|
|
41
|
-
componentId: '
|
|
41
|
+
componentId: 'fnaXq',
|
|
42
42
|
template: function template(theme) {
|
|
43
|
-
return "\n\n.
|
|
43
|
+
return "\n\n.fnaXq_fbIL{display:inline-flex;flex-direction:column;height:".concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.fnaXq_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.fnaXq_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
|
|
44
44
|
},
|
|
45
|
-
'card': '
|
|
46
|
-
'details': '
|
|
45
|
+
'card': 'fnaXq_fbIL',
|
|
46
|
+
'details': 'fnaXq_ebWM'
|
|
47
47
|
};
|
|
48
48
|
var ReportCard = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
49
49
|
(0, _inherits2.default)(ReportCard, _Component);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/quiz-core",
|
|
3
|
-
"version": "18.9.
|
|
3
|
+
"version": "18.9.2-rc.0+cb85f21de",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The Quiz React SDK by Instructure Inc.",
|
|
6
6
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@instructure/grading-utils": "^1.0.0",
|
|
45
45
|
"@instructure/outcomes-ui": "^2.1.9",
|
|
46
|
-
"@instructure/quiz-common": "
|
|
47
|
-
"@instructure/quiz-i18n": "
|
|
48
|
-
"@instructure/quiz-interactions": "
|
|
49
|
-
"@instructure/quiz-number-input": "
|
|
50
|
-
"@instructure/quiz-rce": "
|
|
46
|
+
"@instructure/quiz-common": "18.9.2-rc.0+cb85f21de",
|
|
47
|
+
"@instructure/quiz-i18n": "18.9.2-rc.0+cb85f21de",
|
|
48
|
+
"@instructure/quiz-interactions": "18.9.2-rc.0+cb85f21de",
|
|
49
|
+
"@instructure/quiz-number-input": "18.9.2-rc.0+cb85f21de",
|
|
50
|
+
"@instructure/quiz-rce": "18.9.2-rc.0+cb85f21de",
|
|
51
51
|
"@instructure/ui-a11y-content": "^7.22.1",
|
|
52
52
|
"@instructure/ui-alerts": "^7.22.1",
|
|
53
53
|
"@instructure/ui-avatar": "^7.22.1",
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"file-saver": "~2.0.5",
|
|
110
110
|
"humps": "^2.0.0",
|
|
111
111
|
"immutable": "^3.8.1",
|
|
112
|
-
"instructure-validations": "
|
|
112
|
+
"instructure-validations": "18.9.2-rc.0+cb85f21de",
|
|
113
113
|
"ipaddr.js": "^1.5.4",
|
|
114
114
|
"isomorphic-fetch": "^2.2.0",
|
|
115
115
|
"isuuid": "^0.1.0",
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
"uuid": "^3.2.1"
|
|
142
142
|
},
|
|
143
143
|
"devDependencies": {
|
|
144
|
-
"@instructure/quiz-scripts": "
|
|
144
|
+
"@instructure/quiz-scripts": "18.9.1",
|
|
145
145
|
"@instructure/ui-axe-check": "^7.22.1",
|
|
146
146
|
"@instructure/ui-babel-preset": "^7.22.1",
|
|
147
147
|
"@instructure/ui-karma-config": "^7.22.1",
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"intl": "^1.2.4",
|
|
161
161
|
"jquery": "^2.2.3",
|
|
162
162
|
"most-subject": "^5.3.0",
|
|
163
|
-
"quiz-presets": "
|
|
163
|
+
"quiz-presets": "18.9.2-rc.0+cb85f21de",
|
|
164
164
|
"react": "^16.8.6",
|
|
165
165
|
"react-addons-test-utils": "^15.6.2",
|
|
166
166
|
"react-dom": "^16.8.6",
|
|
@@ -176,5 +176,5 @@
|
|
|
176
176
|
"publishConfig": {
|
|
177
177
|
"access": "public"
|
|
178
178
|
},
|
|
179
|
-
"gitHead": "
|
|
179
|
+
"gitHead": "cb85f21dedb7207286e37a7e8680b43f7745ceb7"
|
|
180
180
|
}
|