@chartiq/react-components - npm Package Compare versions

Comparing version 8.6.0-beta.4 to 8.6.0-beta.5

lib/Advanced/ChartPage.js

 import React from "react";
-import Chart, { CIQ } from "../Advanced";
+import Chart, { CIQ } from "./index";
 import quoteFeedSimulator from "chartiq/examples/feeds/quoteFeedSimulator";
@@ -4,0 +4,0 @@ import PerfectScrollbar from "chartiq/js/thirdparty/perfect-scrollbar.esm.js";

lib/Core/Chart.js

@@ -11,2 +11,4 @@ import React from "react"; // Import necessary ChartIQ library files
 
+import { getCustomConfig } from "./resources"; // ChartIQ library resources
+
 export { CIQ };
@@ -17,16 +19,26 @@ /**
  * @export
- * @class AdvancedChart
+ * @class CoreChart
  * @extends {React.Component}
  * @param {object} config Configuration used for the chart.
  * @param {object} resources Object of resources passed into configuration to be applied
- * @param {AdvancedChart~chartInitialized} chartInitialized Callback that fires when the chart is interactive
+ * @param {CoreChart~chartInitialized} chartInitialized Callback that fires when the chart is interactive
  */
 
-export default class AdvancedChart extends React.Component {
+export default class CoreChart extends React.Component {
   constructor(props) {
     super(props);
+    const {
+      config,
+      resources
+    } = props;
     this.container = /*#__PURE__*/React.createRef();
+    const configObj = getCustomConfig({
+      resources
+    });
+    CIQ.extend(configObj, config);
+    this.config = configObj;
     this.state = {
       stx: null,
-      UIContext: null
+      UIContext: null,
+      config: configObj
     };
@@ -40,5 +52,5 @@ }
     } = this.props;
-    let {
+    const {
       config
-    } = this.props;
+    } = this.state;
     portalizeContextDialogs(container); // Delay the call to createChartAndUI so any other AdvancedChart components on the page
@@ -45,0 +57,0 @@ // using multi chart setup have a chance to call portalizeContextDialogs

lib/Core/ChartPage.js

 import React from "react";
-import Chart, { CIQ } from "../Core";
+import Chart, { CIQ } from "./Chart";
 import quoteFeedSimulator from "chartiq/examples/feeds/quoteFeedSimulator";
@@ -4,0 +4,0 @@ import PerfectScrollbar from "chartiq/js/thirdparty/perfect-scrollbar.esm.js";

lib/Core/index.js

@@ -1,20 +0,6 @@
-import React from "react";
-import { default as CoreChart, CIQ } from "./Chart";
+import "../styles/base-imports";
+import { default as Chart, CIQ } from "./Chart";
 import { getConfig, getCustomConfig } from "./resources"; // ChartIQ library resources
 
 import ChartPage from "./ChartPage";
-export default function ({
-  chartInitialized,
-  config,
-  resources
-}) {
-  const configObj = getCustomConfig({
-    resources
-  });
-  CIQ.extend(configObj, config);
-  return /*#__PURE__*/React.createElement(CoreChart, {
-    config: configObj,
-    chartInitialized: chartInitialized
-  });
-}
-export { ChartPage, CIQ, getConfig, getCustomConfig };
+export { Chart as default, ChartPage, CIQ, getConfig, getCustomConfig };

lib/index.js

 // Be sure to import base styles first so they don't override any styles for components!
 import "./styles/base-imports";
-import Chart from './Core';
-export default Chart;
+import CoreChart from "./Core";
+export { CoreChart as default };

package.json

 {
   "name": "@chartiq/react-components",
-  "version": "8.6.0-beta.4",
+  "version": "8.6.0-beta.5",
   "description": "React Components for ChartIQ library",
@@ -13,2 +13,3 @@ "main": "lib/index.js",
     "build:prod": "babel src -d lib --copy-files",
+    "watch": "babel src -d lib/ -w --copy-files --source-maps inline",
     "prepublish": "npm run build:prod"
@@ -15,0 +16,0 @@ },

src/Advanced/ChartPage.jsx

 import React from "react"
-import Chart, { CIQ } from "../Advanced"
+import Chart, { CIQ } from "./index"
 
@@ -4,0 +4,0 @@ import quoteFeedSimulator from "chartiq/examples/feeds/quoteFeedSimulator";

src/Core/Chart.jsx

@@ -14,4 +14,6 @@ import React from "react";
 
-export { CIQ };
+import { getCustomConfig } from "./resources"; // ChartIQ library resources
 
+export { CIQ }
+
 /**
@@ -21,16 +23,23 @@ * This is a fully functional example showing how to load a chart with complete user interface.
  * @export
- * @class AdvancedChart
+ * @class CoreChart
  * @extends {React.Component}
  * @param {object} config Configuration used for the chart.
  * @param {object} resources Object of resources passed into configuration to be applied
- * @param {AdvancedChart~chartInitialized} chartInitialized Callback that fires when the chart is interactive
+ * @param {CoreChart~chartInitialized} chartInitialized Callback that fires when the chart is interactive
  */
-export default class AdvancedChart extends React.Component {
+export default class CoreChart extends React.Component {
 	constructor(props) {
 		super(props);
+		const { config, resources } = props;
+
 		this.container = React.createRef();
 
+		const configObj = getCustomConfig({ resources });
+		CIQ.extend(configObj, config);
+		this.config = configObj;
+
 		this.state = {
 			stx: null,
 			UIContext: null,
+			config: configObj
 		};
@@ -42,3 +51,3 @@ }
 		const { chartInitialized } = this.props;
-		let { config } = this.props;
+		const { config } = this.state;
 
@@ -45,0 +54,0 @@ portalizeContextDialogs(container);

src/Core/ChartPage.jsx

 import React from "react"
-import Chart, { CIQ } from "../Core"
+import Chart, { CIQ } from "./Chart"
 
@@ -4,0 +4,0 @@ import quoteFeedSimulator from "chartiq/examples/feeds/quoteFeedSimulator";

src/Core/index.js

@@ -1,15 +0,6 @@
-import React from "react";
+import "../styles/base-imports"
+import { default as Chart, CIQ } from "./Chart";
 
-import { default as CoreChart, CIQ } from "./Chart";
-
 import { getConfig, getCustomConfig } from "./resources"; // ChartIQ library resources
 import ChartPage from "./ChartPage"
-
-export default function ({ chartInitialized, config, resources }) {
-	const configObj = getCustomConfig({ resources });
-	CIQ.extend(configObj, config);
-
-	return <CoreChart config={configObj} chartInitialized={chartInitialized} />;
-}
-
-export { ChartPage, CIQ, getConfig, getCustomConfig }
+export { Chart as default, ChartPage, CIQ, getConfig, getCustomConfig }

src/index.js

 // Be sure to import base styles first so they don't override any styles for components!
 import "./styles/base-imports";
 
-import Chart from './Core';
-export default Chart;
+import CoreChart from "./Core"
+export { CoreChart as default }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

177346

increased by0.07%

Worsened metrics

Lines of code

4323

decreased by-0.05%

No dependency changes