@atlaskit/quiz-widget 3.0.10 → 3.0.12

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,18 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 3.0.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [`bc7821de4d118`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc7821de4d118) -
8
+ Sorted type and interface props to improve Atlaskit docs
9
+
10
+ ## 3.0.11
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 3.0.10
4
17
 
5
18
  ### Patch Changes
@@ -1,15 +1,15 @@
1
1
  import React from 'react';
2
2
  import { type QuizElement, type QuizInterface } from './types';
3
3
  export interface Props {
4
- quizContent: QuizInterface;
5
- score: number | null;
6
4
  correctAnswers?: QuizElement | null;
7
- onSubmitButtonClick?: (choosenAnswers: string[]) => void;
8
5
  onNextButtonClick?: () => void;
6
+ onSubmitButtonClick?: (choosenAnswers: string[]) => void;
7
+ quizContent: QuizInterface;
8
+ score: number | null;
9
9
  }
10
10
  export interface State {
11
- currentQuestionNumber: number;
12
11
  checkedAnswers: Map<number, string>;
12
+ currentQuestionNumber: number;
13
13
  }
14
14
  declare const QuizWidget: (props: Props) => React.JSX.Element;
15
15
  export default QuizWidget;
@@ -1,41 +1,40 @@
1
- /// <reference types="react" />
2
1
  export declare const Quiz: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
5
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
5
  export declare const QuizName: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
+ theme?: import("@emotion/react").Theme;
7
+ as?: React.ElementType;
9
8
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
9
  export declare const Header: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: React.ElementType;
13
12
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
13
  export declare const QuizBlock: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
14
+ theme?: import("@emotion/react").Theme;
15
+ as?: React.ElementType;
17
16
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
18
17
  export declare const Footer: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
18
+ theme?: import("@emotion/react").Theme;
19
+ as?: React.ElementType;
21
20
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
21
  export declare const Question: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
22
+ theme?: import("@emotion/react").Theme;
23
+ as?: React.ElementType;
25
24
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
25
  export declare const NavQuiz: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
26
+ theme?: import("@emotion/react").Theme;
27
+ as?: React.ElementType;
29
28
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
29
  export declare const NavAction: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
30
+ theme?: import("@emotion/react").Theme;
31
+ as?: React.ElementType;
33
32
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
33
  export declare const Score: import("@emotion/styled").StyledComponent<{
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
34
+ theme?: import("@emotion/react").Theme;
35
+ as?: React.ElementType;
37
36
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
37
  export declare const Answer: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
38
+ theme?: import("@emotion/react").Theme;
39
+ as?: React.ElementType;
41
40
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,9 +1,9 @@
1
1
  export interface QuizInterface {
2
- name: string;
3
- questions: QuizElement;
4
2
  answers: {
5
3
  [key: number]: string[];
6
4
  };
5
+ name: string;
6
+ questions: QuizElement;
7
7
  }
8
8
  export type QuizElement = {
9
9
  [key: number]: string;
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  export declare const QuizWrapper: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
5
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,15 +1,15 @@
1
1
  import React from 'react';
2
2
  import { type QuizElement, type QuizInterface } from './types';
3
3
  export interface Props {
4
- quizContent: QuizInterface;
5
- score: number | null;
6
4
  correctAnswers?: QuizElement | null;
7
- onSubmitButtonClick?: (choosenAnswers: string[]) => void;
8
5
  onNextButtonClick?: () => void;
6
+ onSubmitButtonClick?: (choosenAnswers: string[]) => void;
7
+ quizContent: QuizInterface;
8
+ score: number | null;
9
9
  }
10
10
  export interface State {
11
- currentQuestionNumber: number;
12
11
  checkedAnswers: Map<number, string>;
12
+ currentQuestionNumber: number;
13
13
  }
14
14
  declare const QuizWidget: (props: Props) => React.JSX.Element;
15
15
  export default QuizWidget;
@@ -1,41 +1,40 @@
1
- /// <reference types="react" />
2
1
  export declare const Quiz: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
5
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
5
  export declare const QuizName: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
+ theme?: import("@emotion/react").Theme;
7
+ as?: React.ElementType;
9
8
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
9
  export declare const Header: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: React.ElementType;
13
12
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
13
  export declare const QuizBlock: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
14
+ theme?: import("@emotion/react").Theme;
15
+ as?: React.ElementType;
17
16
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
18
17
  export declare const Footer: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
18
+ theme?: import("@emotion/react").Theme;
19
+ as?: React.ElementType;
21
20
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
21
  export declare const Question: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
22
+ theme?: import("@emotion/react").Theme;
23
+ as?: React.ElementType;
25
24
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
25
  export declare const NavQuiz: import("@emotion/styled").StyledComponent<{
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
26
+ theme?: import("@emotion/react").Theme;
27
+ as?: React.ElementType;
29
28
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
29
  export declare const NavAction: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
30
+ theme?: import("@emotion/react").Theme;
31
+ as?: React.ElementType;
33
32
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
33
  export declare const Score: import("@emotion/styled").StyledComponent<{
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
34
+ theme?: import("@emotion/react").Theme;
35
+ as?: React.ElementType;
37
36
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
37
  export declare const Answer: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
38
+ theme?: import("@emotion/react").Theme;
39
+ as?: React.ElementType;
41
40
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,9 +1,9 @@
1
1
  export interface QuizInterface {
2
- name: string;
3
- questions: QuizElement;
4
2
  answers: {
5
3
  [key: number]: string[];
6
4
  };
5
+ name: string;
6
+ questions: QuizElement;
7
7
  }
8
8
  export type QuizElement = {
9
9
  [key: number]: string;
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  export declare const QuizWrapper: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
5
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "3.0.10",
3
+ "version": "3.0.12",
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",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "atlaskit:src": "src/index.ts",
36
36
  "dependencies": {
37
- "@atlaskit/button": "^23.3.0",
38
- "@atlaskit/icon": "^27.9.0",
37
+ "@atlaskit/button": "^23.4.0",
38
+ "@atlaskit/icon": "^28.0.0",
39
39
  "@atlaskit/primitives": "^14.11.0",
40
- "@atlaskit/radio": "^8.1.0",
40
+ "@atlaskit/radio": "^8.2.0",
41
41
  "@atlaskit/spinner": "^19.0.0",
42
42
  "@atlaskit/tokens": "^6.0.0",
43
43
  "@babel/runtime": "^7.0.0",
@@ -50,7 +50,6 @@
50
50
  "devDependencies": {
51
51
  "@testing-library/react": "^13.4.0",
52
52
  "enzyme": "^3.10.0",
53
- "typescript": "~5.4.2",
54
53
  "wait-for-expect": "^1.2.0"
55
54
  }
56
55
  }