@zendeskgarden/react-tables 9.0.0-next.20 → 9.0.0-next.22

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.
@@ -21,6 +21,6 @@ import '../styled/StyledRow.js';
21
21
  const Body = forwardRef((props, ref) => React__default.createElement(StyledBody, Object.assign({
22
22
  ref: ref
23
23
  }, props)));
24
- Body.displayName = 'Body';
24
+ Body.displayName = 'Table.Body';
25
25
 
26
26
  export { Body };
@@ -21,6 +21,6 @@ import '../styled/StyledRow.js';
21
21
  const Caption = forwardRef((props, ref) => React__default.createElement(StyledCaption, Object.assign({
22
22
  ref: ref
23
23
  }, props)));
24
- Caption.displayName = 'Caption';
24
+ Caption.displayName = 'Table.Caption';
25
25
 
26
26
  export { Caption };
@@ -39,7 +39,7 @@ const Cell = React__default.forwardRef((_ref, ref) => {
39
39
  $hasOverflow: hasOverflow
40
40
  }, props), hidden && props.children ? React__default.createElement(StyledHiddenCell, null, props.children) : props.children);
41
41
  });
42
- Cell.displayName = 'Cell';
42
+ Cell.displayName = 'Table.Cell';
43
43
  Cell.propTypes = {
44
44
  isMinimum: PropTypes.bool,
45
45
  isTruncated: PropTypes.bool,
@@ -28,6 +28,6 @@ const GroupRow = forwardRef((props, ref) => {
28
28
  $size: size
29
29
  }, props));
30
30
  });
31
- GroupRow.displayName = 'GroupRow';
31
+ GroupRow.displayName = 'Table.GroupRow';
32
32
 
33
33
  export { GroupRow };
@@ -28,6 +28,6 @@ const Head = forwardRef((_ref, ref) => {
28
28
  $isSticky: isSticky
29
29
  }, props));
30
30
  });
31
- Head.displayName = 'Head';
31
+ Head.displayName = 'Table.Head';
32
32
 
33
33
  export { Head };
@@ -39,7 +39,7 @@ const HeaderCell = forwardRef((_ref, ref) => {
39
39
  $hasOverflow: hasOverflow
40
40
  }, props), hidden && props.children ? React__default.createElement(StyledHiddenCell, null, props.children) : props.children);
41
41
  });
42
- HeaderCell.displayName = 'HeaderCell';
42
+ HeaderCell.displayName = 'Table.HeaderCell';
43
43
  HeaderCell.propTypes = Cell.propTypes;
44
44
 
45
45
  export { HeaderCell };
@@ -28,6 +28,6 @@ const HeaderRow = React__default.forwardRef((props, ref) => {
28
28
  $size: size
29
29
  }, props));
30
30
  });
31
- HeaderRow.displayName = 'HeaderRow';
31
+ HeaderRow.displayName = 'Table.HeaderRow';
32
32
 
33
33
  export { HeaderRow };
@@ -32,6 +32,6 @@ const OverflowButton = forwardRef((props, ref) => {
32
32
  focusInset: true
33
33
  }), React__default.createElement(SvgOverflowVerticalStroke, null));
34
34
  });
35
- OverflowButton.displayName = 'OverflowButton';
35
+ OverflowButton.displayName = 'Table.OverflowButton';
36
36
 
37
37
  export { OverflowButton };
@@ -65,7 +65,7 @@ const Row = forwardRef((_ref, ref) => {
65
65
  tabIndex: isReadOnly ? undefined : -1
66
66
  }));
67
67
  });
68
- Row.displayName = 'Row';
68
+ Row.displayName = 'Table.Row';
69
69
  Row.propTypes = {
70
70
  isStriped: PropTypes.bool,
71
71
  isFocused: PropTypes.bool,
@@ -53,7 +53,7 @@ const SortableCell = forwardRef((_ref, ref) => {
53
53
  ref: ref
54
54
  }, sortableButtonProps), children, React__default.createElement(StyledSortableStrokeIconWrapper, null, React__default.createElement(SortIcon, null)), React__default.createElement(StyledSortableFillIconWrapper, null, React__default.createElement(SvgSortFill, null))));
55
55
  });
56
- SortableCell.displayName = 'SortableCell';
56
+ SortableCell.displayName = 'Table.SortableCell';
57
57
  SortableCell.propTypes = {
58
58
  sort: PropTypes.oneOf(SORT),
59
59
  cellProps: PropTypes.any,
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'tables.body';
11
11
  const StyledBody = styled.tbody.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.20'
13
+ 'data-garden-version': '9.0.0-next.22'
14
14
  }).withConfig({
15
15
  displayName: "StyledBody",
16
16
  componentId: "sc-14ud6y-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'tables.caption';
11
11
  const StyledCaption = styled.caption.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.20'
13
+ 'data-garden-version': '9.0.0-next.22'
14
14
  }).withConfig({
15
15
  displayName: "StyledCaption",
16
16
  componentId: "sc-113y327-0"
@@ -35,7 +35,7 @@ const sizeStyling = props => {
35
35
  };
36
36
  const StyledCell = styled.td.attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.0.0-next.20'
38
+ 'data-garden-version': '9.0.0-next.22'
39
39
  }).withConfig({
40
40
  displayName: "StyledCell",
41
41
  componentId: "sc-8hpncx-0"
@@ -35,7 +35,7 @@ const sizeStyles = props => {
35
35
  };
36
36
  const StyledGroupRow = styled(StyledBaseRow).attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.0.0-next.20'
38
+ 'data-garden-version': '9.0.0-next.22'
39
39
  }).withConfig({
40
40
  displayName: "StyledGroupRow",
41
41
  componentId: "sc-mpd0r8-0"
@@ -28,7 +28,7 @@ const stickyStyles = () => {
28
28
  };
29
29
  const StyledHead = styled.thead.attrs({
30
30
  'data-garden-id': COMPONENT_ID,
31
- 'data-garden-version': '9.0.0-next.20'
31
+ 'data-garden-version': '9.0.0-next.22'
32
32
  }).withConfig({
33
33
  displayName: "StyledHead",
34
34
  componentId: "sc-spf23a-0"
@@ -24,7 +24,7 @@ const sizeStyles = props => {
24
24
  const StyledHeaderCell = styled(StyledCell).attrs({
25
25
  as: 'th',
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '9.0.0-next.20'
27
+ 'data-garden-version': '9.0.0-next.22'
28
28
  }).withConfig({
29
29
  displayName: "StyledHeaderCell",
30
30
  componentId: "sc-fzagoe-0"
@@ -34,7 +34,7 @@ const sizeStyles = props => {
34
34
  };
35
35
  const StyledHeaderRow = styled(StyledBaseRow).attrs({
36
36
  'data-garden-id': COMPONENT_ID,
37
- 'data-garden-version': '9.0.0-next.20'
37
+ 'data-garden-version': '9.0.0-next.22'
38
38
  }).withConfig({
39
39
  displayName: "StyledHeaderRow",
40
40
  componentId: "sc-16ogvdx-0"
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
11
11
  const COMPONENT_ID = 'tables.hidden_cell';
12
12
  const StyledHiddenCell = styled.div.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.20'
14
+ 'data-garden-version': '9.0.0-next.22'
15
15
  }).withConfig({
16
16
  displayName: "StyledHiddenCell",
17
17
  componentId: "sc-1x454xw-0"
@@ -14,7 +14,7 @@ const COMPONENT_ID = 'tables.overflow_button';
14
14
  const OVERFLOW_BUTTON_SIZE = '2em';
15
15
  const StyledOverflowButton = styled(IconButton).attrs({
16
16
  'data-garden-id': COMPONENT_ID,
17
- 'data-garden-version': '9.0.0-next.20'
17
+ 'data-garden-version': '9.0.0-next.22'
18
18
  }).withConfig({
19
19
  displayName: "StyledOverflowButton",
20
20
  componentId: "sc-1eba2ml-0"
@@ -94,7 +94,7 @@ const sizeStyles = props => {
94
94
  };
95
95
  const StyledRow = styled(StyledBaseRow).attrs({
96
96
  'data-garden-id': COMPONENT_ID,
97
- 'data-garden-version': '9.0.0-next.20'
97
+ 'data-garden-version': '9.0.0-next.22'
98
98
  }).withConfig({
99
99
  displayName: "StyledRow",
100
100
  componentId: "sc-ek66ow-0"
@@ -91,7 +91,7 @@ const colorStyles = _ref => {
91
91
  };
92
92
  const StyledSortableButton = styled.button.attrs({
93
93
  'data-garden-id': COMPONENT_ID,
94
- 'data-garden-version': '9.0.0-next.20',
94
+ 'data-garden-version': '9.0.0-next.22',
95
95
  type: 'button'
96
96
  }).withConfig({
97
97
  displayName: "StyledSortableButton",
@@ -13,7 +13,7 @@ const getLineHeight = props => {
13
13
  };
14
14
  const StyledTable = styled.table.attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '9.0.0-next.20'
16
+ 'data-garden-version': '9.0.0-next.22'
17
17
  }).withConfig({
18
18
  displayName: "StyledTable",
19
19
  componentId: "sc-gje7na-0"
package/dist/index.cjs.js CHANGED
@@ -41,7 +41,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
41
41
  const COMPONENT_ID$b = 'tables.body';
42
42
  const StyledBody = styled__default.default.tbody.attrs({
43
43
  'data-garden-id': COMPONENT_ID$b,
44
- 'data-garden-version': '9.0.0-next.20'
44
+ 'data-garden-version': '9.0.0-next.22'
45
45
  }).withConfig({
46
46
  displayName: "StyledBody",
47
47
  componentId: "sc-14ud6y-0"
@@ -53,7 +53,7 @@ StyledBody.defaultProps = {
53
53
  const COMPONENT_ID$a = 'tables.caption';
54
54
  const StyledCaption = styled__default.default.caption.attrs({
55
55
  'data-garden-id': COMPONENT_ID$a,
56
- 'data-garden-version': '9.0.0-next.20'
56
+ 'data-garden-version': '9.0.0-next.22'
57
57
  }).withConfig({
58
58
  displayName: "StyledCaption",
59
59
  componentId: "sc-113y327-0"
@@ -111,7 +111,7 @@ const COMPONENT_ID$9 = 'tables.overflow_button';
111
111
  const OVERFLOW_BUTTON_SIZE = '2em';
112
112
  const StyledOverflowButton = styled__default.default(reactButtons.IconButton).attrs({
113
113
  'data-garden-id': COMPONENT_ID$9,
114
- 'data-garden-version': '9.0.0-next.20'
114
+ 'data-garden-version': '9.0.0-next.22'
115
115
  }).withConfig({
116
116
  displayName: "StyledOverflowButton",
117
117
  componentId: "sc-1eba2ml-0"
@@ -144,7 +144,7 @@ const sizeStyles$3 = props => {
144
144
  };
145
145
  const StyledHeaderRow = styled__default.default(StyledBaseRow).attrs({
146
146
  'data-garden-id': COMPONENT_ID$8,
147
- 'data-garden-version': '9.0.0-next.20'
147
+ 'data-garden-version': '9.0.0-next.22'
148
148
  }).withConfig({
149
149
  displayName: "StyledHeaderRow",
150
150
  componentId: "sc-16ogvdx-0"
@@ -173,7 +173,7 @@ const stickyStyles = () => {
173
173
  };
174
174
  const StyledHead = styled__default.default.thead.attrs({
175
175
  'data-garden-id': COMPONENT_ID$7,
176
- 'data-garden-version': '9.0.0-next.20'
176
+ 'data-garden-version': '9.0.0-next.22'
177
177
  }).withConfig({
178
178
  displayName: "StyledHead",
179
179
  componentId: "sc-spf23a-0"
@@ -188,7 +188,7 @@ const getLineHeight = props => {
188
188
  };
189
189
  const StyledTable = styled__default.default.table.attrs({
190
190
  'data-garden-id': COMPONENT_ID$6,
191
- 'data-garden-version': '9.0.0-next.20'
191
+ 'data-garden-version': '9.0.0-next.22'
192
192
  }).withConfig({
193
193
  displayName: "StyledTable",
194
194
  componentId: "sc-gje7na-0"
@@ -225,7 +225,7 @@ const sizeStyling = props => {
225
225
  };
226
226
  const StyledCell = styled__default.default.td.attrs({
227
227
  'data-garden-id': COMPONENT_ID$5,
228
- 'data-garden-version': '9.0.0-next.20'
228
+ 'data-garden-version': '9.0.0-next.22'
229
229
  }).withConfig({
230
230
  displayName: "StyledCell",
231
231
  componentId: "sc-8hpncx-0"
@@ -258,7 +258,7 @@ const sizeStyles$2 = props => {
258
258
  };
259
259
  const StyledGroupRow = styled__default.default(StyledBaseRow).attrs({
260
260
  'data-garden-id': COMPONENT_ID$4,
261
- 'data-garden-version': '9.0.0-next.20'
261
+ 'data-garden-version': '9.0.0-next.22'
262
262
  }).withConfig({
263
263
  displayName: "StyledGroupRow",
264
264
  componentId: "sc-mpd0r8-0"
@@ -350,7 +350,7 @@ const colorStyles$1 = _ref => {
350
350
  };
351
351
  const StyledSortableButton = styled__default.default.button.attrs({
352
352
  'data-garden-id': COMPONENT_ID$3,
353
- 'data-garden-version': '9.0.0-next.20',
353
+ 'data-garden-version': '9.0.0-next.22',
354
354
  type: 'button'
355
355
  }).withConfig({
356
356
  displayName: "StyledSortableButton",
@@ -372,7 +372,7 @@ const sizeStyles$1 = props => {
372
372
  const StyledHeaderCell = styled__default.default(StyledCell).attrs({
373
373
  as: 'th',
374
374
  'data-garden-id': COMPONENT_ID$2,
375
- 'data-garden-version': '9.0.0-next.20'
375
+ 'data-garden-version': '9.0.0-next.22'
376
376
  }).withConfig({
377
377
  displayName: "StyledHeaderCell",
378
378
  componentId: "sc-fzagoe-0"
@@ -392,7 +392,7 @@ StyledHeaderCell.defaultProps = {
392
392
  const COMPONENT_ID$1 = 'tables.hidden_cell';
393
393
  const StyledHiddenCell = styled__default.default.div.attrs({
394
394
  'data-garden-id': COMPONENT_ID$1,
395
- 'data-garden-version': '9.0.0-next.20'
395
+ 'data-garden-version': '9.0.0-next.22'
396
396
  }).withConfig({
397
397
  displayName: "StyledHiddenCell",
398
398
  componentId: "sc-1x454xw-0"
@@ -484,7 +484,7 @@ const sizeStyles = props => {
484
484
  };
485
485
  const StyledRow = styled__default.default(StyledBaseRow).attrs({
486
486
  'data-garden-id': COMPONENT_ID,
487
- 'data-garden-version': '9.0.0-next.20'
487
+ 'data-garden-version': '9.0.0-next.22'
488
488
  }).withConfig({
489
489
  displayName: "StyledRow",
490
490
  componentId: "sc-ek66ow-0"
@@ -496,12 +496,12 @@ StyledRow.defaultProps = {
496
496
  const Body = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledBody, Object.assign({
497
497
  ref: ref
498
498
  }, props)));
499
- Body.displayName = 'Body';
499
+ Body.displayName = 'Table.Body';
500
500
 
501
501
  const Caption = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledCaption, Object.assign({
502
502
  ref: ref
503
503
  }, props)));
504
- Caption.displayName = 'Caption';
504
+ Caption.displayName = 'Table.Caption';
505
505
 
506
506
  const TableContext = React__namespace.default.createContext({
507
507
  size: 'medium',
@@ -530,7 +530,7 @@ const Cell = React__namespace.default.forwardRef((_ref, ref) => {
530
530
  $hasOverflow: hasOverflow
531
531
  }, props), hidden && props.children ? React__namespace.default.createElement(StyledHiddenCell, null, props.children) : props.children);
532
532
  });
533
- Cell.displayName = 'Cell';
533
+ Cell.displayName = 'Table.Cell';
534
534
  Cell.propTypes = {
535
535
  isMinimum: PropTypes__default.default.bool,
536
536
  isTruncated: PropTypes__default.default.bool,
@@ -547,7 +547,7 @@ const GroupRow = React.forwardRef((props, ref) => {
547
547
  $size: size
548
548
  }, props));
549
549
  });
550
- GroupRow.displayName = 'GroupRow';
550
+ GroupRow.displayName = 'Table.GroupRow';
551
551
 
552
552
  const Head = React.forwardRef((_ref, ref) => {
553
553
  let {
@@ -559,7 +559,7 @@ const Head = React.forwardRef((_ref, ref) => {
559
559
  $isSticky: isSticky
560
560
  }, props));
561
561
  });
562
- Head.displayName = 'Head';
562
+ Head.displayName = 'Table.Head';
563
563
 
564
564
  const HeaderCell = React.forwardRef((_ref, ref) => {
565
565
  let {
@@ -580,7 +580,7 @@ const HeaderCell = React.forwardRef((_ref, ref) => {
580
580
  $hasOverflow: hasOverflow
581
581
  }, props), hidden && props.children ? React__namespace.default.createElement(StyledHiddenCell, null, props.children) : props.children);
582
582
  });
583
- HeaderCell.displayName = 'HeaderCell';
583
+ HeaderCell.displayName = 'Table.HeaderCell';
584
584
  HeaderCell.propTypes = Cell.propTypes;
585
585
 
586
586
  const HeaderRow = React__namespace.default.forwardRef((props, ref) => {
@@ -592,7 +592,7 @@ const HeaderRow = React__namespace.default.forwardRef((props, ref) => {
592
592
  $size: size
593
593
  }, props));
594
594
  });
595
- HeaderRow.displayName = 'HeaderRow';
595
+ HeaderRow.displayName = 'Table.HeaderRow';
596
596
 
597
597
  var _path$2;
598
598
  function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
@@ -622,7 +622,7 @@ const OverflowButton = React.forwardRef((props, ref) => {
622
622
  focusInset: true
623
623
  }), React__namespace.default.createElement(SvgOverflowVerticalStroke, null));
624
624
  });
625
- OverflowButton.displayName = 'OverflowButton';
625
+ OverflowButton.displayName = 'Table.OverflowButton';
626
626
 
627
627
  const Row = React.forwardRef((_ref, ref) => {
628
628
  let {
@@ -668,7 +668,7 @@ const Row = React.forwardRef((_ref, ref) => {
668
668
  tabIndex: isReadOnly ? undefined : -1
669
669
  }));
670
670
  });
671
- Row.displayName = 'Row';
671
+ Row.displayName = 'Table.Row';
672
672
  Row.propTypes = {
673
673
  isStriped: PropTypes__default.default.bool,
674
674
  isFocused: PropTypes__default.default.bool,
@@ -746,7 +746,7 @@ const SortableCell = React.forwardRef((_ref, ref) => {
746
746
  ref: ref
747
747
  }, sortableButtonProps), children, React__namespace.default.createElement(StyledSortableStrokeIconWrapper, null, React__namespace.default.createElement(SortIcon, null)), React__namespace.default.createElement(StyledSortableFillIconWrapper, null, React__namespace.default.createElement(SvgSortFill, null))));
748
748
  });
749
- SortableCell.displayName = 'SortableCell';
749
+ SortableCell.displayName = 'Table.SortableCell';
750
750
  SortableCell.propTypes = {
751
751
  sort: PropTypes__default.default.oneOf(SORT),
752
752
  cellProps: PropTypes__default.default.any,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tables",
3
- "version": "9.0.0-next.20",
3
+ "version": "9.0.0-next.22",
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>",
@@ -22,7 +22,7 @@
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-utilities": "^2.0.0",
25
- "@zendeskgarden/react-buttons": "^9.0.0-next.20",
25
+ "@zendeskgarden/react-buttons": "^9.0.0-next.22",
26
26
  "dom-helpers": "^5.1.0",
27
27
  "polished": "^4.3.1",
28
28
  "prop-types": "^15.5.7"
@@ -36,7 +36,7 @@
36
36
  "devDependencies": {
37
37
  "@types/react-beautiful-dnd": "13.1.8",
38
38
  "@types/react-window": "1.8.8",
39
- "@zendeskgarden/react-theming": "^9.0.0-next.20",
39
+ "@zendeskgarden/react-theming": "^9.0.0-next.22",
40
40
  "@zendeskgarden/svg-icons": "7.1.1",
41
41
  "react-beautiful-dnd": "13.1.1",
42
42
  "react-window": "1.8.10"
@@ -51,5 +51,5 @@
51
51
  "access": "public"
52
52
  },
53
53
  "zendeskgarden:src": "src/index.ts",
54
- "gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
54
+ "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
55
55
  }