@instructure/quiz-core 20.11.5-rc.2 → 20.11.5-rc.4
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/ImportModal/ImportFileSelector/index.js +71 -72
- package/es/common/components/ImportModal/ImportFileSelector/styles.js +27 -0
- package/es/common/components/ImportModal/ImportFileSelector/theme.js +4 -2
- package/es/common/components/shared/Card/CardContent/index.js +16 -18
- package/es/common/components/shared/Card/CardContent/theme.js +4 -2
- package/es/common/components/shared/Card/CardWrapper/index.js +13 -17
- package/es/common/components/shared/Card/CardWrapper/theme.js +4 -2
- package/es/common/components/shared/Card/index.js +7 -7
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +1 -1
- package/es/reporting/components/resources/ReportCard/index.js +1 -1
- package/lib/common/components/ImportModal/ImportFileSelector/index.js +69 -74
- package/lib/common/components/ImportModal/ImportFileSelector/styles.js +35 -0
- package/lib/common/components/ImportModal/ImportFileSelector/theme.js +6 -3
- package/lib/common/components/shared/Card/CardContent/index.js +16 -21
- package/lib/common/components/shared/Card/CardContent/theme.js +6 -3
- package/lib/common/components/shared/Card/CardWrapper/index.js +13 -19
- package/lib/common/components/shared/Card/CardWrapper/theme.js +6 -3
- package/lib/common/components/shared/Card/index.js +7 -7
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +1 -1
- package/lib/reporting/components/resources/ReportCard/index.js +1 -1
- package/package.json +9 -9
- package/es/common/components/shared/CardEmotion/CardContent/index.js +0 -48
- package/es/common/components/shared/CardEmotion/CardContent/theme.js +0 -20
- package/es/common/components/shared/CardEmotion/CardWrapper/index.js +0 -48
- package/es/common/components/shared/CardEmotion/CardWrapper/theme.js +0 -13
- package/es/common/components/shared/CardEmotion/index.js +0 -28
- package/lib/common/components/shared/CardEmotion/CardContent/index.js +0 -67
- package/lib/common/components/shared/CardEmotion/CardContent/theme.js +0 -28
- package/lib/common/components/shared/CardEmotion/CardWrapper/index.js +0 -66
- package/lib/common/components/shared/CardEmotion/CardWrapper/theme.js +0 -21
- package/lib/common/components/shared/CardEmotion/index.js +0 -46
- /package/es/common/components/shared/{CardEmotion → Card}/CardContent/styles.js +0 -0
- /package/es/common/components/shared/{CardEmotion → Card}/CardWrapper/styles.js +0 -0
- /package/lib/common/components/shared/{CardEmotion → Card}/CardContent/styles.js +0 -0
- /package/lib/common/components/shared/{CardEmotion → Card}/CardWrapper/styles.js +0 -0
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
-
|
|
7
|
-
var _dec, _class, _class2, _temp;
|
|
8
|
-
|
|
9
|
-
/** @jsx jsx */
|
|
10
|
-
import { Component } from 'react';
|
|
11
|
-
import PropTypes from 'prop-types';
|
|
12
|
-
import { withStyle, jsx } from '@instructure/emotion';
|
|
13
|
-
import { View } from '@instructure/ui-view';
|
|
14
|
-
import generateStyle from "./styles.js";
|
|
15
|
-
import generateComponentTheme from "./theme.js";
|
|
16
|
-
export var CardWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
17
|
-
_inherits(CardWrapper, _Component);
|
|
18
|
-
|
|
19
|
-
var _super = _createSuper(CardWrapper);
|
|
20
|
-
|
|
21
|
-
function CardWrapper() {
|
|
22
|
-
_classCallCheck(this, CardWrapper);
|
|
23
|
-
|
|
24
|
-
return _super.apply(this, arguments);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
_createClass(CardWrapper, [{
|
|
28
|
-
key: "render",
|
|
29
|
-
value: function render() {
|
|
30
|
-
return jsx(View, {
|
|
31
|
-
as: "div",
|
|
32
|
-
height: "100%"
|
|
33
|
-
}, jsx("div", {
|
|
34
|
-
css: _objectSpread(_objectSpread({}, this.props.styles.wrapper), this.props.customStyles)
|
|
35
|
-
}, this.props.children));
|
|
36
|
-
}
|
|
37
|
-
}]);
|
|
38
|
-
|
|
39
|
-
CardWrapper.displayName = "CardWrapper";
|
|
40
|
-
return CardWrapper;
|
|
41
|
-
}(Component), _class2.propTypes = {
|
|
42
|
-
children: PropTypes.node.isRequired,
|
|
43
|
-
customStyles: PropTypes.object,
|
|
44
|
-
styles: PropTypes.object
|
|
45
|
-
}, _class2.defaultProps = {
|
|
46
|
-
customStyles: {}
|
|
47
|
-
}, _temp)) || _class);
|
|
48
|
-
export default CardWrapper;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
var generateComponentTheme = function generateComponentTheme(_ref) {
|
|
2
|
-
var spacing = _ref.spacing,
|
|
3
|
-
breakpoints = _ref.breakpoints,
|
|
4
|
-
transitions = _ref.transitions;
|
|
5
|
-
return {
|
|
6
|
-
wrapperPadding: spacing.medium,
|
|
7
|
-
wrapperTransitionDuration: transitions.duration,
|
|
8
|
-
phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
|
|
9
|
-
phoneWrapperPadding: spacing.medium
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default generateComponentTheme;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import CardContent from "./CardContent/index.js";
|
|
5
|
-
import CardWrapper from "./CardWrapper/index.js";
|
|
6
|
-
export function Card(_ref) {
|
|
7
|
-
var children = _ref.children,
|
|
8
|
-
wrapped = _ref.wrapped,
|
|
9
|
-
wrapperClassName = _ref.wrapperClassName,
|
|
10
|
-
props = _objectWithoutProperties(_ref, ["children", "wrapped", "wrapperClassName"]);
|
|
11
|
-
|
|
12
|
-
var card = /*#__PURE__*/React.createElement(CardContent, props, children);
|
|
13
|
-
return wrapped ? /*#__PURE__*/React.createElement(CardWrapper, {
|
|
14
|
-
style: wrapperClassName
|
|
15
|
-
}, card) : card;
|
|
16
|
-
}
|
|
17
|
-
Card.propTypes = {
|
|
18
|
-
children: PropTypes.node.isRequired,
|
|
19
|
-
customStyles: PropTypes.object,
|
|
20
|
-
wrapperClassName: PropTypes.object,
|
|
21
|
-
wrapped: PropTypes.bool
|
|
22
|
-
};
|
|
23
|
-
Card.defaultProps = {
|
|
24
|
-
wrapped: false,
|
|
25
|
-
customStyles: null,
|
|
26
|
-
wrapperClassName: null
|
|
27
|
-
};
|
|
28
|
-
export default Card;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.CardContent = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
-
|
|
20
|
-
var _react = require("react");
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
|
-
var _omit = _interopRequireDefault(require("lodash/omit"));
|
|
25
|
-
|
|
26
|
-
var _emotion = require("@instructure/emotion");
|
|
27
|
-
|
|
28
|
-
var _uiView = require("@instructure/ui-view");
|
|
29
|
-
|
|
30
|
-
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
31
|
-
|
|
32
|
-
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
33
|
-
|
|
34
|
-
var _dec, _class, _class2, _temp;
|
|
35
|
-
|
|
36
|
-
var CardContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
37
|
-
(0, _inherits2.default)(CardContent, _Component);
|
|
38
|
-
|
|
39
|
-
var _super = (0, _createSuper2.default)(CardContent);
|
|
40
|
-
|
|
41
|
-
function CardContent() {
|
|
42
|
-
(0, _classCallCheck2.default)(this, CardContent);
|
|
43
|
-
return _super.apply(this, arguments);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
(0, _createClass2.default)(CardContent, [{
|
|
47
|
-
key: "render",
|
|
48
|
-
value: function render() {
|
|
49
|
-
return (0, _emotion.jsx)(_uiView.View, {
|
|
50
|
-
as: "div"
|
|
51
|
-
}, (0, _emotion.jsx)("div", Object.assign({
|
|
52
|
-
css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.content), this.props.customStyles)
|
|
53
|
-
}, (0, _omit.default)(this.props, Object.keys(CardContent.propTypes))), this.props.children));
|
|
54
|
-
}
|
|
55
|
-
}]);
|
|
56
|
-
CardContent.displayName = "CardContent";
|
|
57
|
-
return CardContent;
|
|
58
|
-
}(_react.Component), _class2.propTypes = {
|
|
59
|
-
children: _propTypes.default.node.isRequired,
|
|
60
|
-
customStyles: _propTypes.default.object,
|
|
61
|
-
styles: _propTypes.default.object
|
|
62
|
-
}, _class2.defaultProps = {
|
|
63
|
-
customStyles: {}
|
|
64
|
-
}, _temp)) || _class);
|
|
65
|
-
exports.CardContent = CardContent;
|
|
66
|
-
var _default = CardContent;
|
|
67
|
-
exports.default = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var generateComponentTheme = function generateComponentTheme(_ref) {
|
|
9
|
-
var spacing = _ref.spacing,
|
|
10
|
-
shadows = _ref.shadows,
|
|
11
|
-
colors = _ref.colors,
|
|
12
|
-
breakpoints = _ref.breakpoints,
|
|
13
|
-
transitions = _ref.transitions;
|
|
14
|
-
return {
|
|
15
|
-
contentTransitionDuration: transitions.duration,
|
|
16
|
-
contentBackgroundColor: colors.white,
|
|
17
|
-
contentMaxWidth: '79.5rem',
|
|
18
|
-
contentMargin: spacing.medium,
|
|
19
|
-
phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
|
|
20
|
-
phoneContentMargin: spacing.xSmall,
|
|
21
|
-
contentBoxShadow: shadows.depth1,
|
|
22
|
-
contentBorderColor: colors.tiara,
|
|
23
|
-
contentBorderRadius: '4px'
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var _default = generateComponentTheme;
|
|
28
|
-
exports.default = _default;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = exports.CardWrapper = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
-
|
|
20
|
-
var _react = require("react");
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
|
-
var _emotion = require("@instructure/emotion");
|
|
25
|
-
|
|
26
|
-
var _uiView = require("@instructure/ui-view");
|
|
27
|
-
|
|
28
|
-
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
29
|
-
|
|
30
|
-
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
31
|
-
|
|
32
|
-
var _dec, _class, _class2, _temp;
|
|
33
|
-
|
|
34
|
-
var CardWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
35
|
-
(0, _inherits2.default)(CardWrapper, _Component);
|
|
36
|
-
|
|
37
|
-
var _super = (0, _createSuper2.default)(CardWrapper);
|
|
38
|
-
|
|
39
|
-
function CardWrapper() {
|
|
40
|
-
(0, _classCallCheck2.default)(this, CardWrapper);
|
|
41
|
-
return _super.apply(this, arguments);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
(0, _createClass2.default)(CardWrapper, [{
|
|
45
|
-
key: "render",
|
|
46
|
-
value: function render() {
|
|
47
|
-
return (0, _emotion.jsx)(_uiView.View, {
|
|
48
|
-
as: "div",
|
|
49
|
-
height: "100%"
|
|
50
|
-
}, (0, _emotion.jsx)("div", {
|
|
51
|
-
css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.wrapper), this.props.customStyles)
|
|
52
|
-
}, this.props.children));
|
|
53
|
-
}
|
|
54
|
-
}]);
|
|
55
|
-
CardWrapper.displayName = "CardWrapper";
|
|
56
|
-
return CardWrapper;
|
|
57
|
-
}(_react.Component), _class2.propTypes = {
|
|
58
|
-
children: _propTypes.default.node.isRequired,
|
|
59
|
-
customStyles: _propTypes.default.object,
|
|
60
|
-
styles: _propTypes.default.object
|
|
61
|
-
}, _class2.defaultProps = {
|
|
62
|
-
customStyles: {}
|
|
63
|
-
}, _temp)) || _class);
|
|
64
|
-
exports.CardWrapper = CardWrapper;
|
|
65
|
-
var _default = CardWrapper;
|
|
66
|
-
exports.default = _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var generateComponentTheme = function generateComponentTheme(_ref) {
|
|
9
|
-
var spacing = _ref.spacing,
|
|
10
|
-
breakpoints = _ref.breakpoints,
|
|
11
|
-
transitions = _ref.transitions;
|
|
12
|
-
return {
|
|
13
|
-
wrapperPadding: spacing.medium,
|
|
14
|
-
wrapperTransitionDuration: transitions.duration,
|
|
15
|
-
phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
|
|
16
|
-
phoneWrapperPadding: spacing.medium
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var _default = generateComponentTheme;
|
|
21
|
-
exports.default = _default;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Card = Card;
|
|
9
|
-
exports.default = void 0;
|
|
10
|
-
|
|
11
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
-
|
|
13
|
-
var _react = _interopRequireDefault(require("react"));
|
|
14
|
-
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
|
|
17
|
-
var _index = _interopRequireDefault(require("./CardContent/index.js"));
|
|
18
|
-
|
|
19
|
-
var _index2 = _interopRequireDefault(require("./CardWrapper/index.js"));
|
|
20
|
-
|
|
21
|
-
function Card(_ref) {
|
|
22
|
-
var children = _ref.children,
|
|
23
|
-
wrapped = _ref.wrapped,
|
|
24
|
-
wrapperClassName = _ref.wrapperClassName,
|
|
25
|
-
props = (0, _objectWithoutProperties2.default)(_ref, ["children", "wrapped", "wrapperClassName"]);
|
|
26
|
-
|
|
27
|
-
var card = /*#__PURE__*/_react.default.createElement(_index.default, props, children);
|
|
28
|
-
|
|
29
|
-
return wrapped ? /*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
30
|
-
style: wrapperClassName
|
|
31
|
-
}, card) : card;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
Card.propTypes = {
|
|
35
|
-
children: _propTypes.default.node.isRequired,
|
|
36
|
-
customStyles: _propTypes.default.object,
|
|
37
|
-
wrapperClassName: _propTypes.default.object,
|
|
38
|
-
wrapped: _propTypes.default.bool
|
|
39
|
-
};
|
|
40
|
-
Card.defaultProps = {
|
|
41
|
-
wrapped: false,
|
|
42
|
-
customStyles: null,
|
|
43
|
-
wrapperClassName: null
|
|
44
|
-
};
|
|
45
|
-
var _default = Card;
|
|
46
|
-
exports.default = _default;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|