@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.
Files changed (35) hide show
  1. package/es/common/components/ImportModal/ImportFileSelector/index.js +71 -72
  2. package/es/common/components/ImportModal/ImportFileSelector/styles.js +27 -0
  3. package/es/common/components/ImportModal/ImportFileSelector/theme.js +4 -2
  4. package/es/common/components/shared/Card/CardContent/index.js +16 -18
  5. package/es/common/components/shared/Card/CardContent/theme.js +4 -2
  6. package/es/common/components/shared/Card/CardWrapper/index.js +13 -17
  7. package/es/common/components/shared/Card/CardWrapper/theme.js +4 -2
  8. package/es/common/components/shared/Card/index.js +7 -7
  9. package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +1 -1
  10. package/es/reporting/components/resources/ReportCard/index.js +1 -1
  11. package/lib/common/components/ImportModal/ImportFileSelector/index.js +69 -74
  12. package/lib/common/components/ImportModal/ImportFileSelector/styles.js +35 -0
  13. package/lib/common/components/ImportModal/ImportFileSelector/theme.js +6 -3
  14. package/lib/common/components/shared/Card/CardContent/index.js +16 -21
  15. package/lib/common/components/shared/Card/CardContent/theme.js +6 -3
  16. package/lib/common/components/shared/Card/CardWrapper/index.js +13 -19
  17. package/lib/common/components/shared/Card/CardWrapper/theme.js +6 -3
  18. package/lib/common/components/shared/Card/index.js +7 -7
  19. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +1 -1
  20. package/lib/reporting/components/resources/ReportCard/index.js +1 -1
  21. package/package.json +9 -9
  22. package/es/common/components/shared/CardEmotion/CardContent/index.js +0 -48
  23. package/es/common/components/shared/CardEmotion/CardContent/theme.js +0 -20
  24. package/es/common/components/shared/CardEmotion/CardWrapper/index.js +0 -48
  25. package/es/common/components/shared/CardEmotion/CardWrapper/theme.js +0 -13
  26. package/es/common/components/shared/CardEmotion/index.js +0 -28
  27. package/lib/common/components/shared/CardEmotion/CardContent/index.js +0 -67
  28. package/lib/common/components/shared/CardEmotion/CardContent/theme.js +0 -28
  29. package/lib/common/components/shared/CardEmotion/CardWrapper/index.js +0 -66
  30. package/lib/common/components/shared/CardEmotion/CardWrapper/theme.js +0 -21
  31. package/lib/common/components/shared/CardEmotion/index.js +0 -46
  32. /package/es/common/components/shared/{CardEmotion → Card}/CardContent/styles.js +0 -0
  33. /package/es/common/components/shared/{CardEmotion → Card}/CardWrapper/styles.js +0 -0
  34. /package/lib/common/components/shared/{CardEmotion → Card}/CardContent/styles.js +0 -0
  35. /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;