@atlaskit/empty-state 7.4.3 → 7.4.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/empty-state
 
+## 7.4.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.4.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.4.3
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.4.3",
+	"version": "7.4.5",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.4.3",
+	"version": "7.4.5",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.4.3",
+	"version": "7.4.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/empty-state",
-  "version": "7.4.3",
+  "version": "7.4.5",
   "description": "An empty state appears when there is no data to display and describes what the user can do next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -13,14 +13,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -33,10 +25,10 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.3.0",
-    "@atlaskit/spinner": "^15.1.0",
+    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.12.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -1,37 +1,25 @@
-## API Report File for "@atlaskit/empty-state".
+<!-- API Report Version: 2.2 -->
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+## API Report File for "@atlaskit/empty-state"
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
-````ts
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
 /// <reference types="react" />
 
 import type { ReactNode } from 'react';
 
-/**
- * __Empty state__
- *
- * A component used for presenting various empty states.
- * e.g. (no items, empty search, broken link, welcome screen etc.)
- *
- * @example
- * ```tsx
- * import EmptyState from '@atlaskit/empty-state';
- *
- * // An example of a 404 state
- * export default () => {
- *  <EmptyState
- *   header="Page not found"
- *   imageUrl="https://cdn.io/images/404"
- *   description="Looks like you've stumbled off track. Sorry about that! This page either doesn't exist or has been removed."
- *   primaryAction={<Button appearance="primary">Home Page</Button>}
- *   secondaryAction={<Button>Report a problem</Button>}
- *  />;
- * };
- * ```
- */
-declare const EmptyState: ({
+// @public
+const EmptyState: ({
   description,
   header,
   imageHeight,
@@ -50,84 +38,45 @@ declare const EmptyState: ({
 }: EmptyStateProps) => JSX.Element;
 export default EmptyState;
 
-export declare interface EmptyStateProps {
-  /**
-   * Title that briefly describes the page to the user.
-   */
-  header: string;
-  /**
-   * The main block of text that holds additional supporting information.
-   */
+// @public (undocumented)
+export interface EmptyStateProps {
   description?: ReactNode;
-  /**
-   * Controls how much horizontal space the component fills. Defaults to "wide".
-   */
-  width?: Width;
-  /**
-   * @deprecated
-   * Duplicates the `width` prop. Use `width instead`.
-   */
-  size?: Width;
-  /**
-   * The url of image that will be shown above the title, fed directly into the `src` prop of an <img> element.
-   * Note, this image will be constrained by the `maxWidth` and `maxHeight` props.
-   */
+  header: string;
+  imageHeight?: number;
   imageUrl?: string;
-  /**
-   * Maximum width (in pixels) of the image, default value is 160.
-   */
-  maxImageWidth?: number;
-  /**
-   * Maximum height (in pixels) of the image, default value is 160.
-   */
+  imageWidth?: number;
+  isLoading?: boolean;
   maxImageHeight?: number;
-  /**
-   * Primary action button for the page, usually it will be something like "Create" (or "Retry" for error pages).
-   */
+  maxImageWidth?: number;
   primaryAction?: ReactNode;
-  /**
-   * An alternative API to supply an image using a render prop. Only rendered if no `imageUrl` is supplied.
-   */
   renderImage?: (props: RenderImageProps) => React.ReactNode;
-  /**
-   * Secondary action button for the page.
-   */
   secondaryAction?: ReactNode;
-  /**
-   * Button with link to some external resource like documentation or tutorial, it will be opened in a new tab.
-   */
+  // @deprecated (undocumented)
+  size?: Width;
   tertiaryAction?: ReactNode;
-  /**
-   * A hook for automated testing
-   */
   testId?: string;
-  /**
-   * Used to indicate a loading state. Will show a spinner next to the action buttons when true.
-   */
-  isLoading?: boolean;
-  /**
-   * Width of the image that is rendered in EmptyState component.
-   * Useful when you want image to be of exact width to stop it bouncing around when loading in.
-   */
-  imageWidth?: number;
-  /**
-   * Height of the image that is rendered in EmptyState component.
-   * Useful when you want image to be of exact height to stop it bouncing around when loading in.
-   * Only set `height` if you want the image to resize down on smaller devices.
-   */
-  imageHeight?: number;
+  width?: Width;
 }
 
-export declare interface RenderImageProps {
-  maxImageWidth?: number;
-  maxImageHeight?: number;
-  imageWidth?: number;
+// @public (undocumented)
+export interface RenderImageProps {
+  // (undocumented)
   imageHeight?: number;
+  // (undocumented)
+  imageWidth?: number;
+  // (undocumented)
+  maxImageHeight?: number;
+  // (undocumented)
+  maxImageWidth?: number;
 }
 
-export declare type Sizes = 'narrow' | 'wide';
+// @public (undocumented)
+export type Sizes = 'narrow' | 'wide';
+
+// @public (undocumented)
+export type Width = Sizes;
 
-export declare type Width = Sizes;
+// (No @packageDocumentation comment for this package)
+```
 
-export {};
-````
+<!--SECTION END: Main Entry Types-->

package/dist/types-ts4.0/empty-state.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import type { EmptyStateProps } from './types';
-/**
- * __Empty state__
- *
- * A component used for presenting various empty states.
- * e.g. (no items, empty search, broken link, welcome screen etc.)
- *
- * @example
- * ```tsx
- * import EmptyState from '@atlaskit/empty-state';
- *
- * // An example of a 404 state
- * export default () => {
- *  <EmptyState
- *   header="Page not found"
- *   imageUrl="https://cdn.io/images/404"
- *   description="Looks like you've stumbled off track. Sorry about that! This page either doesn't exist or has been removed."
- *   primaryAction={<Button appearance="primary">Home Page</Button>}
- *   secondaryAction={<Button>Report a problem</Button>}
- *  />;
- * };
- * ```
- */
-declare const EmptyState: ({ description, header, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => JSX.Element;
-export default EmptyState;

package/dist/types-ts4.0/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './empty-state';
-export type { Sizes, Width, RenderImageProps, EmptyStateProps } from './types';

package/dist/types-ts4.0/styled/actions-container.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-/**
- * __Actions container__
- *
- * A container for actions: primary action, secondary action, and tertiary action.
- *
- * @internal
- */
-declare const ActionsContainer: FC;
-export default ActionsContainer;

package/dist/types-ts4.0/styled/container.d.ts

@@ -1,15 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-import type { Width } from '../index';
-/**
- * __Container__
- *
- * Upper level container for Empty State.
- *
- * @internal
- */
-declare const Container: FC<{
-    testId?: string;
-    width: Width;
-}>;
-export default Container;

package/dist/types-ts4.0/styled/description.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-/**
- * __Description__
- *
- * Description of Empty State.
- *
- * @internal
- */
-declare const Description: FC;
-export default Description;

package/dist/types-ts4.0/styled/header.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-/**
- * __Header__
- *
- * Header of Empty State.
- *
- * @internal
- */
-declare const EmptyStateHeader: FC;
-export default EmptyStateHeader;

package/dist/types-ts4.0/styled/image.d.ts

@@ -1,18 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-declare type ImageProps = {
-    height?: number;
-    maxHeight: number;
-    maxWidth: number;
-    width?: number;
-    src: string;
-};
-/**
- * __Image__
- *
- * Image in Empty State.
- *
- * @internal
- */
-declare const Image: FC<ImageProps>;
-export default Image;

package/dist/types-ts4.0/styled/index.d.ts

@@ -1,6 +0,0 @@
-export { default as ActionsContainer } from './actions-container';
-export { default as Container } from './container';
-export { default as Description } from './description';
-export { default as Header } from './header';
-export { default as Image } from './image';
-export { default as SpinnerContainer } from './spinner-container';

package/dist/types-ts4.0/styled/spinner-container.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-/**
- * __Spinner container__
- *
- * A spinner container for loading state of Empty State.
- *
- * @internal
- */
-declare const SpinnerContainer: FC;
-export default SpinnerContainer;

package/dist/types-ts4.0/types.d.ts

@@ -1,76 +0,0 @@
-import type { ReactNode } from 'react';
-export interface RenderImageProps {
-    maxImageWidth?: number;
-    maxImageHeight?: number;
-    imageWidth?: number;
-    imageHeight?: number;
-}
-export declare type Sizes = 'narrow' | 'wide';
-export declare type Width = Sizes;
-export interface EmptyStateProps {
-    /**
-     * Title that briefly describes the page to the user.
-     */
-    header: string;
-    /**
-     * The main block of text that holds additional supporting information.
-     */
-    description?: ReactNode;
-    /**
-     * Controls how much horizontal space the component fills. Defaults to "wide".
-     */
-    width?: Width;
-    /**
-     * @deprecated
-     * Duplicates the `width` prop. Use `width instead`.
-     */
-    size?: Width;
-    /**
-     * The url of image that will be shown above the title, fed directly into the `src` prop of an <img> element.
-     * Note, this image will be constrained by the `maxWidth` and `maxHeight` props.
-     */
-    imageUrl?: string;
-    /**
-     * Maximum width (in pixels) of the image, default value is 160.
-     */
-    maxImageWidth?: number;
-    /**
-     * Maximum height (in pixels) of the image, default value is 160.
-     */
-    maxImageHeight?: number;
-    /**
-     * Primary action button for the page, usually it will be something like "Create" (or "Retry" for error pages).
-     */
-    primaryAction?: ReactNode;
-    /**
-     * An alternative API to supply an image using a render prop. Only rendered if no `imageUrl` is supplied.
-     */
-    renderImage?: (props: RenderImageProps) => React.ReactNode;
-    /**
-     * Secondary action button for the page.
-     */
-    secondaryAction?: ReactNode;
-    /**
-     * Button with link to some external resource like documentation or tutorial, it will be opened in a new tab.
-     */
-    tertiaryAction?: ReactNode;
-    /**
-     * A hook for automated testing
-     */
-    testId?: string;
-    /**
-     * Used to indicate a loading state. Will show a spinner next to the action buttons when true.
-     */
-    isLoading?: boolean;
-    /**
-     * Width of the image that is rendered in EmptyState component.
-     * Useful when you want image to be of exact width to stop it bouncing around when loading in.
-     */
-    imageWidth?: number;
-    /**
-     * Height of the image that is rendered in EmptyState component.
-     * Useful when you want image to be of exact height to stop it bouncing around when loading in.
-     * Only set `height` if you want the image to resize down on smaller devices.
-     */
-    imageHeight?: number;
-}