Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@chartiq/react-components

Package Overview
Dependencies
Maintainers
5
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chartiq/react-components - npm Package Compare versions

Comparing version 8.8.0 to 9.0.0

5

ActiveTrader/index.js
import { default as Workstation, CIQ } from "./Workstation";
import tfcHtml from "chartiq/plugins/tfc/tfcHtml";
import { getConfig, getCustomConfig } from "./resources"; // ChartIQ library resources
import WorkstationExample from "./WorkstationExample";
export { Workstation as default, WorkstationExample, CIQ, getConfig, getCustomConfig, tfcHtml };
export { Workstation as default, CIQ, getConfig, getCustomConfig };

2

ActiveTrader/resources.js

@@ -47,3 +47,3 @@ import 'chartiq/examples/feeds/symbolLookupChartIQ';

};
config.menuChartPreferences = config.menuChartPreferences.filter(item => item.label !== "Market Depth" && item.label !== "Extended Hours");
config.menuChartPreferences = config.menuChartPreferences.filter(item => item.label !== "Extended Hours");
config.addOns.tableView.coverContainer = ".ciq-chart-area";

@@ -50,0 +50,0 @@ return config;

@@ -90,3 +90,3 @@ import React from "react";

})), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-aggregations"
class: "chart-aggregations advanced-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Aggregated Types"), /*#__PURE__*/React.createElement("cq-menu-container", {

@@ -125,8 +125,2 @@ "cq-name": "menuChartAggregates"

}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "ta_markers-ui",
stxtap: "Markers.showMarkers('trade')",
"cq-no-close": true
}, "Trade", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "video_markers-ui",

@@ -186,24 +180,4 @@ stxtap: "Markers.showMarkers('video')",

}, /*#__PURE__*/React.createElement("cq-flag", null), /*#__PURE__*/React.createElement("cq-language-name", null, "Change Language")))))), /*#__PURE__*/React.createElement("div", {
className: "trade-toggles ciq-toggles"
}, /*#__PURE__*/React.createElement("cq-toggle", {
class: "tfc-ui sidebar stx-trade",
"cq-member": "tfc"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Trade")), /*#__PURE__*/React.createElement("cq-toggle", {
class: "analystviews-ui stx-analystviews",
"cq-member": "analystviews"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Analyst Views")), /*#__PURE__*/React.createElement("cq-toggle", {
class: "technicalinsights-ui stx-technicalinsights",
"cq-member": "technicalinsights"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Technical Insights"))))), /*#__PURE__*/React.createElement("cq-scriptiq", {
class: "scriptiq-ui"
}), /*#__PURE__*/React.createElement("cq-analystviews", {
class: "analystviews-ui",
token: "eZOrIVNU3KR1f0cf6PTUYg==",
partner: "1000",
disabled: true
}), /*#__PURE__*/React.createElement("cq-technicalinsights", {
uid: "",
lang: "en",
disabled: true
}), /*#__PURE__*/React.createElement("div", {
className: "ciq-toggles"
}))), /*#__PURE__*/React.createElement("div", {
className: "ciq-chart-area",

@@ -210,0 +184,0 @@ role: "main"

@@ -23,2 +23,4 @@ import React from "react";

} = CIQ.UI.BaseComponent.prototype;
import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -189,2 +191,3 @@ /**

// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;

@@ -196,2 +199,3 @@ CIQ.Share.fullChart2PNG = function (stx, params, cb) {

};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -38,2 +38,3 @@ import React, { useState } from "react";

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";

@@ -78,2 +79,3 @@ // Translation file

const lines = CIQ.I18N.csv.split("\n");
if (lines.length < 2) return console.warn("Minification may have stripped out translation data. See 'Important Note Regarding Localization' in the react-components package README.md.");
const translationHasExtraSpace = lines[1][0] === ' ';

@@ -80,0 +82,0 @@ if (!translationHasExtraSpace) return;

@@ -20,2 +20,5 @@ import React, { useState } from "react";

// Example Marker files
import "chartiq/examples/markers/tradeAnalyticsSample";
// Plugins

@@ -34,5 +37,4 @@

import "chartiq/plugins/signaliq/signaliq-paintbar";
import "chartiq/plugins/studybrowser";
// import "chartiq/plugins/studybrowser";
// Trading Central: Technical Insights

@@ -39,0 +41,0 @@ // import "chartiq/plugins/technicalinsights/components";

@@ -38,4 +38,2 @@ import React, { useState } from "react";

},
plugins: {},
// Activated Plugins go here!
onChartReady

@@ -51,2 +49,3 @@ };

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";

@@ -57,3 +56,3 @@ // Translation file

// Example Marker files
import "chartiq/examples/markers/tradeAnalyticsSample";
// import "chartiq/examples/markers/tradeAnalyticsSample";
import "chartiq/examples/markers/videoSample";

@@ -104,2 +103,21 @@

const config = getExampleConfig();
/* Use dynamic load on demand as an alternative to static import */
config.plugins = {
// analystViews: {
// load() { return import("chartiq/plugins/analystviews/components") }
// },
// tfc: {
// load() {
// return Promise.all([
// import("chartiq/plugins/tfc/tfc-loader"),
// import("chartiq/plugins/tfc/tfc-demo")
// ]);
// }
// },
// technicalInsights: {
// load() { return import("chartiq/plugins/technicalinsights/components") },
// uid: "" // uid for plugin
// }
};
CIQ.extend(config, props.config || {});

@@ -127,2 +145,3 @@ return {

const lines = CIQ.I18N.csv.split("\n");
if (lines.length < 2) return console.warn("Minification may have stripped out translation data. See 'Important Note Regarding Localization' in the react-components package ReadMe");
const translationHasExtraSpace = lines[1][0] === ' ';

@@ -129,0 +148,0 @@ if (!translationHasExtraSpace) return;

@@ -16,2 +16,4 @@ import React from "react";

import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -92,2 +94,10 @@

}) {
// A Strategy to optionally use the Study Menu or the default Study Browser via URL query string.
const useStudyMenu = /studymenu=y/i.test(document.location.href);
if (useStudyMenu && CIQ.Studies.Favorites) {
CIQ.Studies.Favorites_disabled = CIQ.Studies.Favorites;
delete CIQ.Studies.Favorites;
} else if (!useStudyMenu && CIQ.Studies.Favorites_disabled) {
CIQ.Studies.Favorites = CIQ.Studies.Favorites_disabled;
}
return new CIQ.UI.Chart().createChartAndUI({

@@ -150,2 +160,3 @@ container,

// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;

@@ -157,2 +168,3 @@ CIQ.Share.fullChart2PNG = function (stx, params, cb) {

};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -93,3 +93,3 @@ import { CIQ } from "chartiq";

})), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-aggregations"
class: "chart-aggregations advanced-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Aggregated Types"), /*#__PURE__*/React.createElement("cq-menu-container", {

@@ -202,24 +202,4 @@ "cq-name": "menuChartAggregates"

}, /*#__PURE__*/React.createElement("cq-flag", null), /*#__PURE__*/React.createElement("cq-language-name", null, "Change Language")))))), /*#__PURE__*/React.createElement("div", {
className: "trade-toggles ciq-toggles"
}, /*#__PURE__*/React.createElement("cq-toggle", {
class: "tfc-ui sidebar stx-trade",
"cq-member": "tfc"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Trade")), /*#__PURE__*/React.createElement("cq-toggle", {
class: "analystviews-ui stx-analystviews",
"cq-member": "analystviews"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Analyst Views")), /*#__PURE__*/React.createElement("cq-toggle", {
class: "technicalinsights-ui stx-technicalinsights",
"cq-member": "technicalinsights"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Technical Insights"))))), /*#__PURE__*/React.createElement("cq-scriptiq", {
class: "scriptiq-ui"
}), /*#__PURE__*/React.createElement("cq-analystviews", {
class: "analystviews-ui",
token: "eZOrIVNU3KR1f0cf6PTUYg==",
partner: "1000",
disabled: true
}), /*#__PURE__*/React.createElement("cq-technicalinsights", {
uid: "",
lang: "en",
disabled: true
}), /*#__PURE__*/React.createElement("div", {
className: "ciq-toggles"
}))), /*#__PURE__*/React.createElement("div", {
className: "ciq-chart-area",

@@ -226,0 +206,0 @@ role: "main"

@@ -16,2 +16,4 @@ import React from "react";

import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -94,2 +96,15 @@

* @param {CIQ.UI.Context} uiContext
*/
*/
// Adjustments to compensate for when webpack config is not available
(function initDynamicShare() {
// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;
CIQ.Share.fullChart2PNG = function (stx, params, cb) {
import("chartiq/js/thirdparty/html2canvas.min.js").then(() => {
fullChart2PNG(stx, params, cb);
});
};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -27,2 +27,3 @@ import React, { useState } from "react";

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";
export default function ChartExample(props) {

@@ -29,0 +30,0 @@ const [{

{
"name": "@chartiq/react-components",
"version": "8.8.0",
"version": "9.0.0",
"description": "React Components for ChartIQ library",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -24,3 +24,3 @@ # ChartIQ React Components

**If you do not have a copy of the library, please contact your account manager or send an email to <info@cosaic.io> or you may evaluate one from [here](https://cosaic.io/chartiq-sdk-library-download/).**
**If you do not have a copy of the library, please contact your account manager or send an email to <info@chartiq.com> or you may visit our <a href="https://pages.marketintelligence.spglobal.com/ChartIQ-Follow-up-Request.html" target="_blank">Request Follow Up site</a> to get in contact with us!**

@@ -45,2 +45,4 @@ ## Included Components

> **Important Note Regarding Localization:** When compiling in production mode, default minification may strip out translation data. Webpack optimization parameters may be used to preserve the translation data. As an example, see the output.optimization.minimizer setting in the [chartiq-react-app webpack.config.js file](https://github.com/ChartIQ/chartiq-react-app/blob/master/webpack.config.js).
## Getting Started

@@ -163,3 +165,3 @@

**Note:** Plug-ins are optional extras that must be purchased. To determine the plug-ins included in your library, see the *./node_modules/chartiq/plugins* folder.
> **Note:** Plug-ins are optional extras that must be purchased. To determine the plug-ins included in your library, see the *./node_modules/chartiq/plugins* folder.

@@ -166,0 +168,0 @@ The application includes the ChartIQ plug-ins as component resources that are enabled by uncommenting the relevant imports in the component resources file.

import { default as Workstation, CIQ } from "./Workstation";
import tfcHtml from "chartiq/plugins/tfc/tfcHtml";
import { getConfig, getCustomConfig } from "./resources"; // ChartIQ library resources
import WorkstationExample from "./WorkstationExample";
export {
Workstation as default,
WorkstationExample,
CIQ,
getConfig,
getCustomConfig,
tfcHtml
getCustomConfig
};

@@ -26,3 +26,3 @@ import 'chartiq/examples/feeds/symbolLookupChartIQ';

const {
const {
marketDepth,

@@ -32,3 +32,3 @@ tfc,

// Select only plugin configurations that needs to be active for this chart
config.plugins = {
config.plugins = {
marketDepth,

@@ -48,3 +48,3 @@ tfc,

config.menuChartPreferences = config.menuChartPreferences.filter(
(item) => item.label !== "Market Depth" && item.label !== "Extended Hours"
(item) => item.label !== "Extended Hours"
);

@@ -58,2 +58,2 @@

export { getConfig, getCustomConfig };
export { getConfig, getCustomConfig };

@@ -119,3 +119,3 @@ import React from "react";

</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-aggregations'>
<cq-menu-dropdown-section class='chart-aggregations advanced-ui'>
<cq-separator></cq-separator>

@@ -174,3 +174,3 @@ <cq-heading>Aggregated Types</cq-heading>

</cq-item>
<cq-item
{/* <cq-item
class='ta_markers-ui'

@@ -184,3 +184,3 @@ stxtap="Markers.showMarkers('trade')"

</span>
</cq-item>
</cq-item> */}
<cq-item

@@ -282,36 +282,6 @@ class='video_markers-ui'

<div className='trade-toggles ciq-toggles'>
<cq-toggle class='tfc-ui sidebar stx-trade' cq-member='tfc'>
<span></span>
<cq-tooltip>Trade</cq-tooltip>
</cq-toggle>
<cq-toggle
class='analystviews-ui stx-analystviews'
cq-member='analystviews'
>
<span></span>
<cq-tooltip>Analyst Views</cq-tooltip>
</cq-toggle>
<cq-toggle
class='technicalinsights-ui stx-technicalinsights'
cq-member='technicalinsights'
>
<span></span>
<cq-tooltip>Technical Insights</cq-tooltip>
</cq-toggle>
</div>
<div className="ciq-toggles"></div>
</div>
</div>
<cq-scriptiq class='scriptiq-ui'></cq-scriptiq>
<cq-analystviews
class='analystviews-ui'
token='eZOrIVNU3KR1f0cf6PTUYg=='
partner='1000'
disabled
></cq-analystviews>
<cq-technicalinsights uid='' lang='en' disabled></cq-technicalinsights>
<div className='ciq-chart-area' role='main'>

@@ -318,0 +288,0 @@ <div chartarea='true'>

@@ -27,2 +27,5 @@ import React from "react";

import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -185,3 +188,5 @@ /**

// Adjustments to compensate for when webpack config is not available
(function initDynamicShare() { // Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
(function initDynamicShare() {
// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;

@@ -192,3 +197,4 @@ CIQ.Share.fullChart2PNG = function (stx, params, cb) {

});
}
};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -33,2 +33,3 @@ import React, { useState } from "react";

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";

@@ -67,2 +68,5 @@ // Translation file

const lines = CIQ.I18N.csv.split("\n");
if (lines.length < 2) return console.warn(
"Minification may have stripped out translation data. See 'Important Note Regarding Localization' in the react-components package README.md."
);
const translationHasExtraSpace = lines[1][0] === ' ';

@@ -69,0 +73,0 @@ if (!translationHasExtraSpace) return;

@@ -22,2 +22,5 @@ import React, { useState } from "react";

// Example Marker files
import "chartiq/examples/markers/tradeAnalyticsSample";
// Plugins

@@ -37,3 +40,3 @@

// import "chartiq/plugins/studybrowser";
import "chartiq/plugins/studybrowser";

@@ -40,0 +43,0 @@ // Trading Central: Technical Insights

@@ -36,3 +36,2 @@ import React, { useState } from "react";

},
plugins: {}, // Activated Plugins go here!
onChartReady

@@ -48,2 +47,3 @@ };

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";

@@ -54,3 +54,3 @@ // Translation file

// Example Marker files
import "chartiq/examples/markers/tradeAnalyticsSample";
// import "chartiq/examples/markers/tradeAnalyticsSample";
import "chartiq/examples/markers/videoSample";

@@ -98,2 +98,21 @@

const config = getExampleConfig();
/* Use dynamic load on demand as an alternative to static import */
config.plugins = {
// analystViews: {
// load() { return import("chartiq/plugins/analystviews/components") }
// },
// tfc: {
// load() {
// return Promise.all([
// import("chartiq/plugins/tfc/tfc-loader"),
// import("chartiq/plugins/tfc/tfc-demo")
// ]);
// }
// },
// technicalInsights: {
// load() { return import("chartiq/plugins/technicalinsights/components") },
// uid: "" // uid for plugin
// }
}
CIQ.extend(config, props.config || {});

@@ -121,2 +140,5 @@

const lines = CIQ.I18N.csv.split("\n");
if (lines.length < 2) return console.warn(
"Minification may have stripped out translation data. See 'Important Note Regarding Localization' in the react-components package ReadMe"
);
const translationHasExtraSpace = lines[1][0] === ' ';

@@ -123,0 +145,0 @@ if (!translationHasExtraSpace) return;

@@ -18,2 +18,5 @@ import React from "react";

import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -83,2 +86,10 @@

createChartAndUI({ container, config }) {
// A Strategy to optionally use the Study Menu or the default Study Browser via URL query string.
const useStudyMenu = /studymenu=y/i.test(document.location.href);
if (useStudyMenu && CIQ.Studies.Favorites) {
CIQ.Studies.Favorites_disabled = CIQ.Studies.Favorites;
delete CIQ.Studies.Favorites;
} else if (!useStudyMenu && CIQ.Studies.Favorites_disabled) {
CIQ.Studies.Favorites = CIQ.Studies.Favorites_disabled;
}
return new CIQ.UI.Chart().createChartAndUI({ container, config });

@@ -139,2 +150,3 @@ }

// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;

@@ -146,2 +158,3 @@ CIQ.Share.fullChart2PNG = function (stx, params, cb) {

};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -119,3 +119,3 @@ import { CIQ } from "chartiq";

</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-aggregations'>
<cq-menu-dropdown-section class='chart-aggregations advanced-ui'>
<cq-separator></cq-separator>

@@ -309,36 +309,6 @@ <cq-heading>Aggregated Types</cq-heading>

<div className='trade-toggles ciq-toggles'>
<cq-toggle class='tfc-ui sidebar stx-trade' cq-member='tfc'>
<span></span>
<cq-tooltip>Trade</cq-tooltip>
</cq-toggle>
<cq-toggle
class='analystviews-ui stx-analystviews'
cq-member='analystviews'
>
<span></span>
<cq-tooltip>Analyst Views</cq-tooltip>
</cq-toggle>
<cq-toggle
class='technicalinsights-ui stx-technicalinsights'
cq-member='technicalinsights'
>
<span></span>
<cq-tooltip>Technical Insights</cq-tooltip>
</cq-toggle>
</div>
<div className="ciq-toggles"></div>
</div>
</div>
<cq-scriptiq class='scriptiq-ui'></cq-scriptiq>
<cq-analystviews
class='analystviews-ui'
token='eZOrIVNU3KR1f0cf6PTUYg=='
partner='1000'
disabled
></cq-analystviews>
<cq-technicalinsights uid='' lang='en' disabled></cq-technicalinsights>
<div className='ciq-chart-area' role='main'>

@@ -345,0 +315,0 @@ <div className='ciq-chart'>

@@ -20,2 +20,5 @@ import React from "react";

import getLicenseKey from "chartiq/key.js";
getLicenseKey(CIQ);
export { CIQ };

@@ -98,1 +101,14 @@

*/
// Adjustments to compensate for when webpack config is not available
(function initDynamicShare() {
// Decorate the library function to avoid copying html2canvas.min.js to distribution to js/thirdparty directory
if (CIQ.Share.fullChart2PNG_init) return;
const fullChart2PNG = CIQ.Share.fullChart2PNG;
CIQ.Share.fullChart2PNG = function (stx, params, cb) {
import("chartiq/js/thirdparty/html2canvas.min.js").then(() => {
fullChart2PNG(stx, params, cb);
});
};
CIQ.Share.fullChart2PNG_init = true;
})();

@@ -22,2 +22,3 @@ import React, { useState } from "react";

import "chartiq/examples/markets/marketSymbologySample";
import "chartiq/examples/markets/timezones.js";

@@ -24,0 +25,0 @@ export default function ChartExample(props) {

@@ -21,3 +21,3 @@ import "chartiq/examples/feeds/symbolLookupChartIQ";

config.chartId = chartId || "_cross-section-chart";
if (onChartReady) config.onChartReady = onChartReady;

@@ -61,3 +61,3 @@

if (diff) return diff > 0 ? 1 : -1;
if (isNaN(l1[0])) return 1;

@@ -64,0 +64,0 @@ if (isNaN(r1[0])) return -1;

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc