New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

react-flexmonster

Package Overview
Dependencies
Maintainers
1
Versions
194
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-flexmonster - npm Package Compare versions

Comparing version 2.7.12 to 2.7.13-4

.git
hooks/index.d.ts
hooks/index.js
src/hooks.js

12

package.json
{
"name": "react-flexmonster",
"version": "2.7.12",
"version": "2.7.13-4",
"license": "MIT",

@@ -11,4 +11,5 @@ "description": "React 16.5+ Module for Flexmonster Pivot Table & Charts",

"flexmonster": "latest",
"react": "^16.5.2",
"react-dom": "^16.5.2"
"prop-types": "^15.7.2",
"react": "^16.8.1",
"react-dom": "^16.8.1"
},

@@ -18,4 +19,5 @@ "dependencies": {

"flexmonster": "latest",
"react": "^16.5.2",
"react-dom": "^16.5.2"
"prop-types": "^15.7.2",
"react": "^16.8.1",
"react-dom": "^16.8.1"
},

@@ -22,0 +24,0 @@ "scripts": {

3

readme.md

@@ -76,4 +76,3 @@ # React module for Flexmonster Pivot Table & Charts

width="100%"
report="https://cdn.flexmonster.com/reports/report.json"
/>
report="https://cdn.flexmonster.com/reports/report.json"/>
```

@@ -80,0 +79,0 @@

269

src/index.js

@@ -1,2 +0,3 @@

import * as React from "react";
import PropTypes from 'prop-types';
import React from "react";
import ReactDOM from "react-dom";

@@ -6,207 +7,69 @@ import Flexmonster from "flexmonster";

export class Pivot extends React.Component {
componentDidMount() {
this.flexmonster = new Flexmonster({
...this.props,
container: ReactDOM.findDOMNode(this)
});
}
shouldComponentUpdate() {
return false;
}
componentWillUnmount() {
this.flexmonster.dispose();
}
flexmonster;
render() {
return <div>Pivot</div>;
}
}
propTypes: {
componentFolder: React.PropTypes.string,
global: React.PropTypes.object,
width: [React.PropTypes.string, React.PropTypes.number],
height: [React.PropTypes.string, React.PropTypes.number],
report: [React.PropTypes.string, React.PropTypes.object],
licenseKey: React.PropTypes.string,
toolbar: React.PropTypes.bool,
customizeCell: React.PropTypes.func,
customizeContextMenu: React.PropTypes.func,
cellclick: React.PropTypes.func,
celldoubleclick: React.PropTypes.func,
dataerror: React.PropTypes.func,
datafilecancelled: React.PropTypes.func,
dataloaded: React.PropTypes.func,
datachanged: React.PropTypes.func,
fieldslistclose: React.PropTypes.func,
fieldslistopen: React.PropTypes.func,
filteropen: React.PropTypes.func,
filterclose: React.PropTypes.func,
fullscreen: React.PropTypes.func,
loadingdata: React.PropTypes.func,
loadinglocalization: React.PropTypes.func,
loadingolapstructure: React.PropTypes.func,
loadingreportfile: React.PropTypes.func,
localizationerror: React.PropTypes.func,
localizationloaded: React.PropTypes.func,
olapstructureerror: React.PropTypes.func,
olapstructureloaded: React.PropTypes.func,
openingreportfile: React.PropTypes.func,
querycomplete: React.PropTypes.func,
queryerror: React.PropTypes.func,
ready: React.PropTypes.func,
reportchange: React.PropTypes.func,
reportcomplete: React.PropTypes.func,
reportfilecancelled: React.PropTypes.func,
reportfileerror: React.PropTypes.func,
reportfileloaded: React.PropTypes.func,
runningquery: React.PropTypes.func,
update: React.PropTypes.func,
beforetoolbarcreated: React.PropTypes.func,
aftergriddraw: React.PropTypes.func,
beforegriddraw: React.PropTypes.func,
afterchartdraw: React.PropTypes.func
}
Pivot.propTypes = {
afterchartdraw: PropTypes.func,
aftergriddraw: PropTypes.func,
beforegriddraw: PropTypes.func,
beforetoolbarcreated: PropTypes.func,
cellclick: PropTypes.func,
celldoubleclick: PropTypes.func,
componentFolder: PropTypes.string,
customizeCell: PropTypes.func,
customizeContextMenu: PropTypes.func,
datachanged: PropTypes.func,
dataerror: PropTypes.func,
datafilecancelled: PropTypes.func,
dataloaded: PropTypes.func,
fieldslistclose: PropTypes.func,
fieldslistopen: PropTypes.func,
filterclose: PropTypes.func,
filteropen: PropTypes.func,
fullscreen: PropTypes.func,
global: PropTypes.object,
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
licenseKey: PropTypes.string,
loadingdata: PropTypes.func,
loadinglocalization: PropTypes.func,
loadingolapstructure: PropTypes.func,
loadingreportfile: PropTypes.func,
localizationerror: PropTypes.func,
localizationloaded: PropTypes.func,
olapstructureerror: PropTypes.func,
olapstructureloaded: PropTypes.func,
openingreportfile: PropTypes.func,
querycomplete: PropTypes.func,
queryerror: PropTypes.func,
ready: PropTypes.func,
report: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
reportchange: PropTypes.func,
reportcomplete: PropTypes.func,
reportfilecancelled: PropTypes.func,
reportfileerror: PropTypes.func,
reportfileloaded: PropTypes.func,
runningquery: PropTypes.func,
toolbar: PropTypes.bool,
update: PropTypes.func,
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
}
render() {
return (
<div> Pivot </div>
)
}
componentDidMount() {
var config = {};
config.container = ReactDOM.findDOMNode(this);
this.parseProps(config);
this.flexmonster = new Flexmonster(config);
}
shouldComponentUpdate() {
return false;
}
componentWillUnmount() {
this.flexmonster.dispose();
}
parseProps(config: Params) {
if (this.props.toolbar !== undefined) {
config.toolbar = this.props.toolbar;
}
if (this.props.licenseKey !== undefined) {
config.licenseKey = this.props.licenseKey;
}
if (this.props.width !== undefined) {
config.width = this.props.width;
}
if (this.props.height !== undefined) {
config.height = this.props.height;
}
if (this.props.componentFolder !== undefined) {
config.componentFolder = this.props.componentFolder;
}
if (this.props.report !== undefined) {
config.report = this.props.report;
}
if (this.props.global !== undefined) {
config.global = this.props.global;
}
if (this.props.customizeCell !== undefined) {
config.customizeCell = this.props.customizeCell;
}
if (this.props.customizeContextMenu !== undefined) {
config.customizeContextMenu = this.props.customizeContextMenu;
}
// events
if (this.props.cellclick !== undefined) {
config.cellclick = this.props.cellclick;
}
if (this.props.celldoubleclick !== undefined) {
config.celldoubleclick = this.props.celldoubleclick;
}
if (this.props.dataerror !== undefined) {
config.dataerror = this.props.dataerror;
}
if (this.props.datafilecancelled !== undefined) {
config.datafilecancelled = this.props.datafilecancelled;
}
if (this.props.dataloaded !== undefined) {
config.dataloaded = this.props.dataloaded;
}
if (this.props.datachanged !== undefined) {
config.datachanged = this.props.datachanged;
}
if (this.props.fieldslistclose !== undefined) {
config.fieldslistclose = this.props.fieldslistclose;
}
if (this.props.fieldslistopen !== undefined) {
config.fieldslistopen = this.props.fieldslistopen;
}
if (this.props.filteropen !== undefined) {
config.filteropen = this.props.filteropen;
}
if (this.props.filterclose !== undefined) {
config.filterclose = this.props.filterclose;
}
if (this.props.fullscreen !== undefined) {
config.fullscreen = this.props.fullscreen;
}
if (this.props.loadingdata !== undefined) {
config.loadingdata = this.props.loadingdata;
}
if (this.props.loadinglocalization !== undefined) {
config.loadinglocalization = this.props.loadinglocalization;
}
if (this.props.loadingolapstructure !== undefined) {
config.loadingolapstructure = this.props.loadingolapstructure;
}
if (this.props.loadingreportfile !== undefined) {
config.loadingreportfile = this.props.loadingreportfile;
}
if (this.props.localizationerror !== undefined) {
config.localizationerror = this.props.localizationerror;
}
if (this.props.localizationloaded !== undefined) {
config.localizationloaded = this.props.localizationloaded;
}
if (this.props.olapstructureerror !== undefined) {
config.olapstructureerror = this.props.olapstructureerror;
}
if (this.props.olapstructureloaded !== undefined) {
config.olapstructureloaded = this.props.olapstructureloaded;
}
if (this.props.openingreportfile !== undefined) {
config.openingreportfile = this.props.openingreportfile;
}
if (this.props.querycomplete !== undefined) {
config.querycomplete = this.props.querycomplete;
}
if (this.props.queryerror !== undefined) {
config.queryerror = this.props.queryerror;
}
if (this.props.ready !== undefined) {
config.ready = this.props.ready;
}
if (this.props.reportchange !== undefined) {
config.reportchange = this.props.reportchange;
}
if (this.props.reportcomplete !== undefined) {
config.reportcomplete = this.props.reportcomplete;
}
if (this.props.reportfilecancelled !== undefined) {
config.reportfilecancelled = this.props.reportfilecancelled;
}
if (this.props.reportfileerror !== undefined) {
config.reportfileerror = this.props.reportfileerror;
}
if (this.props.reportfileloaded !== undefined) {
config.reportfileloaded = this.props.reportfileloaded;
}
if (this.props.runningquery !== undefined) {
config.runningquery = this.props.runningquery;
}
if (this.props.update !== undefined) {
config.update = this.props.update;
}
if (this.props.beforetoolbarcreated !== undefined) {
config.beforetoolbarcreated = this.props.beforetoolbarcreated;
}
if (this.props.aftergriddraw !== undefined) {
config.aftergriddraw = this.props.aftergriddraw;
}
if (this.props.beforegriddraw !== undefined) {
config.beforegriddraw = this.props.beforegriddraw;
}
if (this.props.afterchartdraw !== undefined) {
config.afterchartdraw = this.props.afterchartdraw;
}
}
}
export default Pivot;

36

webpack.config.js
var path = require('path');
module.exports = {
module.exports = [{
entry: './src/index.js',

@@ -28,4 +28,34 @@ output: {

'react-dom': 'commonjs react-dom',// this line is just to use the React-Dom dependency of our parent-testing-project instead of using our own React-Dom.
'flexmonster': 'commonjs flexmonster'
'flexmonster': 'commonjs flexmonster',
'prop-types': 'commonjs prop-types'
}
};
},
{
entry: './src/hooks.js',
output: {
path: path.resolve(__dirname, 'hooks'),
filename: 'index.js',
libraryTarget: 'commonjs2' // THIS IS THE MOST IMPORTANT LINE! :mindblow: I wasted more than 2 days until realize this was the line most important in all this guide.
},
module: {
rules: [
{
test: /\.js$/,
include: path.resolve(__dirname, 'src'),
exclude: /(node_modules|bower_components|build)/,
use: {
loader: 'babel-loader',
options: {
presets: ['react']
}
}
}
]
},
externals: {
'react': 'commonjs react', // this line is just to use the React dependency of our parent-testing-project instead of using our own React
//'react-dom': 'commonjs react-dom',// this line is just to use the React-Dom dependency of our parent-testing-project instead of using our own React-Dom.
'flexmonster': 'commonjs flexmonster',
'prop-types': 'commonjs prop-types'
}
}];
.nvmrc
build/index.js
SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc