@atlaskit/quiz-widget 2.0.6 → 2.1.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/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 2.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 2.0.6
4
14
 
5
15
  ### Patch Changes
@@ -1,71 +1,50 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _button = _interopRequireDefault(require("@atlaskit/button"));
17
-
18
12
  var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
19
-
20
13
  var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
21
-
22
14
  var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
23
-
24
15
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
25
-
26
16
  var _radio = require("@atlaskit/radio");
27
-
28
17
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
29
-
30
18
  var _styled = require("./styled");
31
-
32
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
21
  var QuizWidget = function QuizWidget(props) {
37
22
  var _useState = (0, _react.useState)(1),
38
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
39
- currentQuestionNumber = _useState2[0],
40
- setCurrentQuestionNumber = _useState2[1];
41
-
23
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
24
+ currentQuestionNumber = _useState2[0],
25
+ setCurrentQuestionNumber = _useState2[1];
42
26
  var _useState3 = (0, _react.useState)(new Map()),
43
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
44
- checkedAnswers = _useState4[0],
45
- setCheckedAnswers = _useState4[1];
46
-
27
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
28
+ checkedAnswers = _useState4[0],
29
+ setCheckedAnswers = _useState4[1];
47
30
  var _onChange = function onChange(e, index) {
48
31
  var value = e.currentTarget.value;
49
32
  !props.score ? setCheckedAnswers(function (prevState) {
50
33
  return new Map(prevState).set(index, value);
51
34
  }) : setCheckedAnswers(checkedAnswers);
52
35
  };
53
-
54
36
  var handlePrevClick = function handlePrevClick() {
55
37
  setCurrentQuestionNumber(currentQuestionNumber - 1);
56
38
  };
57
-
58
39
  var handleNextClick = function handleNextClick() {
59
40
  props.onNextButtonClick && props.onNextButtonClick();
60
41
  setCurrentQuestionNumber(currentQuestionNumber + 1);
61
42
  };
62
-
63
43
  var onSubmitButtonClick = function onSubmitButtonClick() {
64
44
  var chosenQuizAnswers = Array.from(checkedAnswers.values());
65
45
  props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
66
46
  setCurrentQuestionNumber(currentQuestionNumber + 1);
67
47
  };
68
-
69
48
  var questionsNumber = Object.keys(props.quizContent.questions).length;
70
49
  var isLastSlide = currentQuestionNumber === questionsNumber + 1;
71
50
  var isLastQuestion = currentQuestionNumber === questionsNumber;
@@ -79,7 +58,8 @@ var QuizWidget = function QuizWidget(props) {
79
58
  value: answer,
80
59
  label: answer,
81
60
  name: answer,
82
- isChecked: answer === checkedAnswer //error TS7006: Parameter 'e' implicitly has an 'any' type.
61
+ isChecked: answer === checkedAnswer
62
+ //error TS7006: Parameter 'e' implicitly has an 'any' type.
83
63
  //@fixme TypeScript 4.2.4 upgrade
84
64
  ,
85
65
  onChange: function onChange(e) {
@@ -117,6 +97,5 @@ var QuizWidget = function QuizWidget(props) {
117
97
  size: "large"
118
98
  }))));
119
99
  };
120
-
121
100
  var _default = QuizWidget;
122
101
  exports.default = _default;
@@ -1,54 +1,30 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.Score = exports.QuizName = exports.QuizBlock = exports.Quiz = exports.Question = exports.NavQuiz = exports.NavAction = exports.Header = exports.Footer = exports.Answer = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
-
14
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
15
-
16
11
  var Quiz = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
17
-
18
12
  exports.Quiz = Quiz;
19
-
20
13
  var QuizName = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: 20px;\n"])));
21
-
22
14
  exports.QuizName = QuizName;
23
-
24
15
  var Header = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: start;\n flex-direction: column;\n"])));
25
-
26
16
  exports.Header = Header;
27
-
28
17
  var QuizBlock = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 15px;\n margin-bottom: 15px;\n margin-top: 0;\n min-height: 105px;\n"])));
29
-
30
18
  exports.QuizBlock = QuizBlock;
31
-
32
19
  var Footer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])));
33
-
34
20
  exports.Footer = Footer;
35
-
36
21
  var Question = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 6px;\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\n"])));
37
-
38
22
  exports.Question = Question;
39
-
40
23
  var NavQuiz = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n justify-content: center;\n padding: 0 0 0 3px;\n :hover {\n color: grey;\n }\n"])));
41
-
42
24
  exports.NavQuiz = NavQuiz;
43
-
44
25
  var NavAction = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n"])));
45
-
46
26
  exports.NavAction = NavAction;
47
-
48
27
  var Score = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 10px;\n padding-left: 6px;\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\n"])));
49
-
50
28
  exports.Score = Score;
51
-
52
29
  var Answer = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-end;\n max-height: 25px;\n"])));
53
-
54
30
  exports.Answer = Answer;
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "QuizWidget", {
11
10
  return _QuizWidget.default;
12
11
  }
13
12
  });
14
-
15
13
  var _QuizWidget = _interopRequireDefault(require("./components/QuizWidget"));
@@ -1,18 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.QuizWrapper = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
-
14
10
  var _templateObject;
15
-
16
11
  var QuizWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n margin: 20px;\n"])));
17
-
18
12
  exports.QuizWrapper = QuizWrapper;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.0.6",
3
+ "version": "2.1.0",
4
4
  "sideEffects": false
5
5
  }
@@ -7,31 +7,25 @@ import CrossIcon from '@atlaskit/icon/glyph/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
-
11
10
  const QuizWidget = props => {
12
11
  const [currentQuestionNumber, setCurrentQuestionNumber] = useState(1);
13
12
  const [checkedAnswers, setCheckedAnswers] = useState(new Map());
14
-
15
13
  const onChange = (e, index) => {
16
14
  const value = e.currentTarget.value;
17
15
  !props.score ? setCheckedAnswers(prevState => new Map(prevState).set(index, value)) : setCheckedAnswers(checkedAnswers);
18
16
  };
19
-
20
17
  const handlePrevClick = () => {
21
18
  setCurrentQuestionNumber(currentQuestionNumber - 1);
22
19
  };
23
-
24
20
  const handleNextClick = () => {
25
21
  props.onNextButtonClick && props.onNextButtonClick();
26
22
  setCurrentQuestionNumber(currentQuestionNumber + 1);
27
23
  };
28
-
29
24
  const onSubmitButtonClick = () => {
30
25
  const chosenQuizAnswers = Array.from(checkedAnswers.values());
31
26
  props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
32
27
  setCurrentQuestionNumber(currentQuestionNumber + 1);
33
28
  };
34
-
35
29
  const questionsNumber = Object.keys(props.quizContent.questions).length;
36
30
  const isLastSlide = currentQuestionNumber === questionsNumber + 1;
37
31
  const isLastQuestion = currentQuestionNumber === questionsNumber;
@@ -45,7 +39,8 @@ const QuizWidget = props => {
45
39
  value: answer,
46
40
  label: answer,
47
41
  name: answer,
48
- isChecked: answer === checkedAnswer //error TS7006: Parameter 'e' implicitly has an 'any' type.
42
+ isChecked: answer === checkedAnswer
43
+ //error TS7006: Parameter 'e' implicitly has an 'any' type.
49
44
  //@fixme TypeScript 4.2.4 upgrade
50
45
  ,
51
46
  onChange: e => onChange(e, currentQuestionNumber)
@@ -81,5 +76,4 @@ const QuizWidget = props => {
81
76
  size: "large"
82
77
  }))));
83
78
  };
84
-
85
79
  export default QuizWidget;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.0.6",
3
+ "version": "2.1.0",
4
4
  "sideEffects": false
5
5
  }
@@ -8,40 +8,33 @@ import CrossIcon from '@atlaskit/icon/glyph/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
-
12
11
  var QuizWidget = function QuizWidget(props) {
13
12
  var _useState = useState(1),
14
- _useState2 = _slicedToArray(_useState, 2),
15
- currentQuestionNumber = _useState2[0],
16
- setCurrentQuestionNumber = _useState2[1];
17
-
13
+ _useState2 = _slicedToArray(_useState, 2),
14
+ currentQuestionNumber = _useState2[0],
15
+ setCurrentQuestionNumber = _useState2[1];
18
16
  var _useState3 = useState(new Map()),
19
- _useState4 = _slicedToArray(_useState3, 2),
20
- checkedAnswers = _useState4[0],
21
- setCheckedAnswers = _useState4[1];
22
-
17
+ _useState4 = _slicedToArray(_useState3, 2),
18
+ checkedAnswers = _useState4[0],
19
+ setCheckedAnswers = _useState4[1];
23
20
  var _onChange = function onChange(e, index) {
24
21
  var value = e.currentTarget.value;
25
22
  !props.score ? setCheckedAnswers(function (prevState) {
26
23
  return new Map(prevState).set(index, value);
27
24
  }) : setCheckedAnswers(checkedAnswers);
28
25
  };
29
-
30
26
  var handlePrevClick = function handlePrevClick() {
31
27
  setCurrentQuestionNumber(currentQuestionNumber - 1);
32
28
  };
33
-
34
29
  var handleNextClick = function handleNextClick() {
35
30
  props.onNextButtonClick && props.onNextButtonClick();
36
31
  setCurrentQuestionNumber(currentQuestionNumber + 1);
37
32
  };
38
-
39
33
  var onSubmitButtonClick = function onSubmitButtonClick() {
40
34
  var chosenQuizAnswers = Array.from(checkedAnswers.values());
41
35
  props.onSubmitButtonClick && props.onSubmitButtonClick(chosenQuizAnswers);
42
36
  setCurrentQuestionNumber(currentQuestionNumber + 1);
43
37
  };
44
-
45
38
  var questionsNumber = Object.keys(props.quizContent.questions).length;
46
39
  var isLastSlide = currentQuestionNumber === questionsNumber + 1;
47
40
  var isLastQuestion = currentQuestionNumber === questionsNumber;
@@ -55,7 +48,8 @@ var QuizWidget = function QuizWidget(props) {
55
48
  value: answer,
56
49
  label: answer,
57
50
  name: answer,
58
- isChecked: answer === checkedAnswer //error TS7006: Parameter 'e' implicitly has an 'any' type.
51
+ isChecked: answer === checkedAnswer
52
+ //error TS7006: Parameter 'e' implicitly has an 'any' type.
59
53
  //@fixme TypeScript 4.2.4 upgrade
60
54
  ,
61
55
  onChange: function onChange(e) {
@@ -93,5 +87,4 @@ var QuizWidget = function QuizWidget(props) {
93
87
  size: "large"
94
88
  }))));
95
89
  };
96
-
97
90
  export default QuizWidget;
@@ -1,7 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
4
-
5
3
  import styled from '@emotion/styled';
6
4
  export var Quiz = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
7
5
  export var QuizName = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: 20px;\n"])));
@@ -1,6 +1,4 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject;
4
-
5
3
  import styled from '@emotion/styled';
6
4
  export var QuizWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: 20px;\n"])));
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.0.6",
3
+ "version": "2.1.0",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.0.6",
3
+ "version": "2.1.0",
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",
@@ -22,20 +22,13 @@
22
22
  "module": "dist/esm/index.js",
23
23
  "module:es2019": "dist/es2019/index.js",
24
24
  "types": "dist/types/index.d.ts",
25
- "typesVersions": {
26
- ">=4.0 <4.5": {
27
- "*": [
28
- "dist/types-ts4.0/*"
29
- ]
30
- }
31
- },
32
25
  "sideEffects": false,
33
26
  "atlaskit:src": "src/index.ts",
34
27
  "dependencies": {
35
- "@atlaskit/button": "^16.3.0",
36
- "@atlaskit/icon": "^21.10.0",
37
- "@atlaskit/radio": "^5.4.0",
38
- "@atlaskit/spinner": "^15.0.3",
28
+ "@atlaskit/button": "^16.7.0",
29
+ "@atlaskit/icon": "^21.12.0",
30
+ "@atlaskit/radio": "^5.5.0",
31
+ "@atlaskit/spinner": "^15.5.0",
39
32
  "@babel/runtime": "^7.0.0",
40
33
  "@emotion/styled": "^10.0.7"
41
34
  },
package/report.api.md CHANGED
@@ -1,12 +1,18 @@
1
+ <!-- API Report Version: 2.3 -->
2
+
1
3
  ## API Report File for "@atlaskit/quiz-widget"
2
4
 
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
6
+ > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
+
8
+ ### Table of contents
9
+
10
+ - [Main Entry Types](#main-entry-types)
11
+ - [Peer Dependencies](#peer-dependencies)
4
12
 
5
- <!--
6
- Generated API Report version: 2.0
7
- -->
13
+ ### Main Entry Types
8
14
 
9
- [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
15
+ <!--SECTION START: Main Entry Types-->
10
16
 
11
17
  ```ts
12
18
  /// <reference types="react" />
@@ -22,7 +28,7 @@ interface Props {
22
28
  // (undocumented)
23
29
  quizContent: QuizInterface;
24
30
  // (undocumented)
25
- score: number | null;
31
+ score: null | number;
26
32
  }
27
33
 
28
34
  // @public (undocumented)
@@ -47,3 +53,18 @@ export const QuizWidget: (props: Props) => JSX.Element;
47
53
 
48
54
  // (No @packageDocumentation comment for this package)
49
55
  ```
56
+
57
+ <!--SECTION END: Main Entry Types-->
58
+
59
+ ### Peer Dependencies
60
+
61
+ <!--SECTION START: Peer Dependencies-->
62
+
63
+ ```json
64
+ {
65
+ "react": "^16.8.0",
66
+ "react-dom": "^16.8.0"
67
+ }
68
+ ```
69
+
70
+ <!--SECTION END: Peer Dependencies-->
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { QuizElement, QuizInterface } from './types';
3
- export interface Props {
4
- quizContent: QuizInterface;
5
- score: number | null;
6
- correctAnswers?: QuizElement | null;
7
- onSubmitButtonClick?: (choosenAnswers: string[]) => void;
8
- onNextButtonClick?: () => void;
9
- }
10
- export interface State {
11
- currentQuestionNumber: number;
12
- checkedAnswers: Map<number, string>;
13
- }
14
- declare const QuizWidget: (props: Props) => JSX.Element;
15
- export default QuizWidget;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Quiz: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
3
- export declare const QuizName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
- export declare const Header: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
5
- export declare const QuizBlock: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
6
- export declare const Footer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
7
- export declare const Question: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
8
- export declare const NavQuiz: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
9
- export declare const NavAction: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
10
- export declare const Score: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
11
- export declare const Answer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
@@ -1,10 +0,0 @@
1
- export interface QuizInterface {
2
- name: string;
3
- questions: QuizElement;
4
- answers: {
5
- [key: number]: string[];
6
- };
7
- }
8
- export declare type QuizElement = {
9
- [key: number]: string;
10
- };
@@ -1 +0,0 @@
1
- export { default as QuizWidget } from './components/QuizWidget';
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const QuizWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;