Update frontend packages

Fixes: #5115 Fixes: #5116 Fixes: #5117 Fixes: #5118 Fixes: #5119 Fixes: #5120 Fixes: #5121 Fixes: #5122 Fixes: #5123 Fixes: #5124 Fixes: #5125 Fixes: #5126 Fixes: #5127 Fixes: #5128 Fixes: #5129 Fixes: #5130 Fixes: #5131 Fixes: #5132 Fixes: #5133 Fixes: #5134 Fixes: #5139 Fixes: #5140
5 years ago · 3d5570dfd9
parent 269462e0a2
commit 3d5570dfd9
8 changed files with 815 additions and 800 deletions
--- a/frontend/.stylelintrc
+++ b/frontend/.stylelintrc
@ -75,7 +75,7 @@
    "function-parentheses-newline-inside": "never-multi-line",
    "function-parentheses-space-inside": "never",
    "function-url-quotes": "always",
-    "function-url-scheme-blacklist": [
+    "function-url-scheme-disallowed-list": [
      "data"
    ],
    "function-whitespace-after": "always",
--- a/frontend/gulp/webpack.js
+++ b/frontend/gulp/webpack.js
@ -7,6 +7,7 @@ const errorHandler = require('./helpers/errorHandler');
 const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlWebpackPluginHtmlTags = require('html-webpack-plugin/lib/html-tags');
 const TerserPlugin = require('terser-webpack-plugin');

 const uiFolder = 'UI';
@ -14,7 +15,7 @@ const frontendFolder = path.join(__dirname, '..');
 const srcFolder = path.join(frontendFolder, 'src');
 const isProduction = process.argv.indexOf('--production') > -1;
 const isProfiling = isProduction && process.argv.indexOf('--profile') > -1;
-const inlineWebWorkers = true;
+const inlineWebWorkers = 'no-fallback';

 const distFolder = path.resolve(frontendFolder, '..', '_output', uiFolder);

@ -32,14 +33,19 @@ const cssVarsFiles = [
 ].map(require.resolve);

 // Override the way HtmlWebpackPlugin injects the scripts
+// TODO: Find a better way to get these paths without
 HtmlWebpackPlugin.prototype.injectAssetsIntoHtml = function(html, assets, assetTags) {
-  const head = assetTags.head.map((v) => {
-    v.attributes = { rel: 'stylesheet', type: 'text/css', href: `/${v.attributes.href.replace('\\', '/')}` };
-    return this.createHtmlTag(v);
+  const head = assetTags.headTags.map((v) => {
+    const href = v.attributes.href
+      .replace('\\', '/')
+      .replace('%5C', '/');
+
+    v.attributes = { rel: 'stylesheet', type: 'text/css', href: `/${href}` };
+    return HtmlWebpackPluginHtmlTags.htmlTagObjectToString(v, this.options.xhtml);
  });
-  const body = assetTags.body.map((v) => {
+  const body = assetTags.bodyTags.map((v) => {
    v.attributes = { src: `/${v.attributes.src}` };
-    return this.createHtmlTag(v);
+    return HtmlWebpackPluginHtmlTags.htmlTagObjectToString(v, this.options.xhtml);
  });

  return html
@ -125,9 +131,8 @@ const config = {
        use: {
          loader: 'worker-loader',
          options: {
-            name: '[name].js',
-            inline: inlineWebWorkers,
-            fallback: !inlineWebWorkers
+            filename: '[name].js',
+            inline: inlineWebWorkers
          }
        }
      },
--- a/frontend/src/Components/Table/TableOptions/TableOptionsModal.js
+++ b/frontend/src/Components/Table/TableOptions/TableOptionsModal.js
@ -2,7 +2,7 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { DndProvider } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
+import { HTML5Backend } from 'react-dnd-html5-backend';
 import Form from 'Components/Form/Form';
 import FormGroup from 'Components/Form/FormGroup';
 import FormInputGroup from 'Components/Form/FormInputGroup';
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@ -239,6 +239,10 @@ class MovieDetails extends Component {
    }
  }

+  onTabSelect = (index, lastIndex) => {
+    this.setState({ selectedTabIndex: index });
+  }
+
  //
  // Render

@ -616,7 +620,7 @@ class MovieDetails extends Component {
                </div>
            }

-            <Tabs selectedIndex={this.state.tabIndex} onSelect={(tabIndex) => this.setState({ selectedTabIndex: tabIndex })}>
+            <Tabs selectedIndex={this.state.tabIndex} onSelect={this.onTabSelect}>
              <TabList
                className={styles.tabList}
              >
--- a/frontend/src/Settings/CustomFormats/CustomFormatSettingsConnector.js
+++ b/frontend/src/Settings/CustomFormats/CustomFormatSettingsConnector.js
@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { DndProvider } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
+import { HTML5Backend } from 'react-dnd-html5-backend';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
--- a/frontend/src/Settings/Profiles/Profiles.js
+++ b/frontend/src/Settings/Profiles/Profiles.js
@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { DndProvider } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
+import { HTML5Backend } from 'react-dnd-html5-backend';
 import Link from 'Components/Link/Link';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
--- a/package.json
+++ b/package.json
@ -17,28 +17,28 @@
  "license": "GPL-3.0",
  "readmeFilename": "readme.md",
  "dependencies": {
-    "@babel/core": "7.9.6",
-    "@babel/plugin-proposal-class-properties": "7.8.3",
-    "@babel/plugin-proposal-decorators": "7.8.3",
-    "@babel/plugin-proposal-export-default-from": "7.8.3",
-    "@babel/plugin-proposal-export-namespace-from": "7.8.3",
-    "@babel/plugin-proposal-function-sent": "7.8.3",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.8.3",
-    "@babel/plugin-proposal-numeric-separator": "7.8.3",
-    "@babel/plugin-proposal-optional-chaining": "7.9.0",
-    "@babel/plugin-proposal-throw-expressions": "7.8.3",
+    "@babel/core": "7.11.6",
+    "@babel/plugin-proposal-class-properties": "7.10.4",
+    "@babel/plugin-proposal-decorators": "7.10.5",
+    "@babel/plugin-proposal-export-default-from": "7.10.4",
+    "@babel/plugin-proposal-export-namespace-from": "7.10.4",
+    "@babel/plugin-proposal-function-sent": "7.10.4",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.10.4",
+    "@babel/plugin-proposal-numeric-separator": "7.10.4",
+    "@babel/plugin-proposal-optional-chaining": "7.11.0",
+    "@babel/plugin-proposal-throw-expressions": "7.10.4",
    "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/preset-env": "7.9.6",
-    "@babel/preset-react": "7.9.4",
-    "@fortawesome/fontawesome-free": "5.13.0",
-    "@fortawesome/fontawesome-svg-core": "1.2.28",
-    "@fortawesome/free-regular-svg-icons": "5.13.0",
-    "@fortawesome/free-solid-svg-icons": "5.13.0",
-    "@fortawesome/react-fontawesome": "0.1.9",
+    "@babel/preset-env": "7.11.5",
+    "@babel/preset-react": "7.10.4",
+    "@fortawesome/fontawesome-free": "5.15.0",
+    "@fortawesome/fontawesome-svg-core": "1.2.31",
+    "@fortawesome/free-regular-svg-icons": "5.15.0",
+    "@fortawesome/free-solid-svg-icons": "5.15.0",
+    "@fortawesome/react-fontawesome": "0.1.11",
    "@microsoft/signalr": "3.1.7",
    "@popperjs/core": "2.2.1",
-    "@sentry/browser": "5.15.5",
-    "@sentry/integrations": "5.15.5",
+    "@sentry/browser": "5.24.2",
+    "@sentry/integrations": "5.24.2",
    "ansi-colors": "4.1.1",
    "autoprefixer": "9.7.5",
    "babel-eslint": "10.1.0",
@ -48,19 +48,19 @@
    "classnames": "2.2.6",
    "clipboard": "2.0.6",
    "connected-react-router": "6.8.0",
-    "core-js": "3",
+    "core-js": "3.6.5",
    "css-loader": "3.4.2",
-    "del": "5.1.0",
+    "del": "6.0.0",
    "element-class": "0.2.2",
-    "eslint": "7.5.0",
+    "eslint": "7.10.0",
    "eslint-plugin-filenames": "1.3.2",
    "eslint-plugin-import": "2.22.0",
-    "eslint-plugin-react": "7.20.5",
+    "eslint-plugin-react": "7.21.3",
    "eslint-plugin-simple-import-sort": "5.0.3",
    "esprint": "0.7.0",
-    "file-loader": "6.0.0",
+    "file-loader": "6.1.0",
    "filesize": "6.1.0",
-    "fuse.js": "6.0.4",
+    "fuse.js": "6.4.1",
    "gulp": "4.0.2",
    "gulp-cached": "1.1.1",
    "gulp-concat": "2.6.1",
@ -71,14 +71,14 @@
    "gulp-watch": "5.0.1",
    "gulp-wrap": "0.15.0",
    "history": "4.10.1",
-    "html-webpack-plugin": "3.2.0",
+    "html-webpack-plugin": "4.5.0",
    "jdu": "1.0.0",
    "jquery": "3.5.1",
    "loader-utils": "^2.0.0",
    "lodash": "4.17.20",
    "mini-css-extract-plugin": "0.9.0",
    "mobile-detect": "1.4.4",
-    "moment": "2.24.0",
+    "moment": "2.29.0",
    "mousetrap": "1.6.5",
    "normalize.css": "8.0.1",
    "optimize-css-assets-webpack-plugin": "5.0.3",
@ -92,22 +92,22 @@
    "qs": "6.9.4",
    "react": "16.13.1",
    "react-addons-shallow-compare": "15.6.2",
-    "react-async-script": "1.1.1",
+    "react-async-script": "1.2.0",
    "react-autosuggest": "10.0.2",
    "react-custom-scrollbars": "4.2.1",
-    "react-dnd": "10.0.2",
-    "react-dnd-html5-backend": "10.0.2",
+    "react-dnd": "11.1.3",
+    "react-dnd-html5-backend": "11.1.3",
    "react-document-title": "2.0.3",
    "react-dom": "16.13.1",
-    "react-focus-lock": "2.3.1",
-    "react-google-recaptcha": "2.0.1",
-    "react-lazyload": "2.6.7",
+    "react-focus-lock": "2.4.1",
+    "react-google-recaptcha": "2.1.0",
+    "react-lazyload": "3.0.0",
    "react-measure": "1.4.7",
    "react-popper": "1.3.7",
-    "react-redux": "7.2.0",
-    "react-router": "5.1.2",
-    "react-router-dom": "5.1.2",
-    "react-slider": "1.0.7",
+    "react-redux": "7.2.1",
+    "react-router": "5.2.0",
+    "react-router-dom": "5.2.0",
+    "react-slider": "1.0.11",
    "react-tabs": "3.1.1",
    "react-text-truncate": "0.16.0",
    "react-virtualized": "9.21.1",
@ -121,12 +121,12 @@
    "run-sequence": "2.2.1",
    "streamqueue": "1.1.2",
    "style-loader": "1.2.1",
-    "stylelint": "13.6.1",
+    "stylelint": "13.7.2",
    "stylelint-order": "4.1.0",
    "url-loader": "4.1.0",
-    "webpack": "4.42.1",
-    "webpack-stream": "5.2.1",
-    "worker-loader": "2.0.0"
+    "webpack": "4.44.2",
+    "webpack-stream": "6.1.0",
+    "worker-loader": "3.0.3"
  },
  "main": "index.js",
  "browserslist": [
--- a/yarn.lock
+++ b/yarn.lock