baseui 0.0.0-next-3fb5d3f → 0.0.0-next-e8a4bad

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.
Files changed (10) hide show
  1. package/data-table/measure-column-widths.js +3 -3
  2. package/es/data-table/measure-column-widths.js +3 -3
  3. package/es/list/styled-components.js +2 -0
  4. package/es/table-semantic/styled-components.js +0 -1
  5. package/esm/data-table/measure-column-widths.js +3 -3
  6. package/esm/list/styled-components.js +2 -0
  7. package/esm/table-semantic/styled-components.js +0 -1
  8. package/list/styled-components.js +2 -0
  9. package/package.json +1 -1
  10. package/table-semantic/styled-components.js +0 -1
package/data-table/measure-column-widths.js CHANGED
@@ -51,7 +51,7 @@ function MeasureColumn(_ref) {
51
51
  onLayout(columnIndex, ref.current.getBoundingClientRect());
52
52
  }
53
53
  }
54
- }, []);
54
+ }, [onLayout]);
55
55
  return /*#__PURE__*/React.createElement("div", {
56
56
  ref: ref,
57
57
  className: css({
@@ -133,7 +133,7 @@ function MeasureColumnWidths(_ref2) {
133
133
 
134
134
  var widthMap = React.useMemo(function () {
135
135
  return new Map();
136
- }, []);
136
+ }, [rows]);
137
137
  var sampleSize = rows.length < MAX_SAMPLE_SIZE ? rows.length : MAX_SAMPLE_SIZE;
138
138
  var finishedMeasurementCount = (sampleSize + 1) * columns.length;
139
139
  var sampleIndexes = React.useMemo(function () {
@@ -152,7 +152,7 @@ function MeasureColumnWidths(_ref2) {
152
152
  widthMap.size === Math.floor(columns.length / 4)) {
153
153
  onWidthsChange(Array.from(widthMap.values()));
154
154
  }
155
- }, [columns, finishedMeasurementCount, onWidthsChange]);
155
+ }, [columns, rows, finishedMeasurementCount, onWidthsChange]);
156
156
  var hiddenStyle = css({
157
157
  position: 'absolute',
158
158
  overflow: 'hidden',
package/es/data-table/measure-column-widths.js CHANGED
@@ -25,7 +25,7 @@ function MeasureColumn({
25
25
  onLayout(columnIndex, ref.current.getBoundingClientRect());
26
26
  }
27
27
  }
28
- }, []);
28
+ }, [onLayout]);
29
29
  return /*#__PURE__*/React.createElement("div", {
30
30
  ref: ref,
31
31
  className: css({
@@ -101,7 +101,7 @@ export default function MeasureColumnWidths({
101
101
  const [css] = useStyletron();
102
102
  const widthMap = React.useMemo(() => {
103
103
  return new Map();
104
- }, []);
104
+ }, [rows]);
105
105
  const sampleSize = rows.length < MAX_SAMPLE_SIZE ? rows.length : MAX_SAMPLE_SIZE;
106
106
  const finishedMeasurementCount = (sampleSize + 1) * columns.length;
107
107
  const sampleIndexes = React.useMemo(() => {
@@ -120,7 +120,7 @@ export default function MeasureColumnWidths({
120
120
  widthMap.size === Math.floor(columns.length / 4)) {
121
121
  onWidthsChange(Array.from(widthMap.values()));
122
122
  }
123
- }, [columns, finishedMeasurementCount, onWidthsChange]);
123
+ }, [columns, rows, finishedMeasurementCount, onWidthsChange]);
124
124
  const hiddenStyle = css({
125
125
  position: 'absolute',
126
126
  overflow: 'hidden',
package/es/list/styled-components.js CHANGED
@@ -68,6 +68,7 @@ export const StyledArtworkContainer = styled('div', ({
68
68
  return {
69
69
  alignItems: 'center',
70
70
  display: 'flex',
71
+ flexShrink: 0,
71
72
  paddingLeft: $theme.sizing.scale600,
72
73
  paddingRight: $theme.sizing.scale600
73
74
  };
@@ -76,6 +77,7 @@ export const StyledArtworkContainer = styled('div', ({
76
77
  return {
77
78
  alignItems: 'center',
78
79
  display: 'flex',
80
+ flexShrink: 0,
79
81
  justifyContent: 'center',
80
82
  width: $theme.sizing.scale1600
81
83
  };
package/es/table-semantic/styled-components.js CHANGED
@@ -91,7 +91,6 @@ export const StyledTableHeadCell = styled('th', ({
91
91
  backgroundColor: $theme.colors.tableHeadBackgroundColor,
92
92
  color: $theme.colors.contentPrimary,
93
93
  textAlign: $theme.direction === 'rtl' || $isNumeric ? 'right' : 'left',
94
- verticalAlign: 'top',
95
94
  whiteSpace: 'nowrap',
96
95
  zIndex: 1,
97
96
  ...($divider === DIVIDER.clean ? {} : {
package/esm/data-table/measure-column-widths.js CHANGED
@@ -40,7 +40,7 @@ function MeasureColumn(_ref) {
40
40
  onLayout(columnIndex, ref.current.getBoundingClientRect());
41
41
  }
42
42
  }
43
- }, []);
43
+ }, [onLayout]);
44
44
  return /*#__PURE__*/React.createElement("div", {
45
45
  ref: ref,
46
46
  className: css({
@@ -122,7 +122,7 @@ export default function MeasureColumnWidths(_ref2) {
122
122
 
123
123
  var widthMap = React.useMemo(function () {
124
124
  return new Map();
125
- }, []);
125
+ }, [rows]);
126
126
  var sampleSize = rows.length < MAX_SAMPLE_SIZE ? rows.length : MAX_SAMPLE_SIZE;
127
127
  var finishedMeasurementCount = (sampleSize + 1) * columns.length;
128
128
  var sampleIndexes = React.useMemo(function () {
@@ -141,7 +141,7 @@ export default function MeasureColumnWidths(_ref2) {
141
141
  widthMap.size === Math.floor(columns.length / 4)) {
142
142
  onWidthsChange(Array.from(widthMap.values()));
143
143
  }
144
- }, [columns, finishedMeasurementCount, onWidthsChange]);
144
+ }, [columns, rows, finishedMeasurementCount, onWidthsChange]);
145
145
  var hiddenStyle = css({
146
146
  position: 'absolute',
147
147
  overflow: 'hidden',
package/esm/list/styled-components.js CHANGED
@@ -70,6 +70,7 @@ export var StyledArtworkContainer = styled('div', function (_ref3) {
70
70
  return {
71
71
  alignItems: 'center',
72
72
  display: 'flex',
73
+ flexShrink: 0,
73
74
  paddingLeft: $theme.sizing.scale600,
74
75
  paddingRight: $theme.sizing.scale600
75
76
  };
@@ -78,6 +79,7 @@ export var StyledArtworkContainer = styled('div', function (_ref3) {
78
79
  return {
79
80
  alignItems: 'center',
80
81
  display: 'flex',
82
+ flexShrink: 0,
81
83
  justifyContent: 'center',
82
84
  width: $theme.sizing.scale1600
83
85
  };
package/esm/table-semantic/styled-components.js CHANGED
@@ -93,7 +93,6 @@ export var StyledTableHeadCell = styled('th', function (_ref5) {
93
93
  backgroundColor: $theme.colors.tableHeadBackgroundColor,
94
94
  color: $theme.colors.contentPrimary,
95
95
  textAlign: $theme.direction === 'rtl' || $isNumeric ? 'right' : 'left',
96
- verticalAlign: 'top',
97
96
  whiteSpace: 'nowrap',
98
97
  zIndex: 1
99
98
  }, $divider === DIVIDER.clean ? {} : {
package/list/styled-components.js CHANGED
@@ -77,6 +77,7 @@ var StyledArtworkContainer = (0, _styles.styled)('div', function (_ref3) {
77
77
  return {
78
78
  alignItems: 'center',
79
79
  display: 'flex',
80
+ flexShrink: 0,
80
81
  paddingLeft: $theme.sizing.scale600,
81
82
  paddingRight: $theme.sizing.scale600
82
83
  };
@@ -85,6 +86,7 @@ var StyledArtworkContainer = (0, _styles.styled)('div', function (_ref3) {
85
86
  return {
86
87
  alignItems: 'center',
87
88
  display: 'flex',
89
+ flexShrink: 0,
88
90
  justifyContent: 'center',
89
91
  width: $theme.sizing.scale1600
90
92
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-3fb5d3f",
3
+ "version": "0.0.0-next-e8a4bad",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
package/table-semantic/styled-components.js CHANGED
@@ -104,7 +104,6 @@ var StyledTableHeadCell = (0, _styles.styled)('th', function (_ref5) {
104
104
  backgroundColor: $theme.colors.tableHeadBackgroundColor,
105
105
  color: $theme.colors.contentPrimary,
106
106
  textAlign: $theme.direction === 'rtl' || $isNumeric ? 'right' : 'left',
107
- verticalAlign: 'top',
108
107
  whiteSpace: 'nowrap',
109
108
  zIndex: 1
110
109
  }, $divider === _constants.DIVIDER.clean ? {} : {