Fixes require statements to use explicit loader statements (#14725) (#…

…15126)

ui_framework/doc_site/src/views/context_menu/context_menu_example.js

@@ -12,11 +12,11 @@ import {
 } from '../../components';
 
 import ContextMenu from './context_menu';
-const contextMenuSource = require('!!raw!./context_menu');
+const contextMenuSource = require('!!raw-loader!./context_menu');
 const contextMenuHtml = renderToHtml(ContextMenu);
 
 import SinglePanel from './single_panel';
-const singlePanelSource = require('!!raw!./single_panel');
+const singlePanelSource = require('!!raw-loader!./single_panel');
 const singlePanelHtml = renderToHtml(SinglePanel);
 
 export default props => (

ui_framework/doc_site/src/views/flex/flex_example.js

@@ -12,35 +12,35 @@ import {
 } from '../../components';
 
 import FlexGroup from './flex_group';
-const flexGroupSource = require('!!raw!./flex_group');
+const flexGroupSource = require('!!raw-loader!./flex_group');
 const flexGroupHtml = renderToHtml(FlexGroup);
 
 import FlexItems from './flex_items';
-const flexItemsSource = require('!!raw!./flex_items');
+const flexItemsSource = require('!!raw-loader!./flex_items');
 const flexItemsHtml = renderToHtml(FlexItems);
 
 import FlexGutter from './flex_gutter';
-const flexGutterSource = require('!!raw!./flex_gutter');
+const flexGutterSource = require('!!raw-loader!./flex_gutter');
 const flexGutterHtml = renderToHtml(FlexGutter);
 
 import FlexGrow from './flex_grow';
-const flexGrowSource = require('!!raw!./flex_grow');
+const flexGrowSource = require('!!raw-loader!./flex_grow');
 const flexGrowHtml = renderToHtml(FlexGrow);
 
 import FlexJustify from './flex_justify';
-const flexJustifySource = require('!!raw!./flex_justify');
+const flexJustifySource = require('!!raw-loader!./flex_justify');
 const flexJustifyHtml = renderToHtml(FlexJustify);
 
 import FlexGrid from './flex_grid';
-const flexGridSource = require('!!raw!./flex_grid');
+const flexGridSource = require('!!raw-loader!./flex_grid');
 const flexGridHtml = renderToHtml(FlexGrid);
 
 import FlexGridColumns from './flex_grid_columns';
-const flexGridColumnsSource = require('!!raw!./flex_grid_columns');
+const flexGridColumnsSource = require('!!raw-loader!./flex_grid_columns');
 const flexGridColumnsHtml = renderToHtml(FlexGridColumns);
 
 import FlexNest from './flex_nest';
-const flexNestSource = require('!!raw!./flex_nest');
+const flexNestSource = require('!!raw-loader!./flex_nest');
 const flexNestHtml = renderToHtml(FlexNest);
 
 export default props => (

ui_framework/doc_site/src/views/form/form_example.js

@@ -17,27 +17,27 @@ const searchInputHtml = require('./search_input.html');
 const staticInputHtml = require('./static_input.html');
 
 const Label = require('./label');
-const labelSource = require('!!raw!./label');
+const labelSource = require('!!raw-loader!./label');
 const labelHtml = renderToHtml(Label);
 
 const TextInput = require('./text_input');
-const textInputSource = require('!!raw!./text_input');
+const textInputSource = require('!!raw-loader!./text_input');
 const textInputHtml = renderToHtml(TextInput, { id: '1' });
 
 const TextArea = require('./text_area');
-const textAreaSource = require('!!raw!./text_area');
+const textAreaSource = require('!!raw-loader!./text_area');
 const textAreaHtml = renderToHtml(TextArea);
 
 const TextAreaNonResizable = require('./text_area_non_resizable');
-const textAreaNonResizableSource = require('!!raw!./text_area_non_resizable');
+const textAreaNonResizableSource = require('!!raw-loader!./text_area_non_resizable');
 const textAreaNonResizableHtml = renderToHtml(TextAreaNonResizable);
 
 const Select = require('./select');
-const selectSource = require('!!raw!./select');
+const selectSource = require('!!raw-loader!./select');
 const selectHtml = renderToHtml(Select);
 
 const CheckBox = require('./check_box');
-const checkBoxSource = require('!!raw!./check_box');
+const checkBoxSource = require('!!raw-loader!./check_box');
 const checkBoxHtml = renderToHtml(CheckBox);
 
 export default props => (

ui_framework/doc_site/src/views/panel_simple/panel_simple_example.js

@@ -14,7 +14,7 @@ import {
 } from '../../components';
 
 import PanelSimple from './panel_simple';
-const panelSimpleSource = require('!!raw!./panel_simple');
+const panelSimpleSource = require('!!raw-loader!./panel_simple');
 const panelSimpleHtml = renderToHtml(PanelSimple);
 
 export default props => (

ui_framework/doc_site/src/views/popover/popover_example.js

@@ -16,7 +16,7 @@ const popoverSource = require('!!raw-loader!./popover');
 const popoverHtml = renderToHtml(Popover);
 
 import TrapFocus from './trap_focus';
-const trapFocusSource = require('!!raw!./trap_focus');
+const trapFocusSource = require('!!raw-loader!./trap_focus');
 const trapFocusHtml = renderToHtml(TrapFocus);
 
 import PopoverAnchorPosition from './popover_anchor_position';