@atlaskit/media-table 15.0.1 → 15.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-table
 
+## 15.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.1
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

package/dist/types-ts4.5/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.5/component/mediaTable.d.ts

@@ -0,0 +1,28 @@
+/**@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 onPreviewClick;
+    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.5/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.5/component/previewButton.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.5/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.5/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.5/types.d.ts

@@ -0,0 +1,73 @@
+/// <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;
+    /** Row index that will be highlighted **/
+    highlightedRowIndex?: number[];
+    /** callback triggered when row click is passed, if returned true it will prevent default behaviour. **/
+    onRowClick?: (rowData: RowData, index: number) => boolean;
+}
+export interface MediaTableState {
+    mediaViewerSelectedItem?: Identifier;
+    fileInfoState: Map<string, FileInfo>;
+}
+export interface ValidatedProps {
+    validPageNumber: number;
+    validTotalItems: number;
+    validItemsPerPage: number;
+}

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

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

package/dist/types-ts4.5/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.5/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, pageNumber?: number) => RowType[]>;
+export declare const appendRows: import("memoize-one").MemoizedFn<(emptyCells: RowCellType[], rowsLength: number, itemsPerPage?: number, pageNumber?: number, totalItems?: number) => 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.5/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.5/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, CELL_KEY_PREVIEW, ANALYTICS_MEDIA_CHANNEL, } from './constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-table",
-  "version": "15.0.1",
+  "version": "15.0.2",
   "description": "Table UI component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,8 +39,8 @@
     "@atlaskit/dynamic-table": "^14.9.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^22.0.0",
-    "@atlaskit/media-ui": "^22.4.0",
-    "@atlaskit/media-viewer": "^47.6.0",
+    "@atlaskit/media-ui": "^23.0.0",
+    "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.4.0",
     "@atlaskit/tooltip": "^17.8.0",

package/report.api.md

@@ -109,7 +109,7 @@ export { SortOrderType };
 
 ```json
 {
-  "@atlaskit/media-core": "^34.0.2",
+  "@atlaskit/media-core": "^34.1.1",
   "@emotion/react": "^11.7.1",
   "react": "^16.8.0",
   "react-dom": "^16.8.0",