@atlaskit/media-table 13.0.1 → 13.0.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-table
 
+## 13.0.2
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- Updated dependencies
+
 ## 13.0.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "13.0.1",
+	"version": "13.0.2",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "13.0.1",
+	"version": "13.0.2",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "13.0.1",
+	"version": "13.0.2",
 	"sideEffects": false
 }

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+interface Props {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,27 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import React, { Component } from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { MediaTableProps, MediaTableState } from '../types';
+export declare class MediaTable extends Component<MediaTableProps & WrappedComponentProps, MediaTableState> {
+    state: MediaTableState;
+    private subscriptions;
+    private hasBeenMounted;
+    componentDidMount(): void;
+    private unsubscribe;
+    componentWillUnmount(): void;
+    private generateCellValues;
+    private onDownloadClick;
+    private onSort;
+    private renderRowValues;
+    private renderTable;
+    private openPreview;
+    private onRowEnterKeyPressed;
+    private onRowClick;
+    private safeSetState;
+    private onMediaViewerClose;
+    private renderMediaViewer;
+    render(): jsx.JSX.Element;
+}
+declare const _default: React.ComponentType<import("@atlaskit/media-client").WithMediaClientConfigProps<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MediaType } from '@atlaskit/media-client';
+import { TruncateProps } from '@atlaskit/media-ui/truncateText';
+export interface NameCellProps extends TruncateProps {
+    mediaType?: MediaType;
+}
+export declare const NameCell: FC<NameCellProps>;

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

@@ -0,0 +1,3 @@
+export declare const nameCellWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const truncateWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const mediaTableWrapperStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,4 @@
+export { default as MediaTable } from './component/mediaTable';
+export type { MediaTableProps, MediaTableItem, SortOrderType } from './types';
+export { NameCell } from './component/nameCell';
+export type { NameCellProps } from './component/nameCell';

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

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import { Identifier, FileIdentifier, MediaClient } from '@atlaskit/media-client';
+import { HeadType } from '@atlaskit/dynamic-table/types';
+import { SortOrderType } from '@atlaskit/dynamic-table/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type { SortOrderType };
+export interface FileInfo {
+    fileName: string;
+    id: string;
+}
+export interface RowData {
+    [key: string]: string | React.ReactNode;
+}
+export interface RowProps {
+    className?: string;
+}
+export interface MediaTableItem {
+    data: RowData;
+    identifier: FileIdentifier;
+    /** An object containing props that will be applied to the row component */
+    rowProps?: RowProps;
+}
+export interface OnSortData {
+    key: string;
+    sortOrder: SortOrderType;
+    item: {
+        content: React.ReactNode | string;
+        isSortable: boolean;
+        key: string;
+        width: number;
+    };
+}
+export interface MediaTableProps {
+    /** The table rows to display in the current page */
+    items: MediaTableItem[];
+    mediaClient: MediaClient;
+    /** Object describing the column headings */
+    columns: HeadType;
+    /** The total number of table rows. This is used to calculate pagination */
+    totalItems: number;
+    /** The maximum number of rows per page. No maximum by default */
+    itemsPerPage?: number;
+    /** The current page number */
+    pageNumber?: number;
+    /** The property that the table items are sorted by. This must match a key in columns.cells */
+    sortKey?: string;
+    /** The direction that the table items are sorted in - ascending or descending */
+    sortOrder?: SortOrderType;
+    /** Whether to show the loading state or not */
+    isLoading?: boolean;
+    /** Called when a pagination control is clicked. Provides the new page number to paginate by */
+    onSetPage?: (pageNumber: number) => void;
+    /** Called when a column header is clicked. Provides the key of the column and the new sortOrder to sort by */
+    onSort?: (key: string, sortOrder: SortOrderType) => void;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
+    /** Called when the preview is opened by the user clicking on an item in the table */
+    onPreviewOpen?: () => void;
+    /** Called when the preview is closed */
+    onPreviewClose?: () => void;
+}
+export interface MediaTableState {
+    mediaViewerSelectedItem?: Identifier;
+    fileInfoState: Map<string, FileInfo>;
+}
+export interface ValidatedProps {
+    validPageNumber: number;
+    validTotalItems: number;
+    validItemsPerPage: number;
+}

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

@@ -0,0 +1,2 @@
+export declare const CELL_KEY_DOWNLOAD = "download";
+export declare const ANALYTICS_MEDIA_CHANNEL = "media";

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

@@ -0,0 +1,3 @@
+import { HeadType } from '@atlaskit/dynamic-table/types';
+declare const _default: import("memoize-one").MemoizedFn<import("memoize-one").MemoizedFn<(columns: HeadType) => HeadType>>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { RowType, HeadCellType, RowCellType } from '@atlaskit/dynamic-table/types';
+export declare const generateEmptyRow: import("memoize-one").MemoizedFn<(headerCells: HeadCellType[]) => RowCellType[]>;
+export declare const prependRows: import("memoize-one").MemoizedFn<(emptyCells: RowCellType[], itemsPerPage?: number | undefined, pageNumber?: number | undefined) => RowType[]>;
+export declare const appendRows: import("memoize-one").MemoizedFn<(emptyCells: RowCellType[], rowsLength: number, itemsPerPage?: number | undefined, pageNumber?: number | undefined, totalItems?: number | undefined) => RowType[]>;
+export default function generateRowValues({ itemsPerPage, pageNumber, totalItems, rowValues, headerCells, }: {
+    itemsPerPage?: number;
+    pageNumber?: number;
+    totalItems?: number;
+    rowValues: RowType[];
+    headerCells: HeadCellType[];
+}): RowType[];

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

@@ -0,0 +1,3 @@
+import { ValidatedProps } from '../types';
+declare const _default: import("memoize-one").MemoizedFn<(itemsCount: number, itemsPerPage?: number | undefined, pageNumber?: number | undefined, totalItems?: number | undefined) => ValidatedProps>;
+export default _default;

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

@@ -0,0 +1,4 @@
+export { default as generateRowValues } from './generateRowValues';
+export { default as getValidTableProps } from './getValidTableProps';
+export { default as generateHeadValues } from './generateHeadValues';
+export { CELL_KEY_DOWNLOAD, ANALYTICS_MEDIA_CHANNEL } from './constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-table",
-  "version": "13.0.1",
+  "version": "13.0.2",
   "description": "Table UI component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "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/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -28,18 +35,18 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dynamic-table": "^14.7.0",
+    "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^47.0.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/media-viewer": "^47.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "memoize-one": "^6.0.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^33.0.2",
+    "@atlaskit/media-core": "^33.0.3",
     "@emotion/react": "^11.7.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
@@ -59,7 +66,7 @@
     "enzyme": "^3.10.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "typescript": "4.3.5"
+    "typescript": "4.5.5"
   },
   "resolutions": {
     "lru-fast": "0.2.2"