@atlaskit/blanket 14.0.1 → 14.0.3
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 +16 -0
- package/dist/cjs/blanket.js +1 -1
- package/dist/es2019/blanket.js +1 -1
- package/dist/esm/blanket.js +1 -1
- package/package.json +11 -4
- package/__perf__/default.tsx +0 -5
- package/__perf__/hideBlanket.tsx +0 -50
- package/__perf__/showBlanket.tsx +0 -48
- package/__perf__/withClickThroughDisabled.tsx +0 -14
- package/__perf__/withClickThroughEnabled.tsx +0 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/blanket
|
|
2
2
|
|
|
3
|
+
## 14.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#105141](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105141)
|
|
8
|
+
[`8adc915d624f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8adc915d624f9) -
|
|
9
|
+
Update dev dependencies.
|
|
10
|
+
|
|
11
|
+
## 14.0.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#103999](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103999)
|
|
16
|
+
[`9f62ecec4d422`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f62ecec4d422) -
|
|
17
|
+
Update dependencies.
|
|
18
|
+
|
|
3
19
|
## 14.0.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/dist/cjs/blanket.js
CHANGED
|
@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
21
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
23
|
var packageName = "@atlaskit/blanket";
|
|
24
|
-
var packageVersion = "14.0.
|
|
24
|
+
var packageVersion = "14.0.3";
|
|
25
25
|
var analyticsAttributes = {
|
|
26
26
|
componentName: 'blanket',
|
|
27
27
|
packageName: packageName,
|
package/dist/es2019/blanket.js
CHANGED
|
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
8
8
|
import { N100A } from '@atlaskit/theme/colors';
|
|
9
9
|
import { layers } from '@atlaskit/theme/constants';
|
|
10
10
|
const packageName = "@atlaskit/blanket";
|
|
11
|
-
const packageVersion = "14.0.
|
|
11
|
+
const packageVersion = "14.0.3";
|
|
12
12
|
const analyticsAttributes = {
|
|
13
13
|
componentName: 'blanket',
|
|
14
14
|
packageName,
|
package/dist/esm/blanket.js
CHANGED
|
@@ -11,7 +11,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
11
11
|
import { N100A } from '@atlaskit/theme/colors';
|
|
12
12
|
import { layers } from '@atlaskit/theme/constants';
|
|
13
13
|
var packageName = "@atlaskit/blanket";
|
|
14
|
-
var packageVersion = "14.0.
|
|
14
|
+
var packageVersion = "14.0.3";
|
|
15
15
|
var analyticsAttributes = {
|
|
16
16
|
componentName: 'blanket',
|
|
17
17
|
packageName: packageName,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/blanket",
|
|
3
|
-
"version": "14.0.
|
|
3
|
+
"version": "14.0.3",
|
|
4
4
|
"description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/css": "^0.7.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^3.3.0",
|
|
45
45
|
"@atlaskit/theme": "^14.0.0",
|
|
46
|
-
"@atlaskit/tokens": "^3.
|
|
46
|
+
"@atlaskit/tokens": "^3.2.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@compiled/react": "^0.18.1"
|
|
49
49
|
},
|
|
@@ -53,19 +53,26 @@
|
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@af/accessibility-testing": "*",
|
|
55
55
|
"@af/integration-testing": "*",
|
|
56
|
+
"@atlaskit/badge": "^17.0.1",
|
|
57
|
+
"@atlaskit/button": "^20.3.10",
|
|
58
|
+
"@atlaskit/docs": "*",
|
|
59
|
+
"@atlaskit/heading": "^4.0.1",
|
|
56
60
|
"@atlaskit/layering": "^1.0.0",
|
|
61
|
+
"@atlaskit/link": "*",
|
|
62
|
+
"@atlaskit/primitives": "^13.3.8",
|
|
63
|
+
"@atlaskit/section-message": "*",
|
|
57
64
|
"@atlaskit/ssr": "*",
|
|
58
65
|
"@atlaskit/toggle": "^14.0.0",
|
|
59
66
|
"@atlaskit/visual-regression": "*",
|
|
60
67
|
"@testing-library/dom": "^10.1.0",
|
|
61
68
|
"@testing-library/react": "^12.1.5",
|
|
62
69
|
"@testing-library/user-event": "^14.4.3",
|
|
70
|
+
"bind-event-listener": "^3.0.0",
|
|
63
71
|
"jscodeshift": "^0.13.0",
|
|
64
72
|
"react-dom": "^16.8.0",
|
|
65
73
|
"react-lorem-component": "^0.13.0",
|
|
66
74
|
"storybook-addon-performance": "^0.17.3",
|
|
67
|
-
"typescript": "~5.4.2"
|
|
68
|
-
"wait-for-expect": "^1.2.0"
|
|
75
|
+
"typescript": "~5.4.2"
|
|
69
76
|
},
|
|
70
77
|
"keywords": [
|
|
71
78
|
"atlaskit",
|
package/__perf__/default.tsx
DELETED
package/__perf__/hideBlanket.tsx
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
|
|
4
|
-
import { fireEvent } from '@testing-library/dom';
|
|
5
|
-
import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
|
|
6
|
-
|
|
7
|
-
import Blanket from '../src';
|
|
8
|
-
|
|
9
|
-
const BlanketPerformance = () => {
|
|
10
|
-
const [isBlanketVisible, setIsBlanketVisible] = useState(true);
|
|
11
|
-
|
|
12
|
-
const toggleBlanketVisibility = () => {
|
|
13
|
-
setIsBlanketVisible(!isBlanketVisible);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<>
|
|
18
|
-
<button type="button" onClick={toggleBlanketVisibility} data-testid="toggleButton">
|
|
19
|
-
Toggle blanket
|
|
20
|
-
</button>
|
|
21
|
-
|
|
22
|
-
<Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
|
|
23
|
-
</>
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const interactionTasks: PublicInteractionTask[] = [
|
|
28
|
-
{
|
|
29
|
-
name: 'onHide',
|
|
30
|
-
description: 'Hide blanket by changing its isTinted prop',
|
|
31
|
-
run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
|
|
32
|
-
const toggleButton = container.querySelector(`[data-testid="toggleButton"]`)!;
|
|
33
|
-
|
|
34
|
-
await controls.time(async () => {
|
|
35
|
-
await fireEvent.click(toggleButton);
|
|
36
|
-
});
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
];
|
|
40
|
-
|
|
41
|
-
BlanketPerformance.story = {
|
|
42
|
-
name: 'Hide Blanklet',
|
|
43
|
-
parameters: {
|
|
44
|
-
performance: {
|
|
45
|
-
interactions: interactionTasks,
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export default BlanketPerformance;
|
package/__perf__/showBlanket.tsx
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
|
|
4
|
-
import { fireEvent } from '@testing-library/dom';
|
|
5
|
-
import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
|
|
6
|
-
|
|
7
|
-
import Blanket from '../src';
|
|
8
|
-
|
|
9
|
-
const BlanketPerformance = () => {
|
|
10
|
-
const [isBlanketVisible, setIsBlanketVisible] = useState(false);
|
|
11
|
-
|
|
12
|
-
const toggleBlanketVisibility = () => {
|
|
13
|
-
setIsBlanketVisible(!isBlanketVisible);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<>
|
|
18
|
-
<button type="button" onClick={toggleBlanketVisibility} data-testid="toggleButton">
|
|
19
|
-
Toggle blanket
|
|
20
|
-
</button>
|
|
21
|
-
<Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />
|
|
22
|
-
</>
|
|
23
|
-
);
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const interactionTasks: PublicInteractionTask[] = [
|
|
27
|
-
{
|
|
28
|
-
name: 'onShow',
|
|
29
|
-
description: 'Show blanket by changing its isTinted prop',
|
|
30
|
-
run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
|
|
31
|
-
const toggleButton = container.querySelector(`[data-testid="toggleButton"]`)!;
|
|
32
|
-
await controls.time(async () => {
|
|
33
|
-
await fireEvent.click(toggleButton);
|
|
34
|
-
});
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
];
|
|
38
|
-
|
|
39
|
-
BlanketPerformance.story = {
|
|
40
|
-
name: 'Show Blanklet',
|
|
41
|
-
parameters: {
|
|
42
|
-
performance: {
|
|
43
|
-
interactions: interactionTasks,
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export default BlanketPerformance;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @repo/internal/fs/filename-pattern-match */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import Blanket from '../src';
|
|
5
|
-
|
|
6
|
-
const BlanketPerformance = () => {
|
|
7
|
-
return <Blanket isTinted={true} shouldAllowClickThrough={false} />;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
BlanketPerformance.story = {
|
|
11
|
-
name: 'Blanket with shouldAllowClickThrough disabled',
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default BlanketPerformance;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @repo/internal/fs/filename-pattern-match */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import Blanket from '../src';
|
|
5
|
-
|
|
6
|
-
const BlanketPerformance = () => {
|
|
7
|
-
return <Blanket isTinted={true} shouldAllowClickThrough={true} />;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
BlanketPerformance.story = {
|
|
11
|
-
name: 'Blanket with shouldAllowClickThrough enabled',
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default BlanketPerformance;
|