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

victory-area

Package Overview
Dependencies
Maintainers
26
Versions
150
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

victory-area - npm Package Compare versions

Comparing version 36.5.0 to 36.5.1

es/area.d.ts

44

es/area.js

@@ -13,3 +13,3 @@ import _assign from "lodash/assign";

import * as d3Shape from "victory-vendor/d3-shape";
import { Helpers, CommonProps, Path, UserProps } from "victory-core";
import { Helpers, CommonProps, Path, UserProps, LineHelpers } from "victory-core";

@@ -46,26 +46,7 @@ var defined = function (d) {

var toNewName = function (interpolation) {
// d3 shape changed the naming scheme for interpolators from "basis" -> "curveBasis" etc.
var capitalize = function (s) {
return s && s[0].toUpperCase() + s.slice(1);
};
return "curve".concat(capitalize(interpolation));
};
var getLineFunction = function (props) {
var polar = props.polar,
scale = props.scale,
horizontal = props.horizontal;
var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
var interpolationName = typeof props.interpolation === "string" && toNewName(props.interpolation);
return polar ? d3Shape.lineRadial().defined(defined).curve(interpolationFunction || d3Shape["".concat(interpolationName, "Closed")]).angle(getAngleAccessor(scale)).radius(getYAccessor(scale)) : d3Shape.line().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x(horizontal ? getYAccessor(scale) : getXAccessor(scale)).y(horizontal ? getXAccessor(scale) : getYAccessor(scale));
};
var getCartesianArea = function (props, interpolation) {
var getCartesianArea = function (props) {
var horizontal = props.horizontal,
scale = props.scale;
var interpolationFunction = typeof interpolation === "function" && interpolation;
var interpolationName = typeof interpolation === "string" && interpolation;
return horizontal ? d3Shape.area().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x0(getY0Accessor(scale)).x1(getYAccessor(scale)).y(getXAccessor(scale)) : d3Shape.area().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x(getXAccessor(scale)).y1(getYAccessor(scale)).y0(getY0Accessor(scale));
var interpolationFunction = LineHelpers.getInterpolationFunction(props);
return horizontal ? d3Shape.area().defined(defined).curve(interpolationFunction).x0(getY0Accessor(scale)).x1(getYAccessor(scale)).y(getXAccessor(scale)) : d3Shape.area().defined(defined).curve(interpolationFunction).x(getXAccessor(scale)).y1(getYAccessor(scale)).y0(getY0Accessor(scale));
};

@@ -76,6 +57,4 @@

scale = props.scale;
var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
var interpolationName = typeof props.interpolation === "string" && toNewName(props.interpolation);
var interpolation = interpolationFunction || interpolationName;
return polar ? d3Shape.radialArea().defined(defined).curve(interpolationFunction || d3Shape["".concat(interpolationName, "Closed")]).angle(getAngleAccessor(scale)).outerRadius(getYAccessor(scale)).innerRadius(getY0Accessor(scale)) : getCartesianArea(props, interpolation);
var interpolationFunction = LineHelpers.getInterpolationFunction(props);
return polar ? d3Shape.radialArea().defined(defined).curve(interpolationFunction).angle(getAngleAccessor(scale)).outerRadius(getYAccessor(scale)).innerRadius(getY0Accessor(scale)) : getCartesianArea(props);
};

@@ -107,4 +86,8 @@

};
/**
* The area primitive used by VictoryArea
*/
var Area = function (props) {
export var Area = function (props) {
props = evaluateProps(props);

@@ -132,3 +115,3 @@ var _props = props,

var areaFunction = getAreaFunction(props);
var lineFunction = renderLine && getLineFunction(props);
var lineFunction = renderLine && LineHelpers.getLineFunction(props);
var areaStroke = style.stroke ? "none" : style.fill;

@@ -165,3 +148,2 @@

};
Area.propTypes = _objectSpread(_objectSpread({}, CommonProps.primitiveProps), {}, {

@@ -178,2 +160,2 @@ groupComponent: PropTypes.element,

};
export default Area;
//# sourceMappingURL=area.js.map

@@ -137,2 +137,3 @@ import _isNil from "lodash/isNil";

}, initialChildProps);
};
};
//# sourceMappingURL=helper-methods.js.map

@@ -1,41 +0,3 @@

import * as React from "react";
import {
EventPropTypeInterface,
InterpolationPropType,
StringOrNumberOrCallback,
VictoryCommonProps,
VictoryCommonPrimitiveProps,
VictoryDatableProps,
VictoryMultiLabelableProps,
VictoryStyleInterface
} from "victory-core";
export type VictoryAreaTTargetType = "data" | "labels" | "parent";
export interface VictoryAreaProps
extends VictoryCommonProps,
VictoryDatableProps,
VictoryMultiLabelableProps {
eventKey?: string[] | number[] | StringOrNumberOrCallback;
events?: EventPropTypeInterface<VictoryAreaTTargetType, string | number>[];
interpolation?: InterpolationPropType | Function;
samples?: number;
style?: VictoryStyleInterface;
}
/**
* Draw area charts with React. VictoryArea is a composable component, so it doesn"t include axes.
* Add VictoryArea as a child of VictoryChart for a complete chart.
*/
export class VictoryArea extends React.Component<VictoryAreaProps, any> {}
export interface AreaProps extends VictoryCommonPrimitiveProps {
groupComponent?: React.ReactElement;
interpolation?: string | Function;
pathComponent?: React.ReactElement;
}
/**
* The area primitive used by VictoryArea
*/
export class Area extends React.Component<AreaProps, any> {}
export * from "./victory-area";
export * from "./area";
//# sourceMappingURL=index.d.ts.map

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

export { default as VictoryArea } from "./victory-area";
export { default as Area } from "./area";
export * from "./victory-area";
export * from "./area";
//# sourceMappingURL=index.js.map

@@ -30,3 +30,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

import { getBaseProps } from "./helper-methods";
import Area from "./area";
import { Area } from "./area";
import { PropTypes as CustomPropTypes, Helpers, VictoryLabel, VictoryContainer, CommonProps, DefaultTransitions, VictoryClipContainer, addEvents, VictoryTheme, Data, Domain, UserProps } from "victory-core";

@@ -51,9 +51,13 @@ var fallbackProps = {

var VictoryArea = /*#__PURE__*/function (_React$Component) {
_inherits(VictoryArea, _React$Component);
/**
* Draw area charts with React. VictoryArea is a composable component, so it doesn't include axes.
* Add VictoryArea as a child of VictoryChart for a complete chart.
*/
var VictoryAreaBase = /*#__PURE__*/function (_React$Component) {
_inherits(VictoryAreaBase, _React$Component);
var _super = _createSuper(VictoryArea);
var _super = _createSuper(VictoryAreaBase);
function VictoryArea() {
_classCallCheck(this, VictoryArea);
function VictoryAreaBase() {
_classCallCheck(this, VictoryAreaBase);

@@ -63,3 +67,3 @@ return _super.apply(this, arguments);

_createClass(VictoryArea, [{
_createClass(VictoryAreaBase, [{
key: "shouldAnimate",

@@ -73,4 +77,4 @@ value: // Overridden in native versions

value: function render() {
var animationWhitelist = VictoryArea.animationWhitelist,
role = VictoryArea.role;
var animationWhitelist = VictoryAreaBase.animationWhitelist,
role = VictoryAreaBase.role;
var props = Helpers.modifyProps(this.props, fallbackProps, role);

@@ -88,11 +92,11 @@

return VictoryArea;
return VictoryAreaBase;
}(React.Component);
VictoryArea.animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
VictoryArea.propTypes = _objectSpread(_objectSpread(_objectSpread({}, CommonProps.baseProps), CommonProps.dataProps), {}, {
VictoryAreaBase.animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
VictoryAreaBase.propTypes = _objectSpread(_objectSpread(_objectSpread({}, CommonProps.baseProps), CommonProps.dataProps), {}, {
interpolation: PropTypes.oneOfType([PropTypes.oneOf(["basis", "cardinal", "catmullRom", "linear", "monotoneX", "monotoneY", "natural", "step", "stepAfter", "stepBefore"]), PropTypes.func]),
label: CustomPropTypes.deprecated(PropTypes.string, "Use `labels` instead for individual data labels")
});
VictoryArea.defaultProps = {
VictoryAreaBase.defaultProps = {
containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),

@@ -110,15 +114,16 @@ dataComponent: /*#__PURE__*/React.createElement(Area, null),

};
VictoryArea.displayName = "VictoryArea";
VictoryArea.role = "area";
VictoryArea.continuous = true;
VictoryArea.defaultTransitions = DefaultTransitions.continuousTransitions();
VictoryArea.defaultPolarTransitions = DefaultTransitions.continuousPolarTransitions();
VictoryArea.getDomain = Domain.getDomainWithZero;
VictoryArea.getData = Data.getData;
VictoryAreaBase.displayName = "VictoryArea";
VictoryAreaBase.role = "area";
VictoryAreaBase.continuous = true;
VictoryAreaBase.defaultTransitions = DefaultTransitions.continuousTransitions();
VictoryAreaBase.defaultPolarTransitions = DefaultTransitions.continuousPolarTransitions();
VictoryAreaBase.getDomain = Domain.getDomainWithZero;
VictoryAreaBase.getData = Data.getData;
VictoryArea.getBaseProps = function (props) {
VictoryAreaBase.getBaseProps = function (props) {
return getBaseProps(props, fallbackProps);
};
VictoryArea.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
export default addEvents(VictoryArea, options);
VictoryAreaBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
export var VictoryArea = addEvents(VictoryAreaBase, options);
//# sourceMappingURL=victory-area.js.map

@@ -6,3 +6,3 @@ "use strict";

});
exports.default = void 0;
exports.Area = void 0;

@@ -61,35 +61,18 @@ var _assign2 = _interopRequireDefault(require("lodash/assign"));

var toNewName = function (interpolation) {
// d3 shape changed the naming scheme for interpolators from "basis" -> "curveBasis" etc.
var capitalize = function (s) {
return s && s[0].toUpperCase() + s.slice(1);
};
var getCartesianArea = function (props) {
var horizontal = props.horizontal,
scale = props.scale;
return "curve".concat(capitalize(interpolation));
};
var interpolationFunction = _victoryCore.LineHelpers.getInterpolationFunction(props);
var getLineFunction = function (props) {
var polar = props.polar,
scale = props.scale,
horizontal = props.horizontal;
var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
var interpolationName = typeof props.interpolation === "string" && toNewName(props.interpolation);
return polar ? d3Shape.lineRadial().defined(defined).curve(interpolationFunction || d3Shape["".concat(interpolationName, "Closed")]).angle(getAngleAccessor(scale)).radius(getYAccessor(scale)) : d3Shape.line().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x(horizontal ? getYAccessor(scale) : getXAccessor(scale)).y(horizontal ? getXAccessor(scale) : getYAccessor(scale));
return horizontal ? d3Shape.area().defined(defined).curve(interpolationFunction).x0(getY0Accessor(scale)).x1(getYAccessor(scale)).y(getXAccessor(scale)) : d3Shape.area().defined(defined).curve(interpolationFunction).x(getXAccessor(scale)).y1(getYAccessor(scale)).y0(getY0Accessor(scale));
};
var getCartesianArea = function (props, interpolation) {
var horizontal = props.horizontal,
scale = props.scale;
var interpolationFunction = typeof interpolation === "function" && interpolation;
var interpolationName = typeof interpolation === "string" && interpolation;
return horizontal ? d3Shape.area().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x0(getY0Accessor(scale)).x1(getYAccessor(scale)).y(getXAccessor(scale)) : d3Shape.area().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x(getXAccessor(scale)).y1(getYAccessor(scale)).y0(getY0Accessor(scale));
};
var getAreaFunction = function (props) {
var polar = props.polar,
scale = props.scale;
var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
var interpolationName = typeof props.interpolation === "string" && toNewName(props.interpolation);
var interpolation = interpolationFunction || interpolationName;
return polar ? d3Shape.radialArea().defined(defined).curve(interpolationFunction || d3Shape["".concat(interpolationName, "Closed")]).angle(getAngleAccessor(scale)).outerRadius(getYAccessor(scale)).innerRadius(getY0Accessor(scale)) : getCartesianArea(props, interpolation);
var interpolationFunction = _victoryCore.LineHelpers.getInterpolationFunction(props);
return polar ? d3Shape.radialArea().defined(defined).curve(interpolationFunction).angle(getAngleAccessor(scale)).outerRadius(getYAccessor(scale)).innerRadius(getY0Accessor(scale)) : getCartesianArea(props);
};

@@ -126,3 +109,7 @@

};
/**
* The area primitive used by VictoryArea
*/
var Area = function (props) {

@@ -153,3 +140,5 @@ props = evaluateProps(props);

var areaFunction = getAreaFunction(props);
var lineFunction = renderLine && getLineFunction(props);
var lineFunction = renderLine && _victoryCore.LineHelpers.getLineFunction(props);
var areaStroke = style.stroke ? "none" : style.fill;

@@ -188,2 +177,3 @@

exports.Area = Area;
Area.propTypes = _objectSpread(_objectSpread({}, _victoryCore.CommonProps.primitiveProps), {}, {

@@ -200,3 +190,2 @@ groupComponent: _propTypes.default.element,

};
var _default = Area;
exports.default = _default;
//# sourceMappingURL=area.js.map

@@ -160,2 +160,3 @@ "use strict";

exports.getBaseProps = getBaseProps;
exports.getBaseProps = getBaseProps;
//# sourceMappingURL=helper-methods.js.map

@@ -1,41 +0,3 @@

import * as React from "react";
import {
EventPropTypeInterface,
InterpolationPropType,
StringOrNumberOrCallback,
VictoryCommonProps,
VictoryCommonPrimitiveProps,
VictoryDatableProps,
VictoryMultiLabelableProps,
VictoryStyleInterface
} from "victory-core";
export type VictoryAreaTTargetType = "data" | "labels" | "parent";
export interface VictoryAreaProps
extends VictoryCommonProps,
VictoryDatableProps,
VictoryMultiLabelableProps {
eventKey?: string[] | number[] | StringOrNumberOrCallback;
events?: EventPropTypeInterface<VictoryAreaTTargetType, string | number>[];
interpolation?: InterpolationPropType | Function;
samples?: number;
style?: VictoryStyleInterface;
}
/**
* Draw area charts with React. VictoryArea is a composable component, so it doesn"t include axes.
* Add VictoryArea as a child of VictoryChart for a complete chart.
*/
export class VictoryArea extends React.Component<VictoryAreaProps, any> {}
export interface AreaProps extends VictoryCommonPrimitiveProps {
groupComponent?: React.ReactElement;
interpolation?: string | Function;
pathComponent?: React.ReactElement;
}
/**
* The area primitive used by VictoryArea
*/
export class Area extends React.Component<AreaProps, any> {}
export * from "./victory-area";
export * from "./area";
//# sourceMappingURL=index.d.ts.map

@@ -6,19 +6,28 @@ "use strict";

});
Object.defineProperty(exports, "Area", {
enumerable: true,
get: function () {
return _area.default;
}
var _victoryArea = require("./victory-area");
Object.keys(_victoryArea).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _victoryArea[key]) return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function () {
return _victoryArea[key];
}
});
});
Object.defineProperty(exports, "VictoryArea", {
enumerable: true,
get: function () {
return _victoryArea.default;
}
});
var _victoryArea = _interopRequireDefault(require("./victory-area"));
var _area = require("./area");
var _area = _interopRequireDefault(require("./area"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
Object.keys(_area).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _area[key]) return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function () {
return _area[key];
}
});
});
//# sourceMappingURL=index.js.map

@@ -6,3 +6,3 @@ "use strict";

});
exports.default = void 0;
exports.VictoryArea = void 0;

@@ -15,3 +15,3 @@ var _propTypes = _interopRequireDefault(require("prop-types"));

var _area = _interopRequireDefault(require("./area"));
var _area = require("./area");

@@ -66,9 +66,13 @@ var _victoryCore = require("victory-core");

var VictoryArea = /*#__PURE__*/function (_React$Component) {
_inherits(VictoryArea, _React$Component);
/**
* Draw area charts with React. VictoryArea is a composable component, so it doesn't include axes.
* Add VictoryArea as a child of VictoryChart for a complete chart.
*/
var VictoryAreaBase = /*#__PURE__*/function (_React$Component) {
_inherits(VictoryAreaBase, _React$Component);
var _super = _createSuper(VictoryArea);
var _super = _createSuper(VictoryAreaBase);
function VictoryArea() {
_classCallCheck(this, VictoryArea);
function VictoryAreaBase() {
_classCallCheck(this, VictoryAreaBase);

@@ -78,3 +82,3 @@ return _super.apply(this, arguments);

_createClass(VictoryArea, [{
_createClass(VictoryAreaBase, [{
key: "shouldAnimate",

@@ -88,4 +92,4 @@ value: // Overridden in native versions

value: function render() {
var animationWhitelist = VictoryArea.animationWhitelist,
role = VictoryArea.role;
var animationWhitelist = VictoryAreaBase.animationWhitelist,
role = VictoryAreaBase.role;

@@ -104,13 +108,13 @@ var props = _victoryCore.Helpers.modifyProps(this.props, fallbackProps, role);

return VictoryArea;
return VictoryAreaBase;
}(_react.default.Component);
VictoryArea.animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
VictoryArea.propTypes = _objectSpread(_objectSpread(_objectSpread({}, _victoryCore.CommonProps.baseProps), _victoryCore.CommonProps.dataProps), {}, {
VictoryAreaBase.animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
VictoryAreaBase.propTypes = _objectSpread(_objectSpread(_objectSpread({}, _victoryCore.CommonProps.baseProps), _victoryCore.CommonProps.dataProps), {}, {
interpolation: _propTypes.default.oneOfType([_propTypes.default.oneOf(["basis", "cardinal", "catmullRom", "linear", "monotoneX", "monotoneY", "natural", "step", "stepAfter", "stepBefore"]), _propTypes.default.func]),
label: _victoryCore.PropTypes.deprecated(_propTypes.default.string, "Use `labels` instead for individual data labels")
});
VictoryArea.defaultProps = {
VictoryAreaBase.defaultProps = {
containerComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryContainer, null),
dataComponent: /*#__PURE__*/_react.default.createElement(_area.default, null),
dataComponent: /*#__PURE__*/_react.default.createElement(_area.Area, null),
groupComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryClipContainer, null),

@@ -126,18 +130,17 @@ labelComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryLabel, {

};
VictoryArea.displayName = "VictoryArea";
VictoryArea.role = "area";
VictoryArea.continuous = true;
VictoryArea.defaultTransitions = _victoryCore.DefaultTransitions.continuousTransitions();
VictoryArea.defaultPolarTransitions = _victoryCore.DefaultTransitions.continuousPolarTransitions();
VictoryArea.getDomain = _victoryCore.Domain.getDomainWithZero;
VictoryArea.getData = _victoryCore.Data.getData;
VictoryAreaBase.displayName = "VictoryArea";
VictoryAreaBase.role = "area";
VictoryAreaBase.continuous = true;
VictoryAreaBase.defaultTransitions = _victoryCore.DefaultTransitions.continuousTransitions();
VictoryAreaBase.defaultPolarTransitions = _victoryCore.DefaultTransitions.continuousPolarTransitions();
VictoryAreaBase.getDomain = _victoryCore.Domain.getDomainWithZero;
VictoryAreaBase.getData = _victoryCore.Data.getData;
VictoryArea.getBaseProps = function (props) {
VictoryAreaBase.getBaseProps = function (props) {
return (0, _helperMethods.getBaseProps)(props, fallbackProps);
};
VictoryArea.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
var _default = (0, _victoryCore.addEvents)(VictoryArea, options);
exports.default = _default;
VictoryAreaBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
var VictoryArea = (0, _victoryCore.addEvents)(VictoryAreaBase, options);
exports.VictoryArea = VictoryArea;
//# sourceMappingURL=victory-area.js.map
{
"name": "victory-area",
"version": "36.5.0",
"version": "36.5.1",
"description": "Area Component for Victory",

@@ -24,4 +24,4 @@ "keywords": [

"prop-types": "^15.8.1",
"victory-core": "^36.5.0",
"victory-vendor": "^36.5.0"
"victory-core": "^36.5.1",
"victory-vendor": "^36.5.1"
},

@@ -35,3 +35,3 @@ "peerDependencies": {

"sideEffects": false,
"gitHead": "7cecba921f751c3decc8215f7e866f51d11203c1"
"gitHead": "fbe60407533cd7a6da4f8155d2ef8e189583c5a2"
}

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

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