@atlaskit/empty-state 9.0.4 → 10.0.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 +14 -0
- package/dist/cjs/empty-state.js +1 -2
- package/dist/es2019/empty-state.js +1 -2
- package/dist/es2019/styled/image.js +0 -1
- package/dist/esm/empty-state.js +1 -2
- package/dist/types/empty-state.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types.d.ts +1 -7
- package/dist/types-ts4.5/empty-state.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +1 -7
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/empty-state
|
|
2
2
|
|
|
3
|
+
## 10.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#148636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148636)
|
|
8
|
+
[`47f6324868677`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47f6324868677) -
|
|
9
|
+
Removed deprecated `size` prop. Use the `width` prop instead. Removed exported `Sizes` type.
|
|
10
|
+
|
|
11
|
+
## 9.0.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 9.0.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/empty-state.js
CHANGED
|
@@ -51,7 +51,6 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
51
51
|
renderImage = _ref.renderImage,
|
|
52
52
|
secondaryAction = _ref.secondaryAction,
|
|
53
53
|
width = _ref.width,
|
|
54
|
-
size = _ref.size,
|
|
55
54
|
tertiaryAction = _ref.tertiaryAction,
|
|
56
55
|
testId = _ref.testId;
|
|
57
56
|
var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/_react.default.createElement(_styled.ActionsContainer, null, primaryAction && secondaryAction ? /*#__PURE__*/_react.default.createElement(_buttonGroup.default, {
|
|
@@ -63,7 +62,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
63
62
|
var tag = "h".concat(headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4);
|
|
64
63
|
return /*#__PURE__*/_react.default.createElement(_styled.Container, {
|
|
65
64
|
testId: testId,
|
|
66
|
-
width: width ||
|
|
65
|
+
width: width || 'wide'
|
|
67
66
|
}, imageUrl ? /*#__PURE__*/_react.default.createElement(_styled.Image, {
|
|
68
67
|
src: imageUrl,
|
|
69
68
|
maxWidth: maxImageWidth,
|
|
@@ -41,7 +41,6 @@ const EmptyState = ({
|
|
|
41
41
|
renderImage,
|
|
42
42
|
secondaryAction,
|
|
43
43
|
width,
|
|
44
|
-
size,
|
|
45
44
|
tertiaryAction,
|
|
46
45
|
testId
|
|
47
46
|
}) => {
|
|
@@ -54,7 +53,7 @@ const EmptyState = ({
|
|
|
54
53
|
const tag = `h${headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4}`;
|
|
55
54
|
return /*#__PURE__*/React.createElement(Container, {
|
|
56
55
|
testId: testId,
|
|
57
|
-
width: width ||
|
|
56
|
+
width: width || 'wide'
|
|
58
57
|
}, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
|
|
59
58
|
src: imageUrl,
|
|
60
59
|
maxWidth: maxImageWidth,
|
|
@@ -20,7 +20,6 @@ const Image = ({
|
|
|
20
20
|
width = 'auto',
|
|
21
21
|
src
|
|
22
22
|
}) => /*#__PURE__*/React.createElement("img", {
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
24
23
|
style: {
|
|
25
24
|
[CSS_VAR_MAX_WIDTH]: `${maxWidth}px`,
|
|
26
25
|
[CSS_VAR_MAX_HEIGHT]: `${maxHeight}px`
|
package/dist/esm/empty-state.js
CHANGED
|
@@ -44,7 +44,6 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
44
44
|
renderImage = _ref.renderImage,
|
|
45
45
|
secondaryAction = _ref.secondaryAction,
|
|
46
46
|
width = _ref.width,
|
|
47
|
-
size = _ref.size,
|
|
48
47
|
tertiaryAction = _ref.tertiaryAction,
|
|
49
48
|
testId = _ref.testId;
|
|
50
49
|
var actionsContainer = primaryAction || secondaryAction || isLoading ? /*#__PURE__*/React.createElement(ActionsContainer, null, primaryAction && secondaryAction ? /*#__PURE__*/React.createElement(ButtonGroup, {
|
|
@@ -56,7 +55,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
56
55
|
var tag = "h".concat(headingLevel > 0 && headingLevel < 7 ? headingLevel : headingLevel > 6 ? 6 : 4);
|
|
57
56
|
return /*#__PURE__*/React.createElement(Container, {
|
|
58
57
|
testId: testId,
|
|
59
|
-
width: width ||
|
|
58
|
+
width: width || 'wide'
|
|
60
59
|
}, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
|
|
61
60
|
src: imageUrl,
|
|
62
61
|
maxWidth: maxImageWidth,
|
|
@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
|
|
|
22
22
|
* };
|
|
23
23
|
* ```
|
|
24
24
|
*/
|
|
25
|
-
declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width,
|
|
25
|
+
declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
|
|
26
26
|
export default EmptyState;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './empty-state';
|
|
2
|
-
export type {
|
|
2
|
+
export type { Width, RenderImageProps, EmptyStateProps } from './types';
|
package/dist/types/types.d.ts
CHANGED
|
@@ -5,8 +5,7 @@ export interface RenderImageProps {
|
|
|
5
5
|
imageWidth?: number;
|
|
6
6
|
imageHeight?: number;
|
|
7
7
|
}
|
|
8
|
-
export type
|
|
9
|
-
export type Width = Sizes;
|
|
8
|
+
export type Width = 'narrow' | 'wide';
|
|
10
9
|
export interface EmptyStateProps {
|
|
11
10
|
/**
|
|
12
11
|
* Title that briefly describes the page to the user.
|
|
@@ -25,11 +24,6 @@ export interface EmptyStateProps {
|
|
|
25
24
|
* Controls how much horizontal space the component fills. Defaults to "wide".
|
|
26
25
|
*/
|
|
27
26
|
width?: Width;
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated
|
|
30
|
-
* Duplicates the `width` prop. Use `width instead`.
|
|
31
|
-
*/
|
|
32
|
-
size?: Width;
|
|
33
27
|
/**
|
|
34
28
|
* The url of image that will be shown above the title, fed directly into the `src` prop of an <img> element.
|
|
35
29
|
* Note, this image will be constrained by the `maxWidth` and `maxHeight` props.
|
|
@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
|
|
|
22
22
|
* };
|
|
23
23
|
* ```
|
|
24
24
|
*/
|
|
25
|
-
declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width,
|
|
25
|
+
declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
|
|
26
26
|
export default EmptyState;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './empty-state';
|
|
2
|
-
export type {
|
|
2
|
+
export type { Width, RenderImageProps, EmptyStateProps } from './types';
|
|
@@ -5,8 +5,7 @@ export interface RenderImageProps {
|
|
|
5
5
|
imageWidth?: number;
|
|
6
6
|
imageHeight?: number;
|
|
7
7
|
}
|
|
8
|
-
export type
|
|
9
|
-
export type Width = Sizes;
|
|
8
|
+
export type Width = 'narrow' | 'wide';
|
|
10
9
|
export interface EmptyStateProps {
|
|
11
10
|
/**
|
|
12
11
|
* Title that briefly describes the page to the user.
|
|
@@ -25,11 +24,6 @@ export interface EmptyStateProps {
|
|
|
25
24
|
* Controls how much horizontal space the component fills. Defaults to "wide".
|
|
26
25
|
*/
|
|
27
26
|
width?: Width;
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated
|
|
30
|
-
* Duplicates the `width` prop. Use `width instead`.
|
|
31
|
-
*/
|
|
32
|
-
size?: Width;
|
|
33
27
|
/**
|
|
34
28
|
* The url of image that will be shown above the title, fed directly into the `src` prop of an <img> element.
|
|
35
29
|
* Note, this image will be constrained by the `maxWidth` and `maxHeight` props.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/empty-state",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0",
|
|
4
4
|
"description": "An empty state appears when there is no data to display and describes what the user can do next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@atlaskit/button": "^
|
|
29
|
-
"@atlaskit/heading": "^5.
|
|
30
|
-
"@atlaskit/primitives": "^14.
|
|
28
|
+
"@atlaskit/button": "^23.0.0",
|
|
29
|
+
"@atlaskit/heading": "^5.2.0",
|
|
30
|
+
"@atlaskit/primitives": "^14.6.0",
|
|
31
31
|
"@atlaskit/spinner": "^18.0.0",
|
|
32
32
|
"@atlaskit/theme": "^18.0.0",
|
|
33
|
-
"@atlaskit/tokens": "^4.
|
|
33
|
+
"@atlaskit/tokens": "^4.8.0",
|
|
34
34
|
"@babel/runtime": "^7.0.0",
|
|
35
35
|
"@compiled/react": "^0.18.3"
|
|
36
36
|
},
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"react": "^18.2.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@af/accessibility-testing": "
|
|
42
|
-
"@af/integration-testing": "
|
|
43
|
-
"@af/visual-regression": "
|
|
41
|
+
"@af/accessibility-testing": "workspace:^",
|
|
42
|
+
"@af/integration-testing": "workspace:^",
|
|
43
|
+
"@af/visual-regression": "workspace:^",
|
|
44
44
|
"@atlaskit/docs": "^10.0.0",
|
|
45
45
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
46
46
|
"@atlaskit/link": "^3.1.0",
|
|
47
47
|
"@atlaskit/section-message": "^8.2.0",
|
|
48
|
-
"@atlaskit/ssr": "
|
|
48
|
+
"@atlaskit/ssr": "workspace:^",
|
|
49
49
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
50
50
|
"@testing-library/react": "^13.4.0",
|
|
51
51
|
"react-dom": "^18.2.0",
|