@zendeskgarden/react-tables 8.69.2 → 8.69.4
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/dist/index.cjs.js +12 -12
- package/dist/index.esm.js +12 -12
- package/dist/typings/elements/Body.d.ts +11 -11
- package/dist/typings/elements/Caption.d.ts +11 -11
- package/dist/typings/elements/Cell.d.ts +12 -12
- package/dist/typings/elements/GroupRow.d.ts +11 -11
- package/dist/typings/elements/Head.d.ts +12 -12
- package/dist/typings/elements/HeaderCell.d.ts +12 -12
- package/dist/typings/elements/HeaderRow.d.ts +11 -11
- package/dist/typings/elements/OverflowButton.d.ts +19 -19
- package/dist/typings/elements/Row.d.ts +12 -12
- package/dist/typings/elements/SortableCell.d.ts +12 -12
- package/dist/typings/elements/Table.d.ts +12 -12
- package/dist/typings/index.d.ts +18 -18
- package/dist/typings/styled/StyledBody.d.ts +10 -10
- package/dist/typings/styled/StyledCaption.d.ts +10 -10
- package/dist/typings/styled/StyledCell.d.ts +12 -12
- package/dist/typings/styled/StyledGroupRow.d.ts +12 -12
- package/dist/typings/styled/StyledHead.d.ts +15 -15
- package/dist/typings/styled/StyledHeaderCell.d.ts +13 -13
- package/dist/typings/styled/StyledHeaderRow.d.ts +12 -12
- package/dist/typings/styled/StyledHiddenCell.d.ts +10 -10
- package/dist/typings/styled/StyledOverflowButton.d.ts +21 -21
- package/dist/typings/styled/StyledRow.d.ts +18 -18
- package/dist/typings/styled/StyledSortableButton.d.ts +19 -19
- package/dist/typings/styled/StyledTable.d.ts +17 -17
- package/dist/typings/styled/index.d.ts +18 -18
- package/dist/typings/styled/style-utils.d.ts +11 -11
- package/dist/typings/types/index.d.ts +52 -52
- package/dist/typings/utils/useTableContext.d.ts +15 -15
- package/package.json +5 -5
package/dist/index.cjs.js
CHANGED
|
@@ -56,7 +56,7 @@ function _extends$3() {
|
|
|
56
56
|
const COMPONENT_ID$b = 'tables.body';
|
|
57
57
|
const StyledBody = styled__default.default.tbody.attrs({
|
|
58
58
|
'data-garden-id': COMPONENT_ID$b,
|
|
59
|
-
'data-garden-version': '8.69.
|
|
59
|
+
'data-garden-version': '8.69.4'
|
|
60
60
|
}).withConfig({
|
|
61
61
|
displayName: "StyledBody",
|
|
62
62
|
componentId: "sc-14ud6y-0"
|
|
@@ -68,7 +68,7 @@ StyledBody.defaultProps = {
|
|
|
68
68
|
const COMPONENT_ID$a = 'tables.caption';
|
|
69
69
|
const StyledCaption = styled__default.default.caption.attrs({
|
|
70
70
|
'data-garden-id': COMPONENT_ID$a,
|
|
71
|
-
'data-garden-version': '8.69.
|
|
71
|
+
'data-garden-version': '8.69.4'
|
|
72
72
|
}).withConfig({
|
|
73
73
|
displayName: "StyledCaption",
|
|
74
74
|
componentId: "sc-113y327-0"
|
|
@@ -83,7 +83,7 @@ const getLineHeight = props => {
|
|
|
83
83
|
};
|
|
84
84
|
const StyledTable = styled__default.default.table.attrs({
|
|
85
85
|
'data-garden-id': COMPONENT_ID$9,
|
|
86
|
-
'data-garden-version': '8.69.
|
|
86
|
+
'data-garden-version': '8.69.4'
|
|
87
87
|
}).withConfig({
|
|
88
88
|
displayName: "StyledTable",
|
|
89
89
|
componentId: "sc-gje7na-0"
|
|
@@ -126,7 +126,7 @@ const sizeStyling = props => {
|
|
|
126
126
|
};
|
|
127
127
|
const StyledCell = styled__default.default.td.attrs({
|
|
128
128
|
'data-garden-id': COMPONENT_ID$8,
|
|
129
|
-
'data-garden-version': '8.69.
|
|
129
|
+
'data-garden-version': '8.69.4'
|
|
130
130
|
}).withConfig({
|
|
131
131
|
displayName: "StyledCell",
|
|
132
132
|
componentId: "sc-8hpncx-0"
|
|
@@ -157,7 +157,7 @@ const colorStyles$1 = props => {
|
|
|
157
157
|
};
|
|
158
158
|
const StyledOverflowButton = styled__default.default.button.attrs({
|
|
159
159
|
'data-garden-id': COMPONENT_ID$7,
|
|
160
|
-
'data-garden-version': '8.69.
|
|
160
|
+
'data-garden-version': '8.69.4',
|
|
161
161
|
type: 'button'
|
|
162
162
|
}).withConfig({
|
|
163
163
|
displayName: "StyledOverflowButton",
|
|
@@ -213,7 +213,7 @@ const colorStyles = props => {
|
|
|
213
213
|
};
|
|
214
214
|
const StyledRow = styled__default.default(StyledBaseRow).attrs(props => ({
|
|
215
215
|
'data-garden-id': COMPONENT_ID$6,
|
|
216
|
-
'data-garden-version': '8.69.
|
|
216
|
+
'data-garden-version': '8.69.4',
|
|
217
217
|
tabIndex: props.isReadOnly ? undefined : -1
|
|
218
218
|
})).withConfig({
|
|
219
219
|
displayName: "StyledRow",
|
|
@@ -234,7 +234,7 @@ const getHeaderRowHeight = props => {
|
|
|
234
234
|
};
|
|
235
235
|
const StyledHeaderRow = styled__default.default(StyledBaseRow).attrs({
|
|
236
236
|
'data-garden-id': COMPONENT_ID$5,
|
|
237
|
-
'data-garden-version': '8.69.
|
|
237
|
+
'data-garden-version': '8.69.4'
|
|
238
238
|
}).withConfig({
|
|
239
239
|
displayName: "StyledHeaderRow",
|
|
240
240
|
componentId: "sc-16ogvdx-0"
|
|
@@ -250,7 +250,7 @@ const stickyStyles = props => {
|
|
|
250
250
|
};
|
|
251
251
|
const StyledHead = styled__default.default.thead.attrs({
|
|
252
252
|
'data-garden-id': COMPONENT_ID$4,
|
|
253
|
-
'data-garden-version': '8.69.
|
|
253
|
+
'data-garden-version': '8.69.4'
|
|
254
254
|
}).withConfig({
|
|
255
255
|
displayName: "StyledHead",
|
|
256
256
|
componentId: "sc-spf23a-0"
|
|
@@ -267,7 +267,7 @@ const sizeStyles$1 = props => {
|
|
|
267
267
|
};
|
|
268
268
|
const StyledGroupRow = styled__default.default(StyledBaseRow).attrs({
|
|
269
269
|
'data-garden-id': COMPONENT_ID$3,
|
|
270
|
-
'data-garden-version': '8.69.
|
|
270
|
+
'data-garden-version': '8.69.4'
|
|
271
271
|
}).withConfig({
|
|
272
272
|
displayName: "StyledGroupRow",
|
|
273
273
|
componentId: "sc-mpd0r8-0"
|
|
@@ -300,7 +300,7 @@ StyledSortableFillIconWrapper.defaultProps = {
|
|
|
300
300
|
};
|
|
301
301
|
const StyledSortableButton = styled__default.default.button.attrs({
|
|
302
302
|
'data-garden-id': COMPONENT_ID$2,
|
|
303
|
-
'data-garden-version': '8.69.
|
|
303
|
+
'data-garden-version': '8.69.4',
|
|
304
304
|
type: 'button'
|
|
305
305
|
}).withConfig({
|
|
306
306
|
displayName: "StyledSortableButton",
|
|
@@ -358,7 +358,7 @@ const sizeStyles = props => {
|
|
|
358
358
|
const StyledHeaderCell = styled__default.default(StyledCell).attrs({
|
|
359
359
|
as: 'th',
|
|
360
360
|
'data-garden-id': COMPONENT_ID$1,
|
|
361
|
-
'data-garden-version': '8.69.
|
|
361
|
+
'data-garden-version': '8.69.4'
|
|
362
362
|
}).withConfig({
|
|
363
363
|
displayName: "StyledHeaderCell",
|
|
364
364
|
componentId: "sc-fzagoe-0"
|
|
@@ -378,7 +378,7 @@ StyledHeaderCell.defaultProps = {
|
|
|
378
378
|
const COMPONENT_ID = 'tables.hidden_cell';
|
|
379
379
|
const StyledHiddenCell = styled__default.default.div.attrs({
|
|
380
380
|
'data-garden-id': COMPONENT_ID,
|
|
381
|
-
'data-garden-version': '8.69.
|
|
381
|
+
'data-garden-version': '8.69.4'
|
|
382
382
|
}).withConfig({
|
|
383
383
|
displayName: "StyledHiddenCell",
|
|
384
384
|
componentId: "sc-1x454xw-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -31,7 +31,7 @@ function _extends$3() {
|
|
|
31
31
|
const COMPONENT_ID$b = 'tables.body';
|
|
32
32
|
const StyledBody = styled.tbody.attrs({
|
|
33
33
|
'data-garden-id': COMPONENT_ID$b,
|
|
34
|
-
'data-garden-version': '8.69.
|
|
34
|
+
'data-garden-version': '8.69.4'
|
|
35
35
|
}).withConfig({
|
|
36
36
|
displayName: "StyledBody",
|
|
37
37
|
componentId: "sc-14ud6y-0"
|
|
@@ -43,7 +43,7 @@ StyledBody.defaultProps = {
|
|
|
43
43
|
const COMPONENT_ID$a = 'tables.caption';
|
|
44
44
|
const StyledCaption = styled.caption.attrs({
|
|
45
45
|
'data-garden-id': COMPONENT_ID$a,
|
|
46
|
-
'data-garden-version': '8.69.
|
|
46
|
+
'data-garden-version': '8.69.4'
|
|
47
47
|
}).withConfig({
|
|
48
48
|
displayName: "StyledCaption",
|
|
49
49
|
componentId: "sc-113y327-0"
|
|
@@ -58,7 +58,7 @@ const getLineHeight = props => {
|
|
|
58
58
|
};
|
|
59
59
|
const StyledTable = styled.table.attrs({
|
|
60
60
|
'data-garden-id': COMPONENT_ID$9,
|
|
61
|
-
'data-garden-version': '8.69.
|
|
61
|
+
'data-garden-version': '8.69.4'
|
|
62
62
|
}).withConfig({
|
|
63
63
|
displayName: "StyledTable",
|
|
64
64
|
componentId: "sc-gje7na-0"
|
|
@@ -101,7 +101,7 @@ const sizeStyling = props => {
|
|
|
101
101
|
};
|
|
102
102
|
const StyledCell = styled.td.attrs({
|
|
103
103
|
'data-garden-id': COMPONENT_ID$8,
|
|
104
|
-
'data-garden-version': '8.69.
|
|
104
|
+
'data-garden-version': '8.69.4'
|
|
105
105
|
}).withConfig({
|
|
106
106
|
displayName: "StyledCell",
|
|
107
107
|
componentId: "sc-8hpncx-0"
|
|
@@ -132,7 +132,7 @@ const colorStyles$1 = props => {
|
|
|
132
132
|
};
|
|
133
133
|
const StyledOverflowButton = styled.button.attrs({
|
|
134
134
|
'data-garden-id': COMPONENT_ID$7,
|
|
135
|
-
'data-garden-version': '8.69.
|
|
135
|
+
'data-garden-version': '8.69.4',
|
|
136
136
|
type: 'button'
|
|
137
137
|
}).withConfig({
|
|
138
138
|
displayName: "StyledOverflowButton",
|
|
@@ -188,7 +188,7 @@ const colorStyles = props => {
|
|
|
188
188
|
};
|
|
189
189
|
const StyledRow = styled(StyledBaseRow).attrs(props => ({
|
|
190
190
|
'data-garden-id': COMPONENT_ID$6,
|
|
191
|
-
'data-garden-version': '8.69.
|
|
191
|
+
'data-garden-version': '8.69.4',
|
|
192
192
|
tabIndex: props.isReadOnly ? undefined : -1
|
|
193
193
|
})).withConfig({
|
|
194
194
|
displayName: "StyledRow",
|
|
@@ -209,7 +209,7 @@ const getHeaderRowHeight = props => {
|
|
|
209
209
|
};
|
|
210
210
|
const StyledHeaderRow = styled(StyledBaseRow).attrs({
|
|
211
211
|
'data-garden-id': COMPONENT_ID$5,
|
|
212
|
-
'data-garden-version': '8.69.
|
|
212
|
+
'data-garden-version': '8.69.4'
|
|
213
213
|
}).withConfig({
|
|
214
214
|
displayName: "StyledHeaderRow",
|
|
215
215
|
componentId: "sc-16ogvdx-0"
|
|
@@ -225,7 +225,7 @@ const stickyStyles = props => {
|
|
|
225
225
|
};
|
|
226
226
|
const StyledHead = styled.thead.attrs({
|
|
227
227
|
'data-garden-id': COMPONENT_ID$4,
|
|
228
|
-
'data-garden-version': '8.69.
|
|
228
|
+
'data-garden-version': '8.69.4'
|
|
229
229
|
}).withConfig({
|
|
230
230
|
displayName: "StyledHead",
|
|
231
231
|
componentId: "sc-spf23a-0"
|
|
@@ -242,7 +242,7 @@ const sizeStyles$1 = props => {
|
|
|
242
242
|
};
|
|
243
243
|
const StyledGroupRow = styled(StyledBaseRow).attrs({
|
|
244
244
|
'data-garden-id': COMPONENT_ID$3,
|
|
245
|
-
'data-garden-version': '8.69.
|
|
245
|
+
'data-garden-version': '8.69.4'
|
|
246
246
|
}).withConfig({
|
|
247
247
|
displayName: "StyledGroupRow",
|
|
248
248
|
componentId: "sc-mpd0r8-0"
|
|
@@ -275,7 +275,7 @@ StyledSortableFillIconWrapper.defaultProps = {
|
|
|
275
275
|
};
|
|
276
276
|
const StyledSortableButton = styled.button.attrs({
|
|
277
277
|
'data-garden-id': COMPONENT_ID$2,
|
|
278
|
-
'data-garden-version': '8.69.
|
|
278
|
+
'data-garden-version': '8.69.4',
|
|
279
279
|
type: 'button'
|
|
280
280
|
}).withConfig({
|
|
281
281
|
displayName: "StyledSortableButton",
|
|
@@ -333,7 +333,7 @@ const sizeStyles = props => {
|
|
|
333
333
|
const StyledHeaderCell = styled(StyledCell).attrs({
|
|
334
334
|
as: 'th',
|
|
335
335
|
'data-garden-id': COMPONENT_ID$1,
|
|
336
|
-
'data-garden-version': '8.69.
|
|
336
|
+
'data-garden-version': '8.69.4'
|
|
337
337
|
}).withConfig({
|
|
338
338
|
displayName: "StyledHeaderCell",
|
|
339
339
|
componentId: "sc-fzagoe-0"
|
|
@@ -353,7 +353,7 @@ StyledHeaderCell.defaultProps = {
|
|
|
353
353
|
const COMPONENT_ID = 'tables.hidden_cell';
|
|
354
354
|
const StyledHiddenCell = styled.div.attrs({
|
|
355
355
|
'data-garden-id': COMPONENT_ID,
|
|
356
|
-
'data-garden-version': '8.69.
|
|
356
|
+
'data-garden-version': '8.69.4'
|
|
357
357
|
}).withConfig({
|
|
358
358
|
displayName: "StyledHiddenCell",
|
|
359
359
|
componentId: "sc-1x454xw-0"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLTableSectionElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLTableSectionElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLTableCaptionElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLTableCaptionElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ICellProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends TdHTMLAttributes<HTMLTableCellElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ICellProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends TdHTMLAttributes<HTMLTableCellElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const GroupRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const GroupRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IHeadProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLTableSectionElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Head: React.ForwardRefExoticComponent<IHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IHeadProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLTableSectionElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Head: React.ForwardRefExoticComponent<IHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IHeaderCellProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ThHTMLAttributes<HTMLTableCellElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const HeaderCell: React.ForwardRefExoticComponent<IHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IHeaderCellProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ThHTMLAttributes<HTMLTableCellElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const HeaderCell: React.ForwardRefExoticComponent<IHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const HeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const HeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React, { ButtonHTMLAttributes } from 'react';
|
|
8
|
-
export interface IOverflowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
-
/** @ignore Applies hover styling */
|
|
10
|
-
isHovered?: boolean;
|
|
11
|
-
/** @ignore Applies active styling */
|
|
12
|
-
isActive?: boolean;
|
|
13
|
-
/** @ignore Applies focus styling */
|
|
14
|
-
isFocused?: boolean;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
18
|
-
*/
|
|
19
|
-
export declare const OverflowButton: React.ForwardRefExoticComponent<IOverflowButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React, { ButtonHTMLAttributes } from 'react';
|
|
8
|
+
export interface IOverflowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
+
/** @ignore Applies hover styling */
|
|
10
|
+
isHovered?: boolean;
|
|
11
|
+
/** @ignore Applies active styling */
|
|
12
|
+
isActive?: boolean;
|
|
13
|
+
/** @ignore Applies focus styling */
|
|
14
|
+
isFocused?: boolean;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
18
|
+
*/
|
|
19
|
+
export declare const OverflowButton: React.ForwardRefExoticComponent<IOverflowButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IRowProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Row: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IRowProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLTableRowElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Row: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ISortableCellProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const SortableCell: React.ForwardRefExoticComponent<ISortableCellProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ISortableCellProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const SortableCell: React.ForwardRefExoticComponent<ISortableCellProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends TableHTMLAttributes<HTMLTableElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends TableHTMLAttributes<HTMLTableElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export { Body } from './elements/Body';
|
|
8
|
-
export { Caption } from './elements/Caption';
|
|
9
|
-
export { Cell } from './elements/Cell';
|
|
10
|
-
export { GroupRow } from './elements/GroupRow';
|
|
11
|
-
export { Head } from './elements/Head';
|
|
12
|
-
export { HeaderCell } from './elements/HeaderCell';
|
|
13
|
-
export { HeaderRow } from './elements/HeaderRow';
|
|
14
|
-
export { OverflowButton } from './elements/OverflowButton';
|
|
15
|
-
export { Row } from './elements/Row';
|
|
16
|
-
export { SortableCell } from './elements/SortableCell';
|
|
17
|
-
export { Table } from './elements/Table';
|
|
18
|
-
export type { ITableProps, IRowProps, ICellProps, IHeadProps, IHeaderCellProps, ISortableCellProps } from './types';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { Body } from './elements/Body';
|
|
8
|
+
export { Caption } from './elements/Caption';
|
|
9
|
+
export { Cell } from './elements/Cell';
|
|
10
|
+
export { GroupRow } from './elements/GroupRow';
|
|
11
|
+
export { Head } from './elements/Head';
|
|
12
|
+
export { HeaderCell } from './elements/HeaderCell';
|
|
13
|
+
export { HeaderRow } from './elements/HeaderRow';
|
|
14
|
+
export { OverflowButton } from './elements/OverflowButton';
|
|
15
|
+
export { Row } from './elements/Row';
|
|
16
|
+
export { SortableCell } from './elements/SortableCell';
|
|
17
|
+
export { Table } from './elements/Table';
|
|
18
|
+
export type { ITableProps, IRowProps, ICellProps, IHeadProps, IHeaderCellProps, ISortableCellProps } from './types';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledCaption: import("styled-components").StyledComponent<"caption", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledCaption: import("styled-components").StyledComponent<"caption", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ICellProps, ITableProps } from '../types';
|
|
9
|
-
export interface IStyledCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'> {
|
|
10
|
-
size?: ITableProps['size'];
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ICellProps, ITableProps } from '../types';
|
|
9
|
+
export interface IStyledCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'> {
|
|
10
|
+
size?: ITableProps['size'];
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps, never>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { IStyledRowProps } from './StyledRow';
|
|
9
|
-
export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
|
|
10
|
-
'data-garden-id': string;
|
|
11
|
-
'data-garden-version': string;
|
|
12
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IStyledRowProps } from './StyledRow';
|
|
9
|
+
export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
|
|
10
|
+
'data-garden-id': string;
|
|
11
|
+
'data-garden-version': string;
|
|
12
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
interface IStyledHeadProps {
|
|
9
|
-
isSticky?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const StyledHead: import("styled-components").StyledComponent<"thead", DefaultTheme, {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
} & IStyledHeadProps, "data-garden-id" | "data-garden-version">;
|
|
15
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledHeadProps {
|
|
9
|
+
isSticky?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledHead: import("styled-components").StyledComponent<"thead", DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & IStyledHeadProps, "data-garden-id" | "data-garden-version">;
|
|
15
|
+
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { IStyledCellProps } from './StyledCell';
|
|
9
|
-
export declare const StyledHeaderCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps & {
|
|
10
|
-
as: string;
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, "data-garden-id" | "data-garden-version" | "as">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IStyledCellProps } from './StyledCell';
|
|
9
|
+
export declare const StyledHeaderCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps & {
|
|
10
|
+
as: string;
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, "data-garden-id" | "data-garden-version" | "as">;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { IStyledRowProps } from './StyledRow';
|
|
9
|
-
export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
|
|
10
|
-
'data-garden-id': string;
|
|
11
|
-
'data-garden-version': string;
|
|
12
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IStyledRowProps } from './StyledRow';
|
|
9
|
+
export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
|
|
10
|
+
'data-garden-id': string;
|
|
11
|
+
'data-garden-version': string;
|
|
12
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledHiddenCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledHiddenCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
interface IStyledOverflowButtonProps {
|
|
10
|
-
isHovered?: boolean;
|
|
11
|
-
isActive?: boolean;
|
|
12
|
-
isFocused?: boolean;
|
|
13
|
-
size?: ITableProps['size'];
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* 1. Reset for <button> element
|
|
17
|
-
* 2. Reset for <a>nchor element
|
|
18
|
-
*/
|
|
19
|
-
export declare const StyledOverflowButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledOverflowButtonProps, never>;
|
|
20
|
-
export declare const StyledOverflowButtonIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
|
|
21
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
interface IStyledOverflowButtonProps {
|
|
10
|
+
isHovered?: boolean;
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
isFocused?: boolean;
|
|
13
|
+
size?: ITableProps['size'];
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* 1. Reset for <button> element
|
|
17
|
+
* 2. Reset for <a>nchor element
|
|
18
|
+
*/
|
|
19
|
+
export declare const StyledOverflowButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledOverflowButtonProps, never>;
|
|
20
|
+
export declare const StyledOverflowButtonIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
|
|
21
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
export interface IStyledRowProps {
|
|
10
|
-
isStriped?: boolean;
|
|
11
|
-
isFocused?: boolean;
|
|
12
|
-
isHovered?: boolean;
|
|
13
|
-
isSelected?: boolean;
|
|
14
|
-
isReadOnly?: ITableProps['isReadOnly'];
|
|
15
|
-
size?: ITableProps['size'];
|
|
16
|
-
}
|
|
17
|
-
export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
|
|
18
|
-
export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
export interface IStyledRowProps {
|
|
10
|
+
isStriped?: boolean;
|
|
11
|
+
isFocused?: boolean;
|
|
12
|
+
isHovered?: boolean;
|
|
13
|
+
isSelected?: boolean;
|
|
14
|
+
isReadOnly?: ITableProps['isReadOnly'];
|
|
15
|
+
size?: ITableProps['size'];
|
|
16
|
+
}
|
|
17
|
+
export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
|
|
18
|
+
export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ISortableCellProps } from '../types';
|
|
8
|
-
export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
-
export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
-
interface IStyledSortableButtonProps {
|
|
11
|
-
sort?: ISortableCellProps['sort'];
|
|
12
|
-
width?: ISortableCellProps['width'];
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* 1. Reset for <button> element
|
|
16
|
-
* 2. Reset for <a>nchor element
|
|
17
|
-
*/
|
|
18
|
-
export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IStyledSortableButtonProps, never>;
|
|
19
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ISortableCellProps } from '../types';
|
|
8
|
+
export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
interface IStyledSortableButtonProps {
|
|
11
|
+
sort?: ISortableCellProps['sort'];
|
|
12
|
+
width?: ISortableCellProps['width'];
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* 1. Reset for <button> element
|
|
16
|
+
* 2. Reset for <a>nchor element
|
|
17
|
+
*/
|
|
18
|
+
export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IStyledSortableButtonProps, never>;
|
|
19
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
interface IStyledTableProps {
|
|
10
|
-
size?: ITableProps['size'];
|
|
11
|
-
}
|
|
12
|
-
export declare const getLineHeight: (props: ThemeProps<DefaultTheme>) => string;
|
|
13
|
-
/**
|
|
14
|
-
* 1. <table> reset
|
|
15
|
-
*/
|
|
16
|
-
export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, IStyledTableProps, never>;
|
|
17
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
interface IStyledTableProps {
|
|
10
|
+
size?: ITableProps['size'];
|
|
11
|
+
}
|
|
12
|
+
export declare const getLineHeight: (props: ThemeProps<DefaultTheme>) => string;
|
|
13
|
+
/**
|
|
14
|
+
* 1. <table> reset
|
|
15
|
+
*/
|
|
16
|
+
export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, IStyledTableProps, never>;
|
|
17
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export { StyledBody } from './StyledBody';
|
|
8
|
-
export { StyledCaption } from './StyledCaption';
|
|
9
|
-
export { StyledHeaderRow } from './StyledHeaderRow';
|
|
10
|
-
export { StyledHead } from './StyledHead';
|
|
11
|
-
export { StyledCell } from './StyledCell';
|
|
12
|
-
export { StyledGroupRow } from './StyledGroupRow';
|
|
13
|
-
export { StyledTable } from './StyledTable';
|
|
14
|
-
export { StyledHeaderCell } from './StyledHeaderCell';
|
|
15
|
-
export { StyledHiddenCell } from './StyledHiddenCell';
|
|
16
|
-
export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper } from './StyledSortableButton';
|
|
17
|
-
export { StyledOverflowButton, StyledOverflowButtonIconWrapper } from './StyledOverflowButton';
|
|
18
|
-
export { StyledRow } from './StyledRow';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { StyledBody } from './StyledBody';
|
|
8
|
+
export { StyledCaption } from './StyledCaption';
|
|
9
|
+
export { StyledHeaderRow } from './StyledHeaderRow';
|
|
10
|
+
export { StyledHead } from './StyledHead';
|
|
11
|
+
export { StyledCell } from './StyledCell';
|
|
12
|
+
export { StyledGroupRow } from './StyledGroupRow';
|
|
13
|
+
export { StyledTable } from './StyledTable';
|
|
14
|
+
export { StyledHeaderCell } from './StyledHeaderCell';
|
|
15
|
+
export { StyledHiddenCell } from './StyledHiddenCell';
|
|
16
|
+
export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper } from './StyledSortableButton';
|
|
17
|
+
export { StyledOverflowButton, StyledOverflowButtonIconWrapper } from './StyledOverflowButton';
|
|
18
|
+
export { StyledRow } from './StyledRow';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
export declare const getRowHeight: (props: {
|
|
10
|
-
size?: ITableProps['size'];
|
|
11
|
-
} & ThemeProps<DefaultTheme>) => string;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
export declare const getRowHeight: (props: {
|
|
10
|
+
size?: ITableProps['size'];
|
|
11
|
+
} & ThemeProps<DefaultTheme>) => string;
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ButtonHTMLAttributes, HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
8
|
-
export declare const SIZE: readonly ["small", "medium", "large"];
|
|
9
|
-
export declare const SORT: string[];
|
|
10
|
-
export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
11
|
-
/** Sets the table size */
|
|
12
|
-
size?: (typeof SIZE)[number];
|
|
13
|
-
/** Removes interactive styling from table rows */
|
|
14
|
-
isReadOnly?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export interface IHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
|
|
17
|
-
/** Applies sticky header styling */
|
|
18
|
-
isSticky?: boolean;
|
|
19
|
-
}
|
|
20
|
-
export interface IRowProps extends HTMLAttributes<HTMLTableRowElement> {
|
|
21
|
-
/** Applies striped styling */
|
|
22
|
-
isStriped?: boolean;
|
|
23
|
-
/** Applies selected styling */
|
|
24
|
-
isSelected?: boolean;
|
|
25
|
-
/** @ignore Applies focus styling */
|
|
26
|
-
isFocused?: boolean;
|
|
27
|
-
/** @ignore Applies hover styling */
|
|
28
|
-
isHovered?: boolean;
|
|
29
|
-
}
|
|
30
|
-
export interface ICellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
31
|
-
/**
|
|
32
|
-
* Applies minimum fixed width styling (e.g. for cells that contain
|
|
33
|
-
* checkboxes or icons)
|
|
34
|
-
*/
|
|
35
|
-
isMinimum?: boolean;
|
|
36
|
-
/** Truncates long text with an ellipsis */
|
|
37
|
-
isTruncated?: boolean;
|
|
38
|
-
/** Applies styling for a cell that contains an overflow menu */
|
|
39
|
-
hasOverflow?: boolean;
|
|
40
|
-
/** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
|
|
41
|
-
width?: TdHTMLAttributes<HTMLTableCellElement>['width'];
|
|
42
|
-
}
|
|
43
|
-
export interface IHeaderCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'>, ThHTMLAttributes<HTMLTableCellElement> {
|
|
44
|
-
}
|
|
45
|
-
export interface ISortableCellProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
46
|
-
/** Sets the sort order */
|
|
47
|
-
sort?: (typeof SORT)[number];
|
|
48
|
-
/** Sets the width of the cell */
|
|
49
|
-
width?: ICellProps['width'];
|
|
50
|
-
/** Passes props to the cell */
|
|
51
|
-
cellProps?: any;
|
|
52
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ButtonHTMLAttributes, HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
8
|
+
export declare const SIZE: readonly ["small", "medium", "large"];
|
|
9
|
+
export declare const SORT: string[];
|
|
10
|
+
export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
11
|
+
/** Sets the table size */
|
|
12
|
+
size?: (typeof SIZE)[number];
|
|
13
|
+
/** Removes interactive styling from table rows */
|
|
14
|
+
isReadOnly?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface IHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
|
|
17
|
+
/** Applies sticky header styling */
|
|
18
|
+
isSticky?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface IRowProps extends HTMLAttributes<HTMLTableRowElement> {
|
|
21
|
+
/** Applies striped styling */
|
|
22
|
+
isStriped?: boolean;
|
|
23
|
+
/** Applies selected styling */
|
|
24
|
+
isSelected?: boolean;
|
|
25
|
+
/** @ignore Applies focus styling */
|
|
26
|
+
isFocused?: boolean;
|
|
27
|
+
/** @ignore Applies hover styling */
|
|
28
|
+
isHovered?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export interface ICellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
31
|
+
/**
|
|
32
|
+
* Applies minimum fixed width styling (e.g. for cells that contain
|
|
33
|
+
* checkboxes or icons)
|
|
34
|
+
*/
|
|
35
|
+
isMinimum?: boolean;
|
|
36
|
+
/** Truncates long text with an ellipsis */
|
|
37
|
+
isTruncated?: boolean;
|
|
38
|
+
/** Applies styling for a cell that contains an overflow menu */
|
|
39
|
+
hasOverflow?: boolean;
|
|
40
|
+
/** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
|
|
41
|
+
width?: TdHTMLAttributes<HTMLTableCellElement>['width'];
|
|
42
|
+
}
|
|
43
|
+
export interface IHeaderCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'>, ThHTMLAttributes<HTMLTableCellElement> {
|
|
44
|
+
}
|
|
45
|
+
export interface ISortableCellProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
46
|
+
/** Sets the sort order */
|
|
47
|
+
sort?: (typeof SORT)[number];
|
|
48
|
+
/** Sets the width of the cell */
|
|
49
|
+
width?: ICellProps['width'];
|
|
50
|
+
/** Passes props to the cell */
|
|
51
|
+
cellProps?: any;
|
|
52
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { ITableProps } from '../types';
|
|
9
|
-
interface ITableContext {
|
|
10
|
-
size: NonNullable<ITableProps['size']>;
|
|
11
|
-
isReadOnly: NonNullable<ITableProps['isReadOnly']>;
|
|
12
|
-
}
|
|
13
|
-
export declare const TableContext: React.Context<ITableContext>;
|
|
14
|
-
export declare const useTableContext: () => ITableContext;
|
|
15
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ITableProps } from '../types';
|
|
9
|
+
interface ITableContext {
|
|
10
|
+
size: NonNullable<ITableProps['size']>;
|
|
11
|
+
isReadOnly: NonNullable<ITableProps['isReadOnly']>;
|
|
12
|
+
}
|
|
13
|
+
export declare const TableContext: React.Context<ITableContext>;
|
|
14
|
+
export declare const useTableContext: () => ITableContext;
|
|
15
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tables",
|
|
3
|
-
"version": "8.69.
|
|
3
|
+
"version": "8.69.4",
|
|
4
4
|
"description": "Components relating to tables in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@types/react-beautiful-dnd": "13.1.
|
|
36
|
+
"@types/react-beautiful-dnd": "13.1.4",
|
|
37
37
|
"@types/react-window": "1.8.5",
|
|
38
|
-
"@zendeskgarden/react-theming": "^8.69.
|
|
38
|
+
"@zendeskgarden/react-theming": "^8.69.4",
|
|
39
39
|
"@zendeskgarden/svg-icons": "6.33.0",
|
|
40
40
|
"react-beautiful-dnd": "13.1.1",
|
|
41
|
-
"react-window": "1.8.
|
|
41
|
+
"react-window": "1.8.9"
|
|
42
42
|
},
|
|
43
43
|
"keywords": [
|
|
44
44
|
"components",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
52
|
"zendeskgarden:src": "src/index.ts",
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "4911fa867a3c7e72f0c78dcea8748893c3070c17"
|
|
54
54
|
}
|