@atlaskit/quiz-widget 2.3.0 → 3.0.1

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,35 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 3.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#120533](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120533)
8
+ [`f1bec731e278f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f1bec731e278f) -
9
+ Adds a `sideEffects` field to ensure this package does not have Compiled styles tree-shaken in the
10
+ future to avoid an accidental regression.
11
+
12
+ This is related to
13
+ https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953
14
+
15
+ ## 3.0.0
16
+
17
+ ### Major Changes
18
+
19
+ - [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
20
+ [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
21
+ This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
22
+ status of only supporting React 18 going forward. No explicit breaking change to React support has
23
+ been made in this release, but this is to signify going forward, breaking changes for React 16 or
24
+ React 17 may come via non-major semver releases.
25
+
26
+ Please refer this community post for more details:
27
+ https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
28
+
29
+ ### Patch Changes
30
+
31
+ - Updated dependencies
32
+
3
33
  ## 2.3.0
4
34
 
5
35
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type QuizElement, type QuizInterface } from './types';
3
3
  export interface Props {
4
4
  quizContent: QuizInterface;
@@ -11,5 +11,5 @@ export interface State {
11
11
  currentQuestionNumber: number;
12
12
  checkedAnswers: Map<number, string>;
13
13
  }
14
- declare const QuizWidget: (props: Props) => JSX.Element;
14
+ declare const QuizWidget: (props: Props) => React.JSX.Element;
15
15
  export default QuizWidget;
@@ -1,41 +1,41 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Quiz: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
6
  export declare const QuizName: import("@emotion/styled").StyledComponent<{
7
7
  theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
8
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
10
  export declare const Header: import("@emotion/styled").StyledComponent<{
11
11
  theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
12
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
13
13
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
14
  export declare const QuizBlock: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
16
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
17
17
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
18
18
  export declare const Footer: import("@emotion/styled").StyledComponent<{
19
19
  theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
20
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
21
21
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
22
  export declare const Question: import("@emotion/styled").StyledComponent<{
23
23
  theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
24
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
25
25
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
26
  export declare const NavQuiz: import("@emotion/styled").StyledComponent<{
27
27
  theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
28
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
29
29
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
30
  export declare const NavAction: import("@emotion/styled").StyledComponent<{
31
31
  theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
32
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
33
33
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
34
  export declare const Score: import("@emotion/styled").StyledComponent<{
35
35
  theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
36
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
37
37
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
38
  export declare const Answer: import("@emotion/styled").StyledComponent<{
39
39
  theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any> | undefined;
40
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
41
41
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const QuizWrapper: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type QuizElement, type QuizInterface } from './types';
3
3
  export interface Props {
4
4
  quizContent: QuizInterface;
@@ -11,5 +11,5 @@ export interface State {
11
11
  currentQuestionNumber: number;
12
12
  checkedAnswers: Map<number, string>;
13
13
  }
14
- declare const QuizWidget: (props: Props) => JSX.Element;
14
+ declare const QuizWidget: (props: Props) => React.JSX.Element;
15
15
  export default QuizWidget;
@@ -1,41 +1,41 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Quiz: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
6
  export declare const QuizName: import("@emotion/styled").StyledComponent<{
7
7
  theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
8
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
10
  export declare const Header: import("@emotion/styled").StyledComponent<{
11
11
  theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
12
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
13
13
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
14
  export declare const QuizBlock: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
16
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
17
17
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
18
18
  export declare const Footer: import("@emotion/styled").StyledComponent<{
19
19
  theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
20
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
21
21
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
22
  export declare const Question: import("@emotion/styled").StyledComponent<{
23
23
  theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
24
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
25
25
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
26
  export declare const NavQuiz: import("@emotion/styled").StyledComponent<{
27
27
  theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
28
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
29
29
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
30
  export declare const NavAction: import("@emotion/styled").StyledComponent<{
31
31
  theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
32
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
33
33
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
34
  export declare const Score: import("@emotion/styled").StyledComponent<{
35
35
  theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
36
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
37
37
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
38
  export declare const Answer: import("@emotion/styled").StyledComponent<{
39
39
  theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any> | undefined;
40
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
41
41
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const QuizWrapper: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, 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": "2.3.0",
3
+ "version": "3.0.1",
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",
@@ -29,21 +29,23 @@
29
29
  ]
30
30
  }
31
31
  },
32
- "sideEffects": false,
32
+ "sideEffects": [
33
+ "*.compiled.css"
34
+ ],
33
35
  "atlaskit:src": "src/index.ts",
34
36
  "dependencies": {
35
- "@atlaskit/button": "^20.4.0",
36
- "@atlaskit/icon": "^23.5.0",
37
- "@atlaskit/primitives": "^13.4.0",
38
- "@atlaskit/radio": "^7.2.0",
39
- "@atlaskit/spinner": "^17.1.0",
40
- "@atlaskit/tokens": "^3.3.0",
37
+ "@atlaskit/button": "^21.1.0",
38
+ "@atlaskit/icon": "^24.1.0",
39
+ "@atlaskit/primitives": "^14.1.0",
40
+ "@atlaskit/radio": "^8.0.0",
41
+ "@atlaskit/spinner": "^18.0.0",
42
+ "@atlaskit/tokens": "^4.2.0",
41
43
  "@babel/runtime": "^7.0.0",
42
44
  "@emotion/styled": "^11.0.0"
43
45
  },
44
46
  "peerDependencies": {
45
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
46
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
47
+ "react": "^18.2.0",
48
+ "react-dom": "^18.2.0"
47
49
  },
48
50
  "devDependencies": {
49
51
  "@testing-library/react": "^13.4.0",