npm - igniteui-cli - Versions diffs - 8.2.0 → 8.2.3 - Mend

igniteui-cli 8.2.0 → 8.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/templates/react/es6/projects/empty/files/client/components/Header/header.scss DELETED Viewed

@@ -1,21 +0,0 @@
-@import "client/variables";
-.header-container {
-  background-color: $grey;
-  padding: 10px;
-  user-select: none;
-  -webkit-user-select: none;
-  .header-title {
-    color: $white;
-    margin: 0;
-    font-size: 1.4em;
-  }
-  &.header-main {
-    background-color: #0099cc;
-    margin: -7px -7px 50px -7px;
-    text-align: center;
-    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.26), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
-  }
-}

package/templates/react/es6/projects/empty/files/client/components/Header/index.js DELETED Viewed

@@ -1,21 +0,0 @@
-import React, { PropTypes } from 'react';
-import './header.scss';
-const { string } = PropTypes;
-const Header = ({ title, className }) => {
-  const styles = `header-container ${className}`;
-  return (
-    <header className={styles}>
-      <h1 className="header-title">{title}</h1>
-    </header>
-  );
-};
-Header.propTypes = {
-  className: string,
-  title: string
-};
-export default Header;

package/templates/react/es6/projects/empty/files/client/components/Toolbar/index.js DELETED Viewed

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router/es6';
-import './toolbar.scss';
-import data from '../../pages/routesTemplate.js';
-var links = [];
-for (var i = 0; i < data.length; i++) {
-  links.push(
-	  <Link activeClassName="active" to={data[i].path} key={data[i].text}>
-          {data[i].text}
-      </Link>
-  );
-}
-export default () => (
-  <nav className="navbar">
-        <li className="nav-menu-item-logo"><div>$(name)</div></li>
-    {links}
-  </nav>
-);

package/templates/react/es6/projects/empty/files/client/components/Toolbar/toolbar.scss DELETED Viewed

@@ -1,49 +0,0 @@
-@import "client/variables";
-.navbar {
-	width: 250px;
-	height: 100%;
-    flex-basis: 250px;
-    flex-shrink: 0;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: auto;
-    background-color: #e6e6e6;
-   li.nav-menu-item-logo div {
-      text-align: center;
-      background-color: white;
-      color: #0099cc;
-      font-size: 1.4em;
-   }
-   a {
-     background-color: white;
-     color: black;
-     display: block;
-     padding: 14px 16px;
-     text-decoration: none;
-   }
-   a:hover {
-	background-color: #f9f9f9;
-    color: #0099cc;
-    transition-duration: 0.15s;
-   }
-   a.active {
-	background-color: #f4f4f4;
-    color: #0099cc;
-   }
-   li {
-	float: none;
-   }
-   li div {
-	display: block;
-    text-align: right;
-    padding: 14px 16px;
-    text-decoration: none;
-   }
-  }

package/templates/react/es6/projects/empty/files/client/containers/App/index.js DELETED Viewed

@@ -1,16 +0,0 @@
-import React, { PropTypes } from 'react';
-import Toolbar from 'components/Toolbar';
-import './style.scss';
-const App = (props) => (
-  <main className="viewport">
-    <Toolbar />
-    {props.children}
-  </main>
-);
-App.propTypes = {
-  children: PropTypes.node
-};
-export default App;

package/templates/react/es6/projects/empty/files/client/containers/App/style.scss DELETED Viewed

@@ -1,4 +0,0 @@
-.viewport {
-	display: flex;
-	height: 100%;
-}

package/templates/react/es6/projects/empty/files/client/general.scss DELETED Viewed

@@ -1,24 +0,0 @@
-@charset "UTF-8";
-@import "./variables";
-html, body {
-  height: 100%;
-}
-body {
-	font-family: Arial, Helvetica, sans-serif;
-    padding: 0;
-	margin: 0;
-    background: url(lines-bottom-right.svg) right bottom;
-    background-repeat: no-repeat;
-}
-#root {
-	height: 100%;
-}
-article {
-    flex: 1 1 auto;
-    padding: 5px;
-    overflow-y: auto;
-}

package/templates/react/es6/projects/empty/files/client/index.ejs DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
-	<meta charset="utf-8">
-	<link href="ignite-ui/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
-	<link href="ignite-ui/css/structure/infragistics.css" rel="stylesheet" />
-    <title>Ignite UI CLI React</title>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

package/templates/react/es6/projects/empty/files/client/index.js DELETED Viewed

@@ -1,20 +0,0 @@
-import { render } from 'react-dom';
-import React from 'react';
-import Root from 'pages/routes';
-import 'general.scss';
-render(
-  <Root />,
-  document.getElementById('root')
-);
-if (module.hot) {
-  module.hot.accept('pages/routes', () => {
-    const NewRoot = require('pages/routes').default;
-    render(
-      <NewRoot />,
-      document.getElementById('root')
-    );
-  });
-}

package/templates/react/es6/projects/empty/files/client/lines-bottom-right.svg DELETED Viewed

@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 369.1 160.7" style="enable-background:new 0 0 369.1 160.7;" xml:space="preserve" preserveAspectRatio="xMaxYMax">
-<style type="text/css">
-		.st0{opacity:0.45;clip-path:url(#SVGID_2_);fill:none;stroke:#488FCD;stroke-width:0.2676;stroke-miterlimit:10;enable-background:new    ;}
-</style>
-<g>
-	<g>
-		<g>
-			<defs>
-				<rect id="SVGID_1_" y="0.7" width="368.6" height="159.2"/>
-			</defs>
-			<clipPath id="SVGID_2_">
-				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-			</clipPath>
-			<path class="st0" d="M121,109.2l28.3,34.8 M140.6,125.8L121,109.2 M169.1,163.1l-28.5-37.4 M149.3,144l19.7,19.1 M169.1,163.1
-				l-67.6,54 M92.6,183.6l8.9,33.5 M149.3,144l-56.7,39.6 M140.6,125.8l-111.4,70 M101.4,217.1L34,201.6 M34.1,157.1l58.4,26.5
-				 M25.6,191.6l8.5-34.5 M121,109.2l-86.9,47.9 M166.3,69l51,49.2 M97.6,86l68.7-17 M214.1,163.1L97.6,86 M217.3,118.2l-3.2,44.9
-				 M214.1,163.1L129.5,226 M163.9,162.5L129.6,226 M217.3,118.2l-53.5,44.3 M97.6,86l-80.9,95 M129.5,226.1l-87.7-15.2
-				 M104.7,132.6l59.2,29.9 M22,187.2l82.7-54.6 M166.3,69l-61.6,63.6 M-0.5,160.6l122.8-13.8 M110.4,262.5L94.1,273 M122.4,146.8
-				l-11.9,115.7 M110.4,262.5l-28.6-4.2 M89.1,177l-11.6,76.2 M122.4,146.8L89.1,177 M25.3,191.2L89.1,177 M212.7,81l5.4,43.6
-				 M264.7,89.3l-52-8.3 M254.6,140.3l10.1-51 M218.1,124.6l36.5,15.6 M254.6,140.3l-52.9,52.2 M170.5,162.7l31.2,29.7 M218.1,124.6
-				l-47.6,38.1 M264.7,89.3l-83.5,67.5 M201.7,192.5l-20.5-35.7 M142.6,125.2l27.9,37.6 M181.2,156.8l-38.6-31.6 M212.7,81
-				l-70.1,44.2 M307,23.6l17.3,64.1 M368.6,0.7L307,23.6 M405.2,113.3l11.5-55.4 M324.2,87.7l81,25.6 M405.2,113.3L277.8,191
-				 M255.9,137.8l21.9,53.2 M324.2,87.7l-68.4,50.2 M382,16.6L218.9,143.3 M277.8,191l-58.9-47.8 M220.4,98.3l35.5,39.5
-				 M218.9,143.3l1.5-44.9 M307,23.6l-86.6,74.7 M195.1,38l94.3,61.3 M205.3,405.1L195.1,38 M313.4,218.5l-19.9,137.2 M289.3,99.3
-				l24.1,119.2 M313.4,218.5l-110.2,10.7 M200.5,146.7l2.6,82.5 M289.3,99.3l-88.8,47.4 M203.2,229.2l-85.1,72.3 M80.7,168.2
-				l119.8-21.6 M68.2,242.2l12.5-74 M195.1,38L80.7,168.2 M369.6,274.6l16.4,3.3 M154.1,123.4l215.5,151.2 M369.6,274.6l-8,23.8
-				 M154.1,123.4L33.7,201.2 M388.1,150l-34.5-40.5 M369.7,133.8l18.4,16.2 M333.3,89.6l36.3,44.3 M353.5,109.5l-20.2-19.9
-				 M333.3,89.6l68.8-49 M353.5,109.5l71-42.3 M369.7,133.8l78.8-38.2 M388.1,150l79-32.3 M336.1,192.6L279,139.4 M444.5,192.7
-				l-108.4-0.1 M293.3,97.7l151.2,95 M279,139.4l14.3-41.7 M293.3,97.7l94.6-74 M340.4,90.5l49.9-63.9 M279,139.4l61.5-48.9
-				 M444.5,192.7l49.3-43.2 M415.9,125.8l-75.4-35.3 M458.5,107.5l-42.6,18.3 M336.1,192.6l79.8-66.8 M460.5,109.9l-59.3,3.2
-				 M401.1,113.2l15.4-55.5 M401.1,113.2l34.4-32.9 M64.6,232.9l38-49.8 M60.7,233.2l3.9-0.3 M44.9,179.9l-16.4,15.2 M102.6,183.1
-				l-57.7-3.2 M44.9,179.9l-4.1-27.2 M111.7,161.3l-70.9-8.7 M102.6,183.1l9.1-21.8 M40.8,152.7l-28.9,22.5 M65.8,218.3l46-56.9
-				 M48.7,219l17.1-0.7 M64.6,232.9l1.2-14.6 M32.6,186.2l-11.8-0.3 M25.5,191.4l7.1-5.2 M29,195.6l3.6-9.4 M88.6,158.4l17.3-25.2
-				 M88.6,158.4l69.8,1.3 M158.9,149.7l-22.6-27.6 M158.4,159.8l0.5-10.1 M136.3,122.1l-30.4,11.1 M50,154.9l-26.6,18.3 M116.9,200
-				l-93.5-26.8 M84.7,205.5l14.4-37.6 M102.8,221.4l14.1-21.5 M102.7,164.7l0.2,56.8 M71,210.1l13.7-4.6 M38.9,188.2L71,210.1
-				 M99.1,167.8l-36.8,7.1 M26.3,188.6l12.5-0.4 M62.3,174.9l-36,13.7 M44.8,172.2l57.9-7.5 M50,154.9l-5.2,17.3 M201.6,140.3
-				l14,3.2 M215.5,143.5l-25.8,28.1 M189.7,171.7l-3.5-2.1 M168.2,158.9l-7.4-9.2 M160.8,149.8l2.2-37.5 M197.9,99.5l3.3,37.7
-				 M163,112.3l34.9-12.8 M228,118.9l24.6,15.3 M221.1,99.2L228,119 M258.2,122.2l-5.1-34.8 M252.6,134.2l5.6-12 M253.1,87.4
-				l-31.9,11.7 M300.3,153.4l-28.4-51.3 M271.8,102.2l2.3-12.8 M201.5,175.7l25.4-43.1 M266.3,181.7l34-28.3 M236.2,127.6l30.1,54.1
-				 M171.5,194.8l14.7-25.2 M96.7,165.3l74.8,29.5 M193.8,178.8l7.6-3.1 M171.6,151.9l14.6,17.8 M215.9,137.9l-14.6-0.7
-				 M199.6,146.8l16.3-8.9 M172.8,135.8l-76.1,29.6 M226.9,132.6l-17.7,1.5 M171.3,148.7l0.3,3.2 M209.2,134.1l-7.9,3 M219.6,122.8
-				l16.6,4.8 M274.1,89.4l-54.5,33.4 M249.7,190.5L197,108.1 M149.2,90.2l10.2,36.8 M197,108.1l-47.8-17.8 M210,410.7l39.8-220.3
-				 M159.3,127l-26.1,9.8 M99,159l87.5,223.9 M133.3,136.9l-26.6,1.8 M106.7,138.6L99,159 M330.1,159.1l-49.5-24.3 M330.8,121.2
-				l-0.7,37.9 M333.1,90.5l19.1-38.9 M280.6,134.8l52.6-44.3 M352.2,51.6l59.9,28.5 M412.1,80.1l-81.3,41.1 M445.9,96.8l-98.7-3.1
-				 M414.3,125.1l31.6-28.3 M346.4,105.5l27.3,31.9 M347.2,93.7l-0.8,11.8 M373.7,137.4l40.6-12.3 M434.1,78.6l-3.2,6.1 M426.2,89.1
-				l3.2-16.1 M430.9,84.7l7.3-1.1 M441.8,87.7l-15.6,1.4 M89.7,188.6L80,177.9 M80,177.9l24.5-7.5 M99,179.1l-5.7,7.1 M93.3,186.2
-				l-3.6,2.3 M104.5,170.3l-5.5,8.8 M27,193.3l3.8-2.5 M30.8,190.8l-3,3.4 M186.3,169.6l-18-10.7 M201.3,137.2l0.3,3.2 M186.3,169.6
-				l13.3-22.8 M186.3,169.6l7.6,9.2 M201.3,137.2l-28.5-1.4 M201.3,137.2l-30,11.5"/>
-		</g>
-	</g>
-</g>
-</svg>

package/templates/react/es6/projects/empty/files/client/pages/Home/index.js DELETED Viewed

@@ -1,9 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-export default () => (
-  <article className="home">
-    <Header title="$(description): $(name)" className="header-main" />
-    <img src="https://static.infragistics.com/marketing/Website/products/ignite/Ignite-header-apps-960.png" alt="Ignite UI" height="402" width="402" />
-  </article>
-);

package/templates/react/es6/projects/empty/files/client/pages/routes.js DELETED Viewed

@@ -1,49 +0,0 @@
-import React from 'react';
-import { Router, browserHistory } from 'react-router/es6';
-import App from 'containers/App';
-//import { default as createdRoutes } from './routesComponent';
-import data from './routesTemplate.js';
-function errorLoading(err) {
-  console.error('Dynamic page loading failed', err);
-}
-function loadRoute(cb) {
-  return (module) => cb(null, module.default);
-}
-var p = [];
-for (var i = 0; i < data.length; i++) {
-    var element = data[i];
-    var folder = element["folder"];
-   var currentObj = {
-      "path": element["path"],
-      "folder": element["folder"],
-      "getComponent":  function(location, cb) {
-        //It's possible to pass a partial expression to import() - https://webpack.js.org/guides/migrating/#dynamic-expressions
-        //D.P. Must have intial path for dynamic load to work and must match file as there's no extra compilation
-        System.import(`./${this.folder}`).then((module) => {
-          cb(null, module.default);
-        })
-        .catch(errorLoading);
-      }
-    };
-    p.push(currentObj);
-}
-//console.log("Created routes: " + createdRoutes);
-const routes = {
-  component: App,
-  childRoutes: p
-};
-//console.log(" App :" + routes.component +" Created routes: " + routes.childRoutes);
-//console.log([
- // { path: '/', getComponent(location, cb) { System.import('pages/Home').then(loadRoute(cb)).catch(errorLoading); } },
- // { path: '/numericeditor', getComponent(location, cb) { System.import('pages/NumericEditor').then(loadRoute(cb)).catch(errorLoading); } },
-//  { path: '/combo', getComponent(location, cb) { System.import('pages/Combo').then(loadRoute(cb)).catch(errorLoading); } }
-//]);
-//console.log(p);
-//console.log(routes.childRoutes[2]);
-export default () => <Router history={browserHistory} routes={routes} />;

package/templates/react/es6/projects/empty/files/client/pages/routesTemplate.js DELETED Viewed

@@ -1,9 +0,0 @@
-var data = [
-  {
-		"path": "/",
-		"folder": "Home/index",
-		"text": "Home"
-	}
-];
-export default data;

package/templates/react/es6/projects/empty/files/webpack.config.js DELETED Viewed

@@ -1,163 +0,0 @@
-const path = require('path');
-const express = require('express');
-const webpack = require('webpack');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const nodeEnv = process.env.NODE_ENV || 'development';
-const isProd = nodeEnv === 'production';
-const sourcePath = path.join(__dirname, './client');
-const staticsPath = path.join(__dirname, './static');
-const config = require("./ignite-ui-cli.json");
-const extractCSS = new ExtractTextPlugin({ filename: 'style.css', disable: false, allChunks: true });
-const plugins = [
-  new webpack.optimize.CommonsChunkPlugin({
-    name: 'vendor',
-    minChunks: Infinity,
-    filename: 'vendor.bundle.js'
-  }),
-  new webpack.DefinePlugin({
-    'process.env': { NODE_ENV: JSON.stringify(nodeEnv) }
-  }),
-  new HtmlWebpackPlugin({
-    template: sourcePath + '/index.ejs',
-    production: isProd,
-    inject: true,
-  }),
-];
-const jsEntry = [
-  'index',
-  'pages/Home',
-];
-if (isProd) {
-  plugins.push(
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-      debug: true
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: false,
-        screw_ie8: true,
-        conditionals: true,
-        unused: true,
-        comparisons: true,
-        sequences: true,
-        dead_code: true,
-        evaluate: true,
-        if_return: true,
-        join_vars: true,
-      },
-      output: {
-        comments: false
-      },
-    }),
-    extractCSS
-  );
-  jsEntry.unshift(
-    'webpack-dev-server/client?http://localhost:3000',
-    'webpack/hot/only-dev-server'
-  );
-} else {
-  plugins.push(
-    new webpack.HotModuleReplacementPlugin(),
-    new webpack.NamedModulesPlugin()
-  );
-}
-module.exports = {
-  devtool: isProd ? 'source-map' : 'cheap-module-source-map',
-  context: sourcePath,
-  entry: {
-    js: jsEntry,
-    vendor: [
-      'react',
-      'react-dom'
-    ]
-  },
-  output: {
-    path: staticsPath,
-    filename: 'bundle.js',
-    publicPath: '/',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.html$/,
-        use: {
-          loader: 'file-loader',
-          query: {
-            name: '[name].[ext]'
-          }
-        }
-      },
-      {
-        test: /\.scss$/,
-        use: isProd ?
-          extractCSS.extract({
-            fallbackLoader: 'style-loader',
-            loader: ['css-loader', 'sass-loader'],
-          }) :
-          ['style-loader', 'css-loader', 'sass-loader']
-      },
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'babel-loader',
-            query: {
-              cacheDirectory: true
-            }
-          }
-        ]
-      },
-      {
-        test: /\.(gif|png|jpg|jpeg\ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
-        use: 'file-loader'
-      }
-    ],
-  },
-  resolve: {
-	extensions: ['.js', '.jsx'],
-	alias: {
-		// --- Ignite UI resources aliasing. WARNING: auto-updated ---
-		"ignite-ui/js/infragistics.core.js$": "ignite-ui/js/infragistics.core-lite.js",
-		"ignite-ui/js/infragistics.lob.js$": "ignite-ui/js/infragistics.lob-lite.js",
-		"ignite-ui": config.project.igniteuiSource.split("node_modules/").pop()
-	},
-    modules: [
-      sourcePath,
-      'node_modules'
-    ]
-  },
-  plugins: plugins,
-  devServer: {
-	clientLogLevel: "error",
-	contentBase: './client',
-    //contentBase: ['./client', './node_modules'],
-    historyApiFallback: true,
-    port: 3002,
-	open: true,
-    hot: true,
-    compress: isProd,
-	stats: { colors: true },
-	setup: function(app) {
-		// Here you can access the Express app object and add your own custom middleware to it.
-		// For example, to define custom handlers for some paths:
-		// app.get('/some/path', function(req, res) {
-		//   res.json({ custom: 'response' });
-		// });
-		// --- !!! Ignite UI resources handler !!!  ---
-		app.use('/ignite-ui', express.static( path.join(__dirname, config.project.igniteuiSource) ));
-	}
-  }
-};

package/templates/react/es6/radial-chart/radial-chart/files/client/components/__path__/index.js DELETED Viewed

@@ -1,71 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import { data } from "../../data/temperature.js";
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = { view: data };
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center", marginBottom: "2vw"}}>$(description)</h2>
-				</div>
-				<div style={{float: "left", marginLeft: "33vw"}}>
-					<$(Control)
-						id="radialchart"
-						width="20vw"
-						height="400px"
-						dataSource={this.state.view}
-						responseDataKey="temperature"
-						legend={{ element: "radialLegend" }}
-						title="New York City vs. Philadelphia"
-						subtitle="A comparison of daily temperatures"
-						axes={[{
-							name: "angleAxis",
-							type: "categoryAngle",
-							label: "Time",
-							startAngleOffset: -90,
-							interval: 1
-						}, {
-							name: "radiusAxis",
-							type: "numericRadius",
-							innerRadiusExtentScale: .1,
-							maximumValue: 95,
-							minimumValue: 75,
-							interval: 5,
-							radiusExtentScale: .6
-						}]}
-						series={[{
-							name: "series1",
-							title: 'Philadelphia',
-							type: "radialArea",
-							angleAxis: "angleAxis",
-							valueAxis: "radiusAxis",
-							valueMemberPath: "PhiladelphiaTemp",
-							markerType: "circle"
-						}, {
-							name: "series2",
-							title: 'New York City',
-							type: "radialArea",
-							angleAxis: "angleAxis",
-							valueAxis: "radiusAxis",
-							valueMemberPath: "NewYorkCityTemp",
-							markerType: "circle"
-						}]}
-						horizontalZoomable={true}
-						verticalZoomable={true}
-						windowResponse="immediate"
-						/>
-				</div>
-				<div id="radialLegend" style={{float: "left"}}></div>
-			</div>
-		);
-	}
-}

package/templates/react/es6/radial-chart/radial-chart/files/client/pages/__path__/index.js DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/scatter-chart/scatter-chart/files/client/components/__path__/index.js DELETED Viewed

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import { data } from "../../data/temperature.js";
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = { view: data };
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center", marginBottom: "2vw"}}>$(description)</h2>
-				</div>
-				<div style={{float: "left", marginLeft: "13vw"}}>
-					<$(Control)
-						id="scatterchart"
-						width="60vw"
-						height="400px"
-						dataSource={this.state.view}
-						responseDataKey="agriculturalData"
-						title="U.S. Agricultural Production Per Year"
-						subtitle="Data from 1961-2007"
-						axes={[{
-							name: "xAxis",
-							type: "numericX",
-							interval: 10,
-                        	title: "Year"
-						}, {
-							name: "yAxis",
-							type: "numericY",
-							title: "Billions of USD",
-							maximumValue: 200000,
-							formatLabel: function (val) {
-								var bVal = (val / 1000),
-								rounded = Math.round(bVal * 100) / 100;
-								return "$"+ rounded;
-							}
-						}]}
-						series={[{
-							name: "scatter",
-							type: "scatter",
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							xMemberPath: "Year",
-							yMemberPath: "Value",
-							markerType: "circle"
-						}
-						]}
-						horizontalZoomable={true}
-						verticalZoomable={true}
-						windowResponse="immediate"
-						/>
-				</div>
-			</div>
-		);
-	}
-}