mirror of
				https://github.com/scm-manager/scm-manager.git
				synced 2025-11-03 12:05:52 +01:00 
			
		
		
		
	Our current tooltip component has been causing ui glitches for over a year now because it did not use react portal to render the tooltip content outside the react render tree which interfered with html/css. The new component is based on a fully accessible component by radix-ui. The styling, for now, has been kept from the original tooltip. Committed-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
		
			
				
	
	
		
			58 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
/*
 | 
						|
 * MIT License
 | 
						|
 *
 | 
						|
 * Copyright (c) 2020-present Cloudogu GmbH and Contributors
 | 
						|
 *
 | 
						|
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 | 
						|
 * of this software and associated documentation files (the "Software"), to deal
 | 
						|
 * in the Software without restriction, including without limitation the rights
 | 
						|
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 | 
						|
 * copies of the Software, and to permit persons to whom the Software is
 | 
						|
 * furnished to do so, subject to the following conditions:
 | 
						|
 *
 | 
						|
 * The above copyright notice and this permission notice shall be included in all
 | 
						|
 * copies or substantial portions of the Software.
 | 
						|
 *
 | 
						|
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 | 
						|
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 | 
						|
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 | 
						|
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 | 
						|
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 | 
						|
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 | 
						|
 * SOFTWARE.
 | 
						|
 */
 | 
						|
 | 
						|
const HtmlWebpackPlugin = require('html-webpack-plugin');
 | 
						|
 | 
						|
class RemoveThemesPlugin {
 | 
						|
  apply (compiler) {
 | 
						|
    compiler.hooks.compilation.tap('RemoveThemesPlugin', (compilation) => {
 | 
						|
 | 
						|
      HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync(
 | 
						|
        'RemoveThemesPlugin',
 | 
						|
        (data, cb) => {
 | 
						|
          
 | 
						|
          // remove generated style-loader bundles from the page
 | 
						|
          // there should be a better way, which does not generate the bundles at all
 | 
						|
          // but for now it works
 | 
						|
          if (data.assets.js) {
 | 
						|
            data.assets.js = data.assets.js.filter(bundle => !bundle.startsWith("ui-theme-"))
 | 
						|
                                           .filter(bundle => !bundle.startsWith("runtime~ui-theme-"))
 | 
						|
          }
 | 
						|
 | 
						|
          // remove css links to avoid conflicts with the themes
 | 
						|
          // so we remove all and add our own via preview-head.html
 | 
						|
          if (data.assets.css) {
 | 
						|
            data.assets.css = data.assets.css.filter(css => !css.startsWith("ui-theme-"))
 | 
						|
          }
 | 
						|
 | 
						|
          // Tell webpack to move on
 | 
						|
          cb(null, data)
 | 
						|
        }
 | 
						|
      )
 | 
						|
    })
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
module.exports = RemoveThemesPlugin
 |