react-virtualized - npm Package Compare versions

Comparing version 9.4.1 to 9.4.2

CHANGELOG.md

 Changelog
 ------------
 
+##### 9.4.2
+* 🐛 Small accessibility fix to `MultiGrid` so that focus outline shows through by default for main (bottom/right) `Grid`. Top and left `Grid`s are also not tab-focusable by default now since they are scroll-observers anyway.
+* ✨ Added `columnWidth` parameter to `ColumnSizer` and deprecated `getColumnWidth` callback. The callback was not necessary since `columnWidth` doesn't change without a re-render and fixed number values perform better in `Grid` due to some internal optimizations anyway.
+
 ##### 9.4.1
@@ -5,0 +9,0 @@ * 🐛 Edge-case `InfiniteLoader` bug fix; prevent jumping to the first row when scrolling fast. ([@reVrost](https://github.com/reVrost) - [#632](https://github.com/bvaughn/react-virtualized/pull/632))

dist/commonjs/ColumnSizer/ColumnSizer.jest.js

@@ -60,3 +60,3 @@ 'use strict';
         var adjustedWidth = _ref3.adjustedWidth,
-            getColumnWidth = _ref3.getColumnWidth,
+            columnWidth = _ref3.columnWidth,
             registerChild = _ref3.registerChild;
@@ -68,3 +68,3 @@ return _react2.default.createElement(
             columnCount: columnCount,
-            columnWidth: getColumnWidth,
+            columnWidth: columnWidth,
             height: 50,
@@ -80,3 +80,3 @@ ref: registerChild,
             { className: 'debug' },
-            'adjustedWidth:' + adjustedWidth + ' columnWidth:' + getColumnWidth()
+            'adjustedWidth:' + adjustedWidth + ' columnWidth:' + columnWidth
           )
@@ -161,3 +161,3 @@ );
           var adjustedWidth = _ref4.adjustedWidth,
-              getColumnWidth = _ref4.getColumnWidth,
+              columnWidth = _ref4.columnWidth,
               registerChild = _ref4.registerChild;
@@ -164,0 +164,0 @@ return _react2.default.createElement('div', { ref: registerChild });

dist/commonjs/ColumnSizer/ColumnSizer.js

@@ -72,2 +72,3 @@ 'use strict';
         adjustedWidth: adjustedWidth,
+        columnWidth: columnWidth,
         getColumnWidth: function getColumnWidth() {
@@ -74,0 +75,0 @@ return columnWidth;

dist/commonjs/MultiGrid/MultiGrid.js

@@ -480,2 +480,3 @@ 'use strict';
           height: height,
+          overflow: 'visible', // Let :focus outline show through
           width: width
@@ -494,3 +495,3 @@ }, style);
           height: height - this._getTopGridHeight(props),
-          overflow: 'hidden',
+          overflow: 'visible', // Let :focus outline show through
           position: 'relative',
@@ -504,3 +505,2 @@ width: width
           left: 0,
-          outline: 0,
           overflowX: 'hidden',
@@ -515,3 +515,2 @@ overflowY: 'hidden',
           left: this._getLeftGridWidth(props),
-          outline: 0,
           position: 'absolute'
@@ -524,3 +523,2 @@ }, styleBottomRightGrid);
           left: 0,
-          outline: 0,
           overflowX: 'hidden',
@@ -536,3 +534,2 @@ overflowY: 'hidden',
           left: this._getLeftGridWidth(props),
-          outline: 0,
           overflowX: 'hidden',
@@ -582,2 +579,3 @@ overflowY: 'hidden',
         style: this._bottomLeftGridStyle,
+        tabIndex: null,
         width: this._getLeftGridWidth(props)
@@ -629,2 +627,3 @@ }));
         style: this._topLeftGridStyle,
+        tabIndex: null,
         width: this._getLeftGridWidth(props)
@@ -655,2 +654,3 @@ }));
         style: this._topRightGridStyle,
+        tabIndex: null,
         width: this._getRightGridWidth(props)
@@ -657,0 +657,0 @@ }));

dist/es/ColumnSizer/ColumnSizer.jest.js

@@ -46,3 +46,3 @@ import React from 'react';
         var adjustedWidth = _ref3.adjustedWidth,
-            getColumnWidth = _ref3.getColumnWidth,
+            columnWidth = _ref3.columnWidth,
             registerChild = _ref3.registerChild;
@@ -54,3 +54,3 @@ return React.createElement(
             columnCount: columnCount,
-            columnWidth: getColumnWidth,
+            columnWidth: columnWidth,
             height: 50,
@@ -66,3 +66,3 @@ ref: registerChild,
             { className: 'debug' },
-            'adjustedWidth:' + adjustedWidth + ' columnWidth:' + getColumnWidth()
+            'adjustedWidth:' + adjustedWidth + ' columnWidth:' + columnWidth
           )
@@ -147,3 +147,3 @@ );
           var adjustedWidth = _ref4.adjustedWidth,
-              getColumnWidth = _ref4.getColumnWidth,
+              columnWidth = _ref4.columnWidth,
               registerChild = _ref4.registerChild;
@@ -150,0 +150,0 @@ return React.createElement('div', { ref: registerChild });

dist/es/ColumnSizer/ColumnSizer.js

@@ -64,2 +64,3 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
         adjustedWidth: adjustedWidth,
+        columnWidth: columnWidth,
         getColumnWidth: function getColumnWidth() {
@@ -66,0 +67,0 @@ return columnWidth;

dist/es/MultiGrid/MultiGrid.js

@@ -462,2 +462,3 @@ import _extends from 'babel-runtime/helpers/extends';
           height: height,
+          overflow: 'visible', // Let :focus outline show through
           width: width
@@ -476,3 +477,3 @@ }, style);
           height: height - this._getTopGridHeight(props),
-          overflow: 'hidden',
+          overflow: 'visible', // Let :focus outline show through
           position: 'relative',
@@ -486,3 +487,2 @@ width: width
           left: 0,
-          outline: 0,
           overflowX: 'hidden',
@@ -497,3 +497,2 @@ overflowY: 'hidden',
           left: this._getLeftGridWidth(props),
-          outline: 0,
           position: 'absolute'
@@ -506,3 +505,2 @@ }, styleBottomRightGrid);
           left: 0,
-          outline: 0,
           overflowX: 'hidden',
@@ -518,3 +516,2 @@ overflowY: 'hidden',
           left: this._getLeftGridWidth(props),
-          outline: 0,
           overflowX: 'hidden',
@@ -564,2 +561,3 @@ overflowY: 'hidden',
         style: this._bottomLeftGridStyle,
+        tabIndex: null,
         width: this._getLeftGridWidth(props)
@@ -611,2 +609,3 @@ }));
         style: this._topLeftGridStyle,
+        tabIndex: null,
         width: this._getLeftGridWidth(props)
@@ -637,2 +636,3 @@ }));
         style: this._topRightGridStyle,
+        tabIndex: null,
         width: this._getRightGridWidth(props)
@@ -639,0 +639,0 @@ }));

package.json

@@ -6,3 +6,3 @@ {
   "user": "bvaughn",
-  "version": "9.4.1",
+  "version": "9.4.2",
   "homepage": "https://github.com/bvaughn/react-virtualized",
@@ -9,0 +9,0 @@ "main": "dist/commonjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

2446311

increased by0.04%

Lines of code

35083

increased by0.01%

No dependency changes