@instructure/ui-table 8.14.1-snapshot.46 → 8.14.1-snapshot.47
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/es/Table/Body/index.js +2 -1
- package/es/Table/Body/props.js +0 -3
- package/es/Table/Cell/index.js +1 -0
- package/es/Table/Cell/props.js +0 -4
- package/es/Table/ColHeader/index.js +3 -2
- package/es/Table/ColHeader/props.js +0 -30
- package/es/Table/Head/index.js +25 -21
- package/es/Table/Head/props.js +0 -3
- package/es/Table/Row/index.js +1 -0
- package/es/Table/Row/props.js +0 -3
- package/es/Table/RowHeader/index.js +1 -0
- package/es/Table/RowHeader/props.js +0 -4
- package/es/Table/index.js +8 -7
- package/es/Table/props.js +0 -28
- package/lib/Table/Body/index.js +2 -1
- package/lib/Table/Body/props.js +0 -3
- package/lib/Table/Cell/index.js +1 -0
- package/lib/Table/Cell/props.js +0 -4
- package/lib/Table/ColHeader/index.js +5 -2
- package/lib/Table/ColHeader/props.js +0 -30
- package/lib/Table/Head/index.js +29 -23
- package/lib/Table/Head/props.js +0 -3
- package/lib/Table/Row/index.js +1 -0
- package/lib/Table/Row/props.js +0 -3
- package/lib/Table/RowHeader/index.js +1 -0
- package/lib/Table/RowHeader/props.js +0 -4
- package/lib/Table/index.js +10 -7
- package/lib/Table/props.js +0 -28
- package/package.json +17 -17
- package/src/Table/Body/index.tsx +14 -12
- package/src/Table/Body/props.ts +5 -4
- package/src/Table/Cell/index.tsx +1 -0
- package/src/Table/Cell/props.ts +5 -5
- package/src/Table/ColHeader/index.tsx +6 -15
- package/src/Table/ColHeader/props.ts +29 -26
- package/src/Table/Head/index.tsx +38 -21
- package/src/Table/Head/props.ts +4 -4
- package/src/Table/Row/index.tsx +3 -4
- package/src/Table/Row/props.ts +5 -4
- package/src/Table/RowHeader/index.tsx +1 -0
- package/src/Table/RowHeader/props.ts +4 -4
- package/src/Table/index.tsx +14 -10
- package/src/Table/props.ts +24 -24
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Table/Body/index.d.ts +4 -3
- package/types/Table/Body/index.d.ts.map +1 -1
- package/types/Table/Body/props.d.ts +5 -1
- package/types/Table/Body/props.d.ts.map +1 -1
- package/types/Table/Cell/index.d.ts +5 -4
- package/types/Table/Cell/index.d.ts.map +1 -1
- package/types/Table/Cell/props.d.ts +5 -2
- package/types/Table/Cell/props.d.ts.map +1 -1
- package/types/Table/ColHeader/index.d.ts +11 -6
- package/types/Table/ColHeader/index.d.ts.map +1 -1
- package/types/Table/ColHeader/props.d.ts +28 -2
- package/types/Table/ColHeader/props.d.ts.map +1 -1
- package/types/Table/Head/index.d.ts +6 -5
- package/types/Table/Head/index.d.ts.map +1 -1
- package/types/Table/Head/props.d.ts +4 -1
- package/types/Table/Head/props.d.ts.map +1 -1
- package/types/Table/Row/index.d.ts +3 -2
- package/types/Table/Row/index.d.ts.map +1 -1
- package/types/Table/Row/props.d.ts +5 -1
- package/types/Table/Row/props.d.ts.map +1 -1
- package/types/Table/RowHeader/index.d.ts +3 -2
- package/types/Table/RowHeader/index.d.ts.map +1 -1
- package/types/Table/RowHeader/props.d.ts +4 -1
- package/types/Table/RowHeader/props.d.ts.map +1 -1
- package/types/Table/index.d.ts +7 -6
- package/types/Table/index.d.ts.map +1 -1
- package/types/Table/props.d.ts +24 -1
- package/types/Table/props.d.ts.map +1 -1
@@ -7,26 +7,27 @@ import type { TableBodyProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.Body
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class Body extends Component<TableBodyProps> {
|
12
13
|
static readonly componentId = "Table.Body";
|
13
14
|
static allowedProps: readonly (keyof {
|
14
15
|
hover?: boolean | undefined;
|
15
16
|
isStacked?: boolean | undefined;
|
16
|
-
headers?: (import("react").ReactNode | ((
|
17
|
+
headers?: (import("react").ReactNode | (() => import("react").ReactNode))[] | undefined;
|
17
18
|
children?: import("react").ReactNode;
|
18
19
|
})[];
|
19
20
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
20
21
|
hover?: boolean | undefined;
|
21
22
|
isStacked?: boolean | undefined;
|
22
|
-
headers?: (import("react").ReactNode | ((
|
23
|
+
headers?: (import("react").ReactNode | (() => import("react").ReactNode))[] | undefined;
|
23
24
|
children?: import("react").ReactNode;
|
24
25
|
}>;
|
25
26
|
static defaultProps: {
|
26
27
|
children: null;
|
27
28
|
};
|
28
29
|
componentDidMount(): void;
|
29
|
-
componentDidUpdate(
|
30
|
+
componentDidUpdate(): void;
|
30
31
|
render(): jsx.JSX.Element;
|
31
32
|
}
|
32
33
|
export default Body;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAQzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAQzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C;;;;;;GAMG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAyBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
@@ -1,10 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import type { TableRowProps } from '../Row/props';
|
2
3
|
import type { OtherHTMLAttributes, PropValidators, TableBodyTheme } from '@instructure/shared-types';
|
3
4
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
4
5
|
declare type TableBodyOwnProps = {
|
5
6
|
hover?: boolean;
|
6
7
|
isStacked?: boolean;
|
7
|
-
headers?:
|
8
|
+
headers?: TableRowProps['headers'];
|
9
|
+
/**
|
10
|
+
* `Table.Row`
|
11
|
+
*/
|
8
12
|
children?: React.ReactNode;
|
9
13
|
};
|
10
14
|
declare type PropKeys = keyof TableBodyOwnProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,aAAK,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAE5C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -7,20 +7,21 @@ import type { TableCellProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.Cell
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class Cell extends Component<TableCellProps> {
|
12
13
|
static readonly componentId = "Table.Cell";
|
13
14
|
static allowedProps: readonly (keyof {
|
14
15
|
isStacked?: boolean | undefined;
|
15
|
-
header?: import("react").ReactNode | ((
|
16
|
+
header?: import("react").ReactNode | (() => import("react").ReactNode);
|
16
17
|
textAlign?: "start" | "center" | "end" | undefined;
|
17
|
-
children?: import("react").ReactNode | ((
|
18
|
+
children?: import("react").ReactNode | (() => import("react").ReactNode);
|
18
19
|
})[];
|
19
20
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
20
21
|
isStacked?: boolean | undefined;
|
21
|
-
header?: import("react").ReactNode | ((
|
22
|
+
header?: import("react").ReactNode | (() => import("react").ReactNode);
|
22
23
|
textAlign?: "start" | "center" | "end" | undefined;
|
23
|
-
children?: import("react").ReactNode | ((
|
24
|
+
children?: import("react").ReactNode | (() => import("react").ReactNode);
|
24
25
|
}>;
|
25
26
|
static defaultProps: {
|
26
27
|
textAlign: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;;GAMG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
@@ -3,9 +3,12 @@ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
3
|
import type { OtherHTMLAttributes, PropValidators, TableCellTheme } from '@instructure/shared-types';
|
4
4
|
declare type TableCellOwnProps = {
|
5
5
|
isStacked?: boolean;
|
6
|
-
header?: React.ReactNode | ((
|
6
|
+
header?: React.ReactNode | (() => React.ReactNode);
|
7
|
+
/**
|
8
|
+
* Control the text alignment in cell
|
9
|
+
*/
|
7
10
|
textAlign?: 'start' | 'center' | 'end';
|
8
|
-
children?: React.ReactNode | ((
|
11
|
+
children?: React.ReactNode | (() => React.ReactNode);
|
9
12
|
};
|
10
13
|
declare type PropKeys = keyof TableCellOwnProps;
|
11
14
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;CACrD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,aAAK,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAE5C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @jsx jsx */
|
2
|
-
import { Component } from 'react';
|
2
|
+
import React, { Component } from 'react';
|
3
3
|
import { jsx } from '@instructure/emotion';
|
4
4
|
import type { TableColHeaderProps } from './props';
|
5
5
|
/**
|
@@ -7,6 +7,7 @@ import type { TableColHeaderProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.ColHeader
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class ColHeader extends Component<TableColHeaderProps> {
|
12
13
|
static readonly componentId = "Table.ColHeader";
|
@@ -16,9 +17,11 @@ declare class ColHeader extends Component<TableColHeaderProps> {
|
|
16
17
|
width?: string | number | undefined;
|
17
18
|
textAlign?: "start" | "center" | "end" | undefined;
|
18
19
|
sortDirection?: "none" | "ascending" | "descending" | undefined;
|
19
|
-
onRequestSort?: ((
|
20
|
+
onRequestSort?: ((event: React.SyntheticEvent<Element, Event>, param: {
|
21
|
+
id: string;
|
22
|
+
}) => void) | undefined;
|
20
23
|
scope?: "row" | "col" | "rowgroup" | "colgroup" | "auto" | undefined;
|
21
|
-
children?:
|
24
|
+
children?: React.ReactNode | (() => React.ReactNode);
|
22
25
|
})[];
|
23
26
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
24
27
|
id: string;
|
@@ -26,9 +29,11 @@ declare class ColHeader extends Component<TableColHeaderProps> {
|
|
26
29
|
width?: string | number | undefined;
|
27
30
|
textAlign?: "start" | "center" | "end" | undefined;
|
28
31
|
sortDirection?: "none" | "ascending" | "descending" | undefined;
|
29
|
-
onRequestSort?: ((
|
32
|
+
onRequestSort?: ((event: React.SyntheticEvent<Element, Event>, param: {
|
33
|
+
id: string;
|
34
|
+
}) => void) | undefined;
|
30
35
|
scope?: "row" | "col" | "rowgroup" | "colgroup" | "auto" | undefined;
|
31
|
-
children?:
|
36
|
+
children?: React.ReactNode | (() => React.ReactNode);
|
32
37
|
}>;
|
33
38
|
static defaultProps: {
|
34
39
|
textAlign: string;
|
@@ -38,7 +43,7 @@ declare class ColHeader extends Component<TableColHeaderProps> {
|
|
38
43
|
};
|
39
44
|
componentDidMount(): void;
|
40
45
|
componentDidUpdate(): void;
|
41
|
-
handleClick: (event:
|
46
|
+
handleClick: (event: React.SyntheticEvent) => void;
|
42
47
|
renderSortArrow(): jsx.JSX.Element | null;
|
43
48
|
render(): jsx.JSX.Element;
|
44
49
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/ColHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/ColHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;;GAMG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,WAAW,UAAW,MAAM,cAAc,UAIzC;IAED,eAAe;IAgBf,MAAM;CA2BP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
@@ -2,14 +2,40 @@ import React, { ThHTMLAttributes } from 'react';
|
|
2
2
|
import type { OtherHTMLAttributes, PropValidators, TableColHeaderTheme } from '@instructure/shared-types';
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
4
4
|
declare type TableColHeaderOwnProps = {
|
5
|
+
/**
|
6
|
+
* A unique id for this column. The `id` is also used as option in combobox,
|
7
|
+
* when sortable table is in stacked layout,
|
8
|
+
* and no `stackedSortByLabel` is provided.
|
9
|
+
*/
|
5
10
|
id: string;
|
11
|
+
/**
|
12
|
+
* A custom string to display as option text in the combobox (instead of
|
13
|
+
* using the `id` prop), when sortable table is in stacked layout.
|
14
|
+
*/
|
6
15
|
stackedSortByLabel?: string;
|
16
|
+
/**
|
17
|
+
* Control the width of column.
|
18
|
+
*/
|
7
19
|
width?: string | number;
|
20
|
+
/**
|
21
|
+
* Control the text alignment in column header
|
22
|
+
*/
|
8
23
|
textAlign?: 'start' | 'center' | 'end';
|
24
|
+
/**
|
25
|
+
* The string of sorting direction
|
26
|
+
*/
|
9
27
|
sortDirection?: 'none' | 'ascending' | 'descending';
|
10
|
-
|
28
|
+
/**
|
29
|
+
* Callback fired when column header is clicked. Parameters: `(event, { id })`
|
30
|
+
*/
|
31
|
+
onRequestSort?: (event: React.SyntheticEvent, param: {
|
32
|
+
id: TableColHeaderOwnProps['id'];
|
33
|
+
}) => void;
|
34
|
+
/**
|
35
|
+
* The column header scope attribute. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
|
36
|
+
*/
|
11
37
|
scope?: 'row' | 'col' | 'rowgroup' | 'colgroup' | 'auto';
|
12
|
-
children?: React.ReactNode | ((
|
38
|
+
children?: React.ReactNode | (() => React.ReactNode);
|
13
39
|
};
|
14
40
|
declare type PropKeys = keyof TableColHeaderOwnProps;
|
15
41
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/ColHeader/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,YAAY,CAAA;IACnD,aAAa,CAAC,EAAE,CAAC,
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/ColHeader/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,YAAY,CAAA;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,KAAK,EAAE;QAAE,EAAE,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAA;KAAE,KACxC,IAAI,CAAA;IACT;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;CACrD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CACjB,sBAAsB,EACtB,gBAAgB,CAAC,sBAAsB,CAAC,CACzC,CAAA;AAEH,aAAK,mBAAmB,GAAG,cAAc,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @jsx jsx */
|
2
|
-
import { Component } from 'react';
|
2
|
+
import React, { Component } from 'react';
|
3
3
|
import { jsx } from '@instructure/emotion';
|
4
4
|
import type { TableHeadProps } from './props';
|
5
5
|
/**
|
@@ -7,18 +7,19 @@ import type { TableHeadProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.Head
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class Head extends Component<TableHeadProps> {
|
12
13
|
static readonly componentId = "Table.Head";
|
13
14
|
static allowedProps: readonly (keyof {
|
14
15
|
isStacked?: boolean | undefined;
|
15
|
-
renderSortLabel?:
|
16
|
-
children?:
|
16
|
+
renderSortLabel?: React.ReactNode | (() => React.ReactNode);
|
17
|
+
children?: React.ReactNode;
|
17
18
|
})[];
|
18
19
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
19
20
|
isStacked?: boolean | undefined;
|
20
|
-
renderSortLabel?:
|
21
|
-
children?:
|
21
|
+
renderSortLabel?: React.ReactNode | (() => React.ReactNode);
|
22
|
+
children?: React.ReactNode;
|
22
23
|
}>;
|
23
24
|
static defaultProps: {
|
24
25
|
children: null;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Head/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Head/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAalD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C;;;;;;GAMG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,IAAI,UAAU,YAqBb;IAED,iBAAiB;IAIjB,kBAAkB;IAUlB,YAAY;IAsFZ,MAAM;CAaP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
@@ -3,7 +3,10 @@ import type { OtherHTMLAttributes, PropValidators, TableHeadTheme } from '@instr
|
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
4
4
|
declare type TableHeadOwnProps = {
|
5
5
|
isStacked?: boolean;
|
6
|
-
renderSortLabel?: React.ReactNode | ((
|
6
|
+
renderSortLabel?: React.ReactNode | (() => React.ReactNode);
|
7
|
+
/**
|
8
|
+
* `Table.Row`
|
9
|
+
*/
|
7
10
|
children?: React.ReactNode;
|
8
11
|
};
|
9
12
|
declare type PropKeys = keyof TableHeadOwnProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Head/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Head/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AACD,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,aAAK,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAE5C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAInB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -7,19 +7,20 @@ import type { TableRowProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.Row
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class Row extends Component<TableRowProps> {
|
12
13
|
static readonly componentId = "Table.Row";
|
13
14
|
static allowedProps: readonly (keyof {
|
14
15
|
hover?: boolean | undefined;
|
15
16
|
isStacked?: boolean | undefined;
|
16
|
-
headers?: (import("react").ReactNode | ((
|
17
|
+
headers?: (import("react").ReactNode | (() => import("react").ReactNode))[] | undefined;
|
17
18
|
children?: import("react").ReactNode;
|
18
19
|
})[];
|
19
20
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
20
21
|
hover?: boolean | undefined;
|
21
22
|
isStacked?: boolean | undefined;
|
22
|
-
headers?: (import("react").ReactNode | ((
|
23
|
+
headers?: (import("react").ReactNode | (() => import("react").ReactNode))[] | undefined;
|
23
24
|
children?: import("react").ReactNode;
|
24
25
|
}>;
|
25
26
|
static defaultProps: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Row/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AASzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Row/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AASzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;;;;;GAMG;AACH,cACM,GAAI,SAAQ,SAAS,CAAC,aAAa,CAAC;IACxC,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAkCP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}
|
@@ -1,10 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import type { TableCellProps } from '../Cell/props';
|
2
3
|
import type { OtherHTMLAttributes, PropValidators, TableRowTheme } from '@instructure/shared-types';
|
3
4
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
4
5
|
declare type TableRowOwnProps = {
|
5
6
|
hover?: boolean;
|
6
7
|
isStacked?: boolean;
|
7
|
-
headers?:
|
8
|
+
headers?: TableCellProps['header'][];
|
9
|
+
/**
|
10
|
+
* `Table.ColHeader`, `Table.RowHeader` or `Table.Cell`
|
11
|
+
*/
|
8
12
|
children?: React.ReactNode;
|
9
13
|
};
|
10
14
|
declare type PropKeys = keyof TableRowOwnProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Row/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Row/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,aAAa,EACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,GAC5C,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,aAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAE1C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -7,18 +7,19 @@ import type { TableRowHeaderProps } from './props';
|
|
7
7
|
parent: Table
|
8
8
|
id: Table.RowHeader
|
9
9
|
---
|
10
|
+
@tsProps
|
10
11
|
**/
|
11
12
|
declare class RowHeader extends Component<TableRowHeaderProps> {
|
12
13
|
static readonly componentId = "Table.RowHeader";
|
13
14
|
static allowedProps: readonly (keyof {
|
14
15
|
isStacked?: boolean | undefined;
|
15
16
|
textAlign?: "start" | "center" | "end" | undefined;
|
16
|
-
children?: import("react").ReactNode | ((
|
17
|
+
children?: import("react").ReactNode | (() => import("react").ReactNode);
|
17
18
|
})[];
|
18
19
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
19
20
|
isStacked?: boolean | undefined;
|
20
21
|
textAlign?: "start" | "center" | "end" | undefined;
|
21
|
-
children?: import("react").ReactNode | ((
|
22
|
+
children?: import("react").ReactNode | (() => import("react").ReactNode);
|
22
23
|
}>;
|
23
24
|
static defaultProps: {
|
24
25
|
textAlign: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/RowHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/RowHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;;GAMG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAkBP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
@@ -3,8 +3,11 @@ import type { OtherHTMLAttributes, PropValidators, TableRowHeaderTheme } from '@
|
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
4
4
|
declare type TableRowHeaderOwnProps = {
|
5
5
|
isStacked?: boolean;
|
6
|
+
/**
|
7
|
+
* Control the text alignment in row header
|
8
|
+
*/
|
6
9
|
textAlign?: 'start' | 'center' | 'end';
|
7
|
-
children?: React.ReactNode | ((
|
10
|
+
children?: React.ReactNode | (() => React.ReactNode);
|
8
11
|
};
|
9
12
|
declare type PropKeys = keyof TableRowHeaderOwnProps;
|
10
13
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/RowHeader/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/RowHeader/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;CACrD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAwD,CAAA;AAE5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
package/types/Table/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @jsx jsx */
|
2
|
-
import { Component } from 'react';
|
2
|
+
import React, { Component } from 'react';
|
3
3
|
import { jsx } from '@instructure/emotion';
|
4
4
|
import { Head } from './Head';
|
5
5
|
import { Body } from './Body';
|
@@ -12,24 +12,25 @@ import type { TableProps } from './props';
|
|
12
12
|
---
|
13
13
|
category: components
|
14
14
|
---
|
15
|
+
@tsProps
|
15
16
|
**/
|
16
17
|
declare class Table extends Component<TableProps> {
|
17
18
|
static readonly componentId = "Table";
|
18
19
|
static allowedProps: readonly (keyof {
|
19
|
-
caption
|
20
|
+
caption?: React.ReactNode;
|
20
21
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
21
22
|
elementRef?: ((element: Element | null) => void) | undefined;
|
22
23
|
hover?: boolean | undefined;
|
23
24
|
layout?: "auto" | "fixed" | "stacked" | undefined;
|
24
|
-
children?:
|
25
|
+
children?: React.ReactNode;
|
25
26
|
})[];
|
26
27
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
27
|
-
caption
|
28
|
+
caption?: React.ReactNode;
|
28
29
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
29
30
|
elementRef?: ((element: Element | null) => void) | undefined;
|
30
31
|
hover?: boolean | undefined;
|
31
32
|
layout?: "auto" | "fixed" | "stacked" | undefined;
|
32
|
-
children?:
|
33
|
+
children?: React.ReactNode;
|
33
34
|
}>;
|
34
35
|
static defaultProps: {
|
35
36
|
children: null;
|
@@ -46,7 +47,7 @@ declare class Table extends Component<TableProps> {
|
|
46
47
|
handleRef: (el: Element | null) => void;
|
47
48
|
componentDidMount(): void;
|
48
49
|
componentDidUpdate(): void;
|
49
|
-
getHeaders():
|
50
|
+
getHeaders(): {}[] | null | undefined;
|
50
51
|
render(): jsx.JSX.Element;
|
51
52
|
}
|
52
53
|
export default Table;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAUhE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAKzC;;;;;GAKG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,GAAG,aAAM;IAChB,MAAM,CAAC,SAAS,mBAAY;IAC5B,MAAM,CAAC,SAAS,mBAAY;IAC5B,MAAM,CAAC,IAAI,cAAO;IAElB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAuBV,MAAM;CA2CP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
package/types/Table/props.d.ts
CHANGED
@@ -2,11 +2,34 @@ import React from 'react';
|
|
2
2
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
3
3
|
import type { OtherHTMLAttributes, PropValidators, TableTheme } from '@instructure/shared-types';
|
4
4
|
declare type TableOwnProps = {
|
5
|
-
|
5
|
+
/**
|
6
|
+
* Provide a screen reader friendly description. Anything passed to this
|
7
|
+
* prop will be wrapped by `<ScreenReaderContent>` when it is rendered.
|
8
|
+
*/
|
9
|
+
caption?: React.ReactNode;
|
10
|
+
/**
|
11
|
+
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
12
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
13
|
+
* familiar CSS-like shorthand. For example: `margin="small auto large"`.
|
14
|
+
*/
|
6
15
|
margin?: Spacing;
|
16
|
+
/**
|
17
|
+
* Provide a reference to the underlying html element
|
18
|
+
*/
|
7
19
|
elementRef?: (element: Element | null) => void;
|
20
|
+
/**
|
21
|
+
* Highlight each row on hover
|
22
|
+
*/
|
8
23
|
hover?: boolean;
|
24
|
+
/**
|
25
|
+
* `auto` lets the browser determine table column widths based on cell content,
|
26
|
+
* while `fixed` forces columns of equal width. `stacked` renders table in one
|
27
|
+
* column to be more readable on narrow screens
|
28
|
+
*/
|
9
29
|
layout?: 'auto' | 'fixed' | 'stacked';
|
30
|
+
/**
|
31
|
+
* Build table via `Table.Head` and `Table.Body`
|
32
|
+
*/
|
10
33
|
children?: React.ReactNode;
|
11
34
|
};
|
12
35
|
declare type PropKeys = keyof TableOwnProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Table/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAA;AAElC,aAAK,aAAa,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Table/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAA;AAElC,aAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,aAAa,CAAA;AAEnC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,UAAU,GAAG,aAAa,GAC7B,cAAc,CAAC,UAAU,EAAE,UAAU,CAAC,GACtC,mBAAmB,CAAC,aAAa,CAAC,CAAA;AAEpC,aAAK,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|