@atlaskit/blanket 13.0.1 → 13.2.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +345 -143
  2. package/__perf__/hideBlanket.tsx +33 -45
  3. package/__perf__/showBlanket.tsx +31 -43
  4. package/__perf__/withClickThroughDisabled.tsx +2 -2
  5. package/__perf__/withClickThroughEnabled.tsx +2 -2
  6. package/codemods/12.0.0-lite-mode.tsx +6 -9
  7. package/codemods/__tests__/rename-canclickthrough-to-shouldallowclickthrough.tsx +35 -35
  8. package/codemods/migrations/rename-canclickthrough-to-shouldallowclickthrough.tsx +6 -6
  9. package/dist/cjs/blanket.js +4 -2
  10. package/dist/es2019/blanket.js +4 -1
  11. package/dist/esm/blanket.js +4 -1
  12. package/dist/types/types.d.ts +5 -5
  13. package/dist/types-ts4.5/types.d.ts +5 -5
  14. package/package.json +94 -94
  15. package/report.api.md +13 -12
package/package.json CHANGED
@@ -1,95 +1,95 @@
1
1
  {
2
- "name": "@atlaskit/blanket",
3
- "version": "13.0.1",
4
- "description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.tsx",
25
- "homepage": "https://atlassian.design/components/blanket",
26
- "atlassian": {
27
- "team": "Design System Team",
28
- "releaseModel": "continuous",
29
- "productPushConsumption": [
30
- "jira"
31
- ],
32
- "website": {
33
- "name": "Blanket",
34
- "category": "Components"
35
- }
36
- },
37
- "af:exports": {
38
- ".": "./src/index.tsx",
39
- "./types": "./src/entry-points/types.tsx"
40
- },
41
- "dependencies": {
42
- "@atlaskit/analytics-next": "^9.2.0",
43
- "@atlaskit/codemod-utils": "^4.2.0",
44
- "@atlaskit/ds-lib": "^2.2.0",
45
- "@atlaskit/theme": "^12.6.0",
46
- "@atlaskit/tokens": "^1.42.0",
47
- "@babel/runtime": "^7.0.0",
48
- "@emotion/react": "^11.7.1"
49
- },
50
- "peerDependencies": {
51
- "react": "^16.8.0"
52
- },
53
- "devDependencies": {
54
- "@af/accessibility-testing": "*",
55
- "@af/integration-testing": "*",
56
- "@atlaskit/ssr": "*",
57
- "@atlaskit/visual-regression": "*",
58
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
59
- "@testing-library/dom": "^8.17.1",
60
- "@testing-library/react": "^12.1.5",
61
- "@testing-library/user-event": "^14.4.3",
62
- "jscodeshift": "^0.13.0",
63
- "react-dom": "^16.8.0",
64
- "react-lorem-component": "^0.13.0",
65
- "storybook-addon-performance": "^0.16.0",
66
- "typescript": "~5.4.2",
67
- "wait-for-expect": "^1.2.0"
68
- },
69
- "keywords": [
70
- "atlaskit",
71
- "react",
72
- "ui"
73
- ],
74
- "techstack": {
75
- "@atlassian/frontend": {
76
- "import-structure": "atlassian-conventions"
77
- },
78
- "@repo/internal": {
79
- "dom-events": "use-bind-event-listener",
80
- "design-system": "v1",
81
- "styling": [
82
- "static",
83
- "emotion"
84
- ],
85
- "ui-components": "lite-mode",
86
- "analytics": "analytics-next",
87
- "design-tokens": [
88
- "color",
89
- "spacing"
90
- ],
91
- "deprecation": "no-deprecated-imports"
92
- }
93
- },
94
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
95
- }
2
+ "name": "@atlaskit/blanket",
3
+ "version": "13.2.0",
4
+ "description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.tsx",
25
+ "homepage": "https://atlassian.design/components/blanket",
26
+ "atlassian": {
27
+ "team": "Design System Team",
28
+ "releaseModel": "continuous",
29
+ "runReact18": true,
30
+ "productPushConsumption": [
31
+ "jira"
32
+ ],
33
+ "website": {
34
+ "name": "Blanket",
35
+ "category": "Components"
36
+ }
37
+ },
38
+ "af:exports": {
39
+ ".": "./src/index.tsx",
40
+ "./types": "./src/entry-points/types.tsx"
41
+ },
42
+ "dependencies": {
43
+ "@atlaskit/analytics-next": "^9.3.0",
44
+ "@atlaskit/codemod-utils": "^4.2.0",
45
+ "@atlaskit/ds-lib": "^2.3.0",
46
+ "@atlaskit/theme": "^12.9.0",
47
+ "@atlaskit/tokens": "^1.50.0",
48
+ "@babel/runtime": "^7.0.0",
49
+ "@emotion/react": "^11.7.1"
50
+ },
51
+ "peerDependencies": {
52
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
53
+ },
54
+ "devDependencies": {
55
+ "@af/accessibility-testing": "*",
56
+ "@af/integration-testing": "*",
57
+ "@atlaskit/ssr": "*",
58
+ "@atlaskit/toggle": "^13.1.0",
59
+ "@atlaskit/visual-regression": "*",
60
+ "@testing-library/dom": "^8.17.1",
61
+ "@testing-library/react": "^12.1.5",
62
+ "@testing-library/user-event": "^14.4.3",
63
+ "jscodeshift": "^0.13.0",
64
+ "react-dom": "^16.8.0",
65
+ "react-lorem-component": "^0.13.0",
66
+ "storybook-addon-performance": "^0.16.0",
67
+ "typescript": "~5.4.2",
68
+ "wait-for-expect": "^1.2.0"
69
+ },
70
+ "keywords": [
71
+ "atlaskit",
72
+ "react",
73
+ "ui"
74
+ ],
75
+ "techstack": {
76
+ "@atlassian/frontend": {
77
+ "import-structure": "atlassian-conventions"
78
+ },
79
+ "@repo/internal": {
80
+ "dom-events": "use-bind-event-listener",
81
+ "design-system": "v1",
82
+ "styling": [
83
+ "static",
84
+ "emotion"
85
+ ],
86
+ "ui-components": "lite-mode",
87
+ "analytics": "analytics-next",
88
+ "design-tokens": [
89
+ "color",
90
+ "spacing"
91
+ ],
92
+ "deprecation": "no-deprecated-imports"
93
+ }
94
+ }
95
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/blanket"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -25,21 +26,21 @@ import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
25
26
 
26
27
  // @public
27
28
  const Blanket: MemoExoticComponent<
28
- ForwardRefExoticComponent<BlanketProps & RefAttributes<HTMLDivElement>>
29
+ ForwardRefExoticComponent<BlanketProps & RefAttributes<HTMLDivElement>>
29
30
  >;
30
31
  export default Blanket;
31
32
 
32
33
  // @public (undocumented)
33
34
  export interface BlanketProps {
34
- analyticsContext?: Record<string, any>;
35
- children?: ReactNode;
36
- isTinted?: boolean;
37
- onBlanketClicked?: (
38
- event: React.MouseEvent<HTMLDivElement>,
39
- analyticsEvent: UIAnalyticsEvent,
40
- ) => void;
41
- shouldAllowClickThrough?: boolean;
42
- testId?: string;
35
+ analyticsContext?: Record<string, any>;
36
+ children?: ReactNode;
37
+ isTinted?: boolean;
38
+ onBlanketClicked?: (
39
+ event: React.MouseEvent<HTMLDivElement>,
40
+ analyticsEvent: UIAnalyticsEvent,
41
+ ) => void;
42
+ shouldAllowClickThrough?: boolean;
43
+ testId?: string;
43
44
  }
44
45
 
45
46
  // (No @packageDocumentation comment for this package)
@@ -53,7 +54,7 @@ export interface BlanketProps {
53
54
 
54
55
  ```json
55
56
  {
56
- "react": "^16.8.0"
57
+ "react": "^16.8.0"
57
58
  }
58
59
  ```
59
60