@atlaskit/table-tree 9.4.1 → 9.4.2
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 +6 -0
- package/dist/cjs/components/row.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/row.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/row.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types-ts4.5/components/cell.d.ts +78 -0
- package/dist/types-ts4.5/components/header.d.ts +60 -0
- package/dist/types-ts4.5/components/headers.d.ts +6 -0
- package/dist/types-ts4.5/components/internal/chevron.d.ts +17 -0
- package/dist/types-ts4.5/components/internal/common-cell.d.ts +12 -0
- package/dist/types-ts4.5/components/internal/item.d.ts +13 -0
- package/dist/types-ts4.5/components/internal/items.d.ts +24 -0
- package/dist/types-ts4.5/components/internal/loader-item.d.ts +20 -0
- package/dist/types-ts4.5/components/internal/overflow-container.d.ts +11 -0
- package/dist/types-ts4.5/components/internal/styled.d.ts +36 -0
- package/dist/types-ts4.5/components/internal/with-column-width.d.ts +64 -0
- package/dist/types-ts4.5/components/row.d.ts +26 -0
- package/dist/types-ts4.5/components/rows.d.ts +12 -0
- package/dist/types-ts4.5/components/table-tree.d.ts +23 -0
- package/dist/types-ts4.5/index.d.ts +10 -0
- package/dist/types-ts4.5/utils/table-tree-data-helper.d.ts +25 -0
- package/dist/types-ts4.5/utils/to-item-id.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -28,7 +28,7 @@ var treeRowClickableStyles = (0, _react2.css)({
|
|
|
28
28
|
cursor: 'pointer'
|
|
29
29
|
});
|
|
30
30
|
var packageName = "@atlaskit/table-tree";
|
|
31
|
-
var packageVersion = "9.4.
|
|
31
|
+
var packageVersion = "9.4.2";
|
|
32
32
|
var Row = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2.default)(Row, _Component);
|
|
34
34
|
var _super = _createSuper(Row);
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
|
@@ -20,7 +20,7 @@ var treeRowClickableStyles = css({
|
|
|
20
20
|
cursor: 'pointer'
|
|
21
21
|
});
|
|
22
22
|
var packageName = "@atlaskit/table-tree";
|
|
23
|
-
var packageVersion = "9.4.
|
|
23
|
+
var packageVersion = "9.4.2";
|
|
24
24
|
var Row = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(Row, _Component);
|
|
26
26
|
var _super = _createSuper(Row);
|
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CellProps {
|
|
3
|
+
/**
|
|
4
|
+
* Whether the cell contents should wrap or display on a single line and be concatenated.
|
|
5
|
+
*/
|
|
6
|
+
singleLine?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Indent level for the cell. Each indent level adds 25px to the left padding.
|
|
9
|
+
*/
|
|
10
|
+
indentLevel?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Width of the header item. Takes a string or a number representing the width in pixels.
|
|
13
|
+
*/
|
|
14
|
+
width?: number | string;
|
|
15
|
+
/**
|
|
16
|
+
* Class name to apply to cell.
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: {
|
|
21
|
+
new (props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>): {
|
|
22
|
+
UNSAFE_componentWillMount(): void;
|
|
23
|
+
setColumnWidth(width?: string | number | undefined): void;
|
|
24
|
+
UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
|
|
25
|
+
render(): JSX.Element;
|
|
26
|
+
context: any;
|
|
27
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
28
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
29
|
+
readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
}>;
|
|
32
|
+
state: Readonly<{}>;
|
|
33
|
+
refs: {
|
|
34
|
+
[key: string]: React.ReactInstance;
|
|
35
|
+
};
|
|
36
|
+
componentDidMount?(): void;
|
|
37
|
+
shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
38
|
+
componentWillUnmount?(): void;
|
|
39
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
40
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
|
|
41
|
+
componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
42
|
+
componentWillMount?(): void;
|
|
43
|
+
componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
|
|
44
|
+
componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
45
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
46
|
+
};
|
|
47
|
+
new (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps, context?: any): {
|
|
48
|
+
UNSAFE_componentWillMount(): void;
|
|
49
|
+
setColumnWidth(width?: string | number | undefined): void;
|
|
50
|
+
UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
|
|
51
|
+
render(): JSX.Element;
|
|
52
|
+
context: any;
|
|
53
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
54
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
55
|
+
readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
|
|
56
|
+
children?: React.ReactNode;
|
|
57
|
+
}>;
|
|
58
|
+
state: Readonly<{}>;
|
|
59
|
+
refs: {
|
|
60
|
+
[key: string]: React.ReactInstance;
|
|
61
|
+
};
|
|
62
|
+
componentDidMount?(): void;
|
|
63
|
+
shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
64
|
+
componentWillUnmount?(): void;
|
|
65
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
66
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
|
|
67
|
+
componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
68
|
+
componentWillMount?(): void;
|
|
69
|
+
componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
|
|
70
|
+
componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
71
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
72
|
+
};
|
|
73
|
+
contextTypes: {
|
|
74
|
+
tableTree: import("prop-types").Validator<object>;
|
|
75
|
+
};
|
|
76
|
+
contextType?: React.Context<any> | undefined;
|
|
77
|
+
};
|
|
78
|
+
export default _default;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
new (props: Readonly<any>): {
|
|
4
|
+
UNSAFE_componentWillMount(): void;
|
|
5
|
+
setColumnWidth(width?: string | number | undefined): void;
|
|
6
|
+
UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
|
|
7
|
+
render(): JSX.Element;
|
|
8
|
+
context: any;
|
|
9
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
10
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
11
|
+
readonly props: Readonly<any> & Readonly<{
|
|
12
|
+
children?: import("react").ReactNode;
|
|
13
|
+
}>;
|
|
14
|
+
state: Readonly<{}>;
|
|
15
|
+
refs: {
|
|
16
|
+
[key: string]: import("react").ReactInstance;
|
|
17
|
+
};
|
|
18
|
+
componentDidMount?(): void;
|
|
19
|
+
shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
20
|
+
componentWillUnmount?(): void;
|
|
21
|
+
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
|
|
22
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
|
|
23
|
+
componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
24
|
+
componentWillMount?(): void;
|
|
25
|
+
componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
|
|
26
|
+
componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
|
|
27
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
|
|
28
|
+
};
|
|
29
|
+
new (props: any, context?: any): {
|
|
30
|
+
UNSAFE_componentWillMount(): void;
|
|
31
|
+
setColumnWidth(width?: string | number | undefined): void;
|
|
32
|
+
UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
|
|
33
|
+
render(): JSX.Element;
|
|
34
|
+
context: any;
|
|
35
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
36
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
37
|
+
readonly props: Readonly<any> & Readonly<{
|
|
38
|
+
children?: import("react").ReactNode;
|
|
39
|
+
}>;
|
|
40
|
+
state: Readonly<{}>;
|
|
41
|
+
refs: {
|
|
42
|
+
[key: string]: import("react").ReactInstance;
|
|
43
|
+
};
|
|
44
|
+
componentDidMount?(): void;
|
|
45
|
+
shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
46
|
+
componentWillUnmount?(): void;
|
|
47
|
+
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
|
|
48
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
|
|
49
|
+
componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
50
|
+
componentWillMount?(): void;
|
|
51
|
+
componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
|
|
52
|
+
componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
|
|
53
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
|
|
54
|
+
};
|
|
55
|
+
contextTypes: {
|
|
56
|
+
tableTree: import("prop-types").Validator<object>;
|
|
57
|
+
};
|
|
58
|
+
contextType?: import("react").Context<any> | undefined;
|
|
59
|
+
};
|
|
60
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
interface ChevronProps {
|
|
3
|
+
expandLabel: string;
|
|
4
|
+
collapseLabel: string;
|
|
5
|
+
isExpanded?: boolean;
|
|
6
|
+
ariaControls?: string;
|
|
7
|
+
onExpandToggle?: Function;
|
|
8
|
+
}
|
|
9
|
+
export default class Chevron extends Component<ChevronProps> {
|
|
10
|
+
static defaultProps: {
|
|
11
|
+
expandLabel: string;
|
|
12
|
+
collapseLabel: string;
|
|
13
|
+
};
|
|
14
|
+
handleClick: () => void;
|
|
15
|
+
render(): JSX.Element;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
interface CommonCellProps {
|
|
4
|
+
indent?: string;
|
|
5
|
+
width?: string | number;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* __Common cell__
|
|
10
|
+
*/
|
|
11
|
+
declare const CommonCell: FC<HTMLAttributes<HTMLDivElement> & CommonCellProps>;
|
|
12
|
+
export default CommonCell;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
import { jsx } from '@emotion/react';
|
|
4
|
+
export default class Item extends Component<any> {
|
|
5
|
+
static defaultProps: {
|
|
6
|
+
depth: number;
|
|
7
|
+
};
|
|
8
|
+
render(): import("react").FunctionComponentElement<{
|
|
9
|
+
depth: any;
|
|
10
|
+
data: any;
|
|
11
|
+
renderChildren: () => jsx.JSX.Element;
|
|
12
|
+
}> | null;
|
|
13
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
interface ItemsProps<Item = any> {
|
|
3
|
+
parentData?: any;
|
|
4
|
+
depth: number;
|
|
5
|
+
items?: Item[];
|
|
6
|
+
render: (arg: Item) => React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
interface State {
|
|
9
|
+
isLoaderShown: boolean;
|
|
10
|
+
}
|
|
11
|
+
export default class Items<Item> extends Component<ItemsProps<Item>, State> {
|
|
12
|
+
static defaultProps: {
|
|
13
|
+
depth: number;
|
|
14
|
+
};
|
|
15
|
+
state: State;
|
|
16
|
+
static getDerivedStateFromProps(nextProps: any, prevState: any): {
|
|
17
|
+
isLoaderShown: boolean;
|
|
18
|
+
} | null;
|
|
19
|
+
handleLoaderComplete: () => void;
|
|
20
|
+
renderLoader(): JSX.Element;
|
|
21
|
+
renderItems(): JSX.Element[] | undefined;
|
|
22
|
+
render(): JSX.Element;
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
interface LoaderItemProps {
|
|
3
|
+
depth: number;
|
|
4
|
+
onComplete: (...args: any[]) => void;
|
|
5
|
+
isCompleting?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export default class LoaderItem extends Component<LoaderItemProps, any> {
|
|
8
|
+
static defaultProps: {
|
|
9
|
+
depth: number;
|
|
10
|
+
};
|
|
11
|
+
state: {
|
|
12
|
+
phase: string;
|
|
13
|
+
};
|
|
14
|
+
static getDerivedStateFromProps(nextProps: any, prevState: any): {
|
|
15
|
+
phase: string;
|
|
16
|
+
} | null;
|
|
17
|
+
componentDidUpdate(prevProps: any, prevState: any): void;
|
|
18
|
+
render(): JSX.Element | null;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
interface OverflowContainerProps {
|
|
4
|
+
isSingleLine?: boolean;
|
|
5
|
+
chilren?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* __Overflow container__
|
|
9
|
+
*/
|
|
10
|
+
declare const OverflowContainer: FC<OverflowContainerProps & HTMLAttributes<HTMLSpanElement>>;
|
|
11
|
+
export default OverflowContainer;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
export declare const iconColor: "var(--ds-text)";
|
|
4
|
+
export declare const indentBase: "var(--ds-space-300)";
|
|
5
|
+
/**
|
|
6
|
+
* __Tree row container__
|
|
7
|
+
*/
|
|
8
|
+
export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}>;
|
|
11
|
+
type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* __Chevron container__
|
|
16
|
+
*
|
|
17
|
+
* A wrapper container around the expand table tree button.
|
|
18
|
+
*/
|
|
19
|
+
export declare const ChevronContainer: FC<ChevronContainerProps>;
|
|
20
|
+
/**
|
|
21
|
+
* __Chevron icon container__
|
|
22
|
+
*
|
|
23
|
+
* A chevron icon container.
|
|
24
|
+
*/
|
|
25
|
+
export declare const ChevronIconContainer: FC<ChevronContainerProps>;
|
|
26
|
+
type LoaderItemContainerProps = {
|
|
27
|
+
isRoot?: boolean;
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* __Loader item container__
|
|
32
|
+
*
|
|
33
|
+
* A loader item container.
|
|
34
|
+
*/
|
|
35
|
+
export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export interface CellWithColumnWidthProps {
|
|
4
|
+
width?: number | string;
|
|
5
|
+
columnIndex?: number;
|
|
6
|
+
}
|
|
7
|
+
export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): {
|
|
8
|
+
new (props: Readonly<T & CellWithColumnWidthProps>): {
|
|
9
|
+
UNSAFE_componentWillMount(): void;
|
|
10
|
+
setColumnWidth(width?: number | string): void;
|
|
11
|
+
UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
|
|
12
|
+
render(): JSX.Element;
|
|
13
|
+
context: any;
|
|
14
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
15
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
16
|
+
readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}>;
|
|
19
|
+
state: Readonly<{}>;
|
|
20
|
+
refs: {
|
|
21
|
+
[key: string]: React.ReactInstance;
|
|
22
|
+
};
|
|
23
|
+
componentDidMount?(): void;
|
|
24
|
+
shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
25
|
+
componentWillUnmount?(): void;
|
|
26
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
27
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
|
|
28
|
+
componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
29
|
+
componentWillMount?(): void;
|
|
30
|
+
componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
|
|
31
|
+
componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
32
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
33
|
+
};
|
|
34
|
+
new (props: T & CellWithColumnWidthProps, context?: any): {
|
|
35
|
+
UNSAFE_componentWillMount(): void;
|
|
36
|
+
setColumnWidth(width?: number | string): void;
|
|
37
|
+
UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
|
|
38
|
+
render(): JSX.Element;
|
|
39
|
+
context: any;
|
|
40
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
41
|
+
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
42
|
+
readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
}>;
|
|
45
|
+
state: Readonly<{}>;
|
|
46
|
+
refs: {
|
|
47
|
+
[key: string]: React.ReactInstance;
|
|
48
|
+
};
|
|
49
|
+
componentDidMount?(): void;
|
|
50
|
+
shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
51
|
+
componentWillUnmount?(): void;
|
|
52
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
53
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
|
|
54
|
+
componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
55
|
+
componentWillMount?(): void;
|
|
56
|
+
componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
|
|
57
|
+
componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
58
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
59
|
+
};
|
|
60
|
+
contextTypes: {
|
|
61
|
+
tableTree: PropTypes.Validator<object>;
|
|
62
|
+
};
|
|
63
|
+
contextType?: React.Context<any> | undefined;
|
|
64
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import React, { Component } from 'react';
|
|
3
|
+
import { jsx } from '@emotion/react';
|
|
4
|
+
declare class Row extends Component<any, any> {
|
|
5
|
+
state: {
|
|
6
|
+
isExpanded: any;
|
|
7
|
+
};
|
|
8
|
+
componentDidUpdate(prevProps: any): void;
|
|
9
|
+
onExpandStateChange(isExpanded: boolean): void;
|
|
10
|
+
/**
|
|
11
|
+
* This ensures a user won't trigger a click event and expand the accordion
|
|
12
|
+
* when making a text selection.
|
|
13
|
+
*/
|
|
14
|
+
onClickHandler: (e: React.MouseEvent) => void;
|
|
15
|
+
onExpandToggle: () => void;
|
|
16
|
+
isExpanded(): any;
|
|
17
|
+
renderCell(cell: any, cellIndex: number): React.FunctionComponentElement<{
|
|
18
|
+
key: number;
|
|
19
|
+
columnIndex: number;
|
|
20
|
+
indentLevel: any;
|
|
21
|
+
}>;
|
|
22
|
+
render(): jsx.JSX.Element;
|
|
23
|
+
}
|
|
24
|
+
export { Row as RowWithoutAnalytics };
|
|
25
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, string | number | symbol> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, string | number | symbol> & React.RefAttributes<any>>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
type WithChildren<T> = T & {
|
|
3
|
+
children?: T[] | null;
|
|
4
|
+
};
|
|
5
|
+
export interface RowsProps<T> {
|
|
6
|
+
items?: WithChildren<T>[];
|
|
7
|
+
render: (args: WithChildren<T>) => React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export default class Rows<T> extends Component<RowsProps<T>> {
|
|
10
|
+
render(): JSX.Element;
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
interface State {
|
|
4
|
+
columnWidths: number[];
|
|
5
|
+
}
|
|
6
|
+
export default class TableTree extends Component<any, State> {
|
|
7
|
+
static childContextTypes: {
|
|
8
|
+
tableTree: PropTypes.Validator<object>;
|
|
9
|
+
};
|
|
10
|
+
state: State;
|
|
11
|
+
componentDidMount(): void;
|
|
12
|
+
setColumnWidth: (columnIndex: number, width: number) => void;
|
|
13
|
+
getColumnWidth: (columnIndex: any) => number | null;
|
|
14
|
+
getChildContext(): {
|
|
15
|
+
tableTree: {
|
|
16
|
+
columnWidths: number[];
|
|
17
|
+
setColumnWidth: (columnIndex: number, width: number) => void;
|
|
18
|
+
getColumnWidth: (columnIndex: any) => number | null;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
render(): JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { default } from './components/table-tree';
|
|
2
|
+
export { default as Headers } from './components/headers';
|
|
3
|
+
export { default as Header } from './components/header';
|
|
4
|
+
export { default as Cell } from './components/cell';
|
|
5
|
+
export { default as Rows } from './components/rows';
|
|
6
|
+
export { default as Row } from './components/row';
|
|
7
|
+
export { default as TableTreeDataHelper } from './utils/table-tree-data-helper';
|
|
8
|
+
export type { CellWithColumnWidthProps } from './components/internal/with-column-width';
|
|
9
|
+
export type { CellProps } from './components/cell';
|
|
10
|
+
export type { RowsProps } from './components/rows';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This helper class will create a cache of all the id's in the items object and
|
|
3
|
+
* path to the object.
|
|
4
|
+
* Example:
|
|
5
|
+
* [{
|
|
6
|
+
* // item 1,
|
|
7
|
+
* id: 1,
|
|
8
|
+
* children:[{
|
|
9
|
+
* // item 1.1,
|
|
10
|
+
* id: '2'
|
|
11
|
+
* }]
|
|
12
|
+
* }]
|
|
13
|
+
*
|
|
14
|
+
* Cache will look something like:
|
|
15
|
+
* {1: 0, 2: '0.children[0]'}
|
|
16
|
+
*/
|
|
17
|
+
export default class TableTreeDataHelper<T extends any = any> {
|
|
18
|
+
key: keyof T;
|
|
19
|
+
keysCache: any;
|
|
20
|
+
constructor({ key }?: {
|
|
21
|
+
key?: keyof T | undefined;
|
|
22
|
+
});
|
|
23
|
+
updateItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
|
|
24
|
+
appendItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
|
|
25
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function toItemId(id: string): string;
|
package/package.json
CHANGED