fix(archive): Fix table width not responsive (#1156)

Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>
box · Jan 17, 2020 · 0903343 · 0903343
1 parent 471b4f2
commit 0903343
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
         "babel-plugin-react-remove-properties": "^0.3.0",
         "babel-plugin-transform-require-ignore": "^0.1.1",
         "box-annotations": "^2.3.0",
-        "box-ui-elements": "^11.1.0-beta.32",
+        "box-ui-elements": "^11.1.0-beta.41",
         "chai": "^4.2.0",
         "chai-dom": "^1.8.1",
         "conventional-changelog-cli": "^2.0.28",

diff --git a/src/lib/viewers/archive/ArchiveExplorer.js b/src/lib/viewers/archive/ArchiveExplorer.js
@@ -30,7 +30,7 @@ class ArchiveExplorer extends React.Component {
                 type: PropTypes.string.isRequired,
                 absolute_path: PropTypes.string.isRequired,
                 name: PropTypes.string.isRequired,
-                modified_at: PropTypes.string.isRequired,
+                modified_at: PropTypes.string,
                 size: PropTypes.number.isRequired,
                 item_collection: PropTypes.arrayOf(PropTypes.string),
             }),
@@ -207,15 +207,16 @@ class ArchiveExplorer extends React.Component {
                         view={view}
                     />
                     <div className="bp-ArchiveExplorer-table">
-                        <AutoSizer disableWidth>
-                            {({ height }) => (
+                        <AutoSizer>
+                            {({ height, width }) => (
                                 <VirtualizedTable
                                     height={height}
                                     rowData={itemList}
                                     rowGetter={this.getRowData(itemList)}
                                     sort={this.handleSort}
                                     sortBy={sortBy}
                                     sortDirection={sortDirection}
+                                    width={width}
                                 >
                                     {intl => [
                                         <Column

diff --git a/yarn.lock b/yarn.lock
@@ -2307,10 +2307,10 @@ box-annotations@^2.3.0:
   resolved "https://registry.yarnpkg.com/box-annotations/-/box-annotations-2.3.0.tgz#5cac38171f7f8d9283659e2b243310f19d5ab7d3"
   integrity sha512-Ea7tPgyJjX7vcnmZIfCorbzHd6oYx/OHVMPnZVQL/dUHR5vRKhLM0610xqwmVlUpk627sqHw5x/APaa+kt4SXg==
 
-box-ui-elements@^11.1.0-beta.32:
-  version "11.1.0-beta.32"
-  resolved "https://registry.yarnpkg.com/box-ui-elements/-/box-ui-elements-11.1.0-beta.32.tgz#ad3ec6d645ef8150ecc1957af2b69b5e788a2149"
-  integrity sha512-T+VoQPyrXveOrUZuq3zjsLveq2yuNP8VL6mCbNOrHwjXHGBdL/NOYpKAer767J93oZP8ImzVnPTIGYnXjVBgVQ==
+box-ui-elements@^11.1.0-beta.41:
+  version "11.1.0-beta.41"
+  resolved "https://registry.yarnpkg.com/box-ui-elements/-/box-ui-elements-11.1.0-beta.41.tgz#ab2879b8594bfba8d8f63192670581d6aa8d5d62"
+  integrity sha512-LZXQW5zrzKpWX8e8p45uIaMLjyXRcRb9XAnh5cdH+9+fUcrurpyEbJySdkUXwF8zSTHB18DA+GVLe6Jedkxs9g==
 
 brace-expansion@^1.1.7:
   version "1.1.11"