@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 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
@@ -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 || size || 'wide'
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 || size || 'wide'
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`
@@ -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 || size || 'wide'
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, size, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
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 { Sizes, Width, RenderImageProps, EmptyStateProps } from './types';
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 Sizes = 'narrow' | 'wide';
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, size, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
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 { Sizes, Width, RenderImageProps, EmptyStateProps } from './types';
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 Sizes = 'narrow' | 'wide';
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": "9.0.4",
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": "^22.0.0",
29
- "@atlaskit/heading": "^5.1.0",
30
- "@atlaskit/primitives": "^14.2.0",
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.5.0",
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": "^2.0.0",
42
- "@af/integration-testing": "^0.5.0",
43
- "@af/visual-regression": "^1.3.0",
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": "^0.4.0",
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",