@devexpress/dx-react-chart
Advanced tools
Comparing version 1.7.2 to 1.8.0-beta.1
@@ -44,5 +44,5 @@ import * as React from 'react'; | ||
export namespace ArgumentAxis { | ||
/** Describes properties passed to a component that renders the axis root layout. */ | ||
/** Describes properties passed to a component that renders the axis's root layout. */ | ||
export interface RootProps { | ||
/** The x coordinate of the top left corner of the axis' rendering area. */ | ||
/** The x coordinate of the top left corner of the axis's rendering area. */ | ||
x: number; | ||
@@ -71,3 +71,3 @@ /** The y coordinate of the top left corner of the series' rendering area. */ | ||
export namespace ArgumentAxis { | ||
/** Describes properties passed to a component that renders the axis label. */ | ||
/** Describes properties passed to a component that renders the axis's label. */ | ||
export interface LabelProps { | ||
@@ -88,3 +88,3 @@ /** The label text. */ | ||
export namespace ArgumentAxis { | ||
/** Describes properties passed to a component that renders the axis line. */ | ||
/** Describes properties passed to a component that renders the axis's line. */ | ||
export interface LineProps { | ||
@@ -111,9 +111,11 @@ /** The line width. */ | ||
type?: 'band' | 'linear'; | ||
/** A component that renders the axis root layout. */ | ||
/** A function that returns a tick formatter function. */ | ||
tickForamt?: (scale: object) => (tick: string) => string; | ||
/** A component that renders the axis's root layout. */ | ||
rootComponent: React.ComponentType<ArgumentAxis.RootProps>; | ||
/** A component that renders a tick. */ | ||
tickComponent: React.ComponentType<ArgumentAxis.TickProps>; | ||
/** A component that renders the axis label. */ | ||
/** A component that renders the axis's label. */ | ||
labelComponent: React.ComponentType<ArgumentAxis.LabelProps>; | ||
/** A component that renders the axis line. */ | ||
/** A component that renders the axis's line. */ | ||
lineComponent: React.ComponentType<ArgumentAxis.LineProps>; | ||
@@ -338,2 +340,22 @@ } | ||
// ------------------------------------------------------------------------------------------------- | ||
// Scale | ||
// ------------------------------------------------------------------------------------------------- | ||
/** */ | ||
export interface scaleOptions { | ||
/** A scale type. */ | ||
type?: string; | ||
/** A function that constructs a custom scale. */ | ||
constructor?: () => object; | ||
} | ||
export interface ScaleProps { | ||
/** An array of scales with constructors. */ | ||
extensions?: Array<scaleOptions>; | ||
} | ||
/** The `Scale` plugin extends user data with service information that is required to render axes and series. */ | ||
export declare const Scale: React.ComponentType<ScaleProps>; | ||
// ------------------------------------------------------------------------------------------------- | ||
// ScatterSeries | ||
@@ -533,2 +555,4 @@ // ------------------------------------------------------------------------------------------------- | ||
type?: 'band' | 'linear'; | ||
/** A function that returns a tick formatter function. */ | ||
tickForamt?: (scale: object) => (tick: string) => string; | ||
/** A component that renders the axis root layout. */ | ||
@@ -535,0 +559,0 @@ rootComponent: React.ComponentType<ValueAxis.RootProps>; |
/** | ||
* Bundle of @devexpress/dx-react-chart | ||
* Generated: 2018-08-31 | ||
* Version: 1.7.2 | ||
* Generated: 2018-09-07 | ||
* Version: 1.8.0-beta.1 | ||
* License: https://js.devexpress.com/Licensing | ||
@@ -9,5 +9,5 @@ */ | ||
import { Component, Fragment, PureComponent, createElement } from 'react'; | ||
import { array, arrayOf, bool, func, node, number, object, string } from 'prop-types'; | ||
import { array, arrayOf, bool, func, node, number, object, shape, string } from 'prop-types'; | ||
import { Action, Getter, Plugin, PluginHost, Sizer, Template, TemplateConnector, TemplatePlaceholder, createStateHelper } from '@devexpress/dx-react-core'; | ||
import { BOTTOM, HORIZONTAL, LEFT, RIGHT, TOP, axesData, axisCoordinates, axisName, bBoxes, barCoordinates, checkZeroStart, coordinates, dArea, dBar, dLine, dSpline, domains, findSeriesByName, palette, pieAttributes, pointAttributes, prepareData, processData, seriesData, seriesWithStacks, stacks, xyScales } from '@devexpress/dx-chart-core'; | ||
import { BOTTOM, HORIZONTAL, LEFT, RIGHT, TOP, axesData, axisCoordinates, axisName, bBoxes, barCoordinates, checkZeroStart, computedExtension, coordinates, dArea, dBar, dLine, dSpline, domains, findSeriesByName, palette, pieAttributes, pointAttributes, prepareData, processData, seriesData, seriesWithStacks, stacks, xyScales } from '@devexpress/dx-chart-core'; | ||
import { stackOffsetDiverging, stackOrderNone } from 'd3-shape'; | ||
@@ -286,2 +286,11 @@ | ||
}; | ||
var calculatedDomains = function calculatedDomains(_ref3) { | ||
var axes = _ref3.axes, | ||
series = _ref3.series, | ||
chartData = _ref3.data, | ||
argumentAxisName = _ref3.argumentAxisName, | ||
startFromZero = _ref3.startFromZero, | ||
computedDomain = _ref3.computedDomain; | ||
return computedDomain(axes, series, chartData, argumentAxisName, startFromZero); | ||
}; | ||
return createElement( | ||
@@ -291,3 +300,4 @@ Plugin, | ||
createElement(Getter, { name: 'data', computed: processedData }), | ||
createElement(Getter, { name: 'argumentAxisName', computed: getArgumentAxisName }) | ||
createElement(Getter, { name: 'argumentAxisName', computed: getArgumentAxisName }), | ||
createElement(Getter, { name: 'domains', computed: calculatedDomains }) | ||
); | ||
@@ -397,33 +407,9 @@ } | ||
createClass(Pane, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
key: 'render', | ||
value: function render() { | ||
var _props = this.props, | ||
width = _props.width, | ||
height = _props.height, | ||
changeBBox = _props.changeBBox; | ||
height = _props.height; | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
}, { | ||
key: 'componentDidUpdate', | ||
value: function componentDidUpdate(_ref) { | ||
var prevWidth = _ref.width, | ||
prevHeight = _ref.height, | ||
changeBBox = _ref.changeBBox; | ||
var _props2 = this.props, | ||
width = _props2.width, | ||
height = _props2.height; | ||
if (prevWidth !== width || prevHeight !== height) { | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _props3 = this.props, | ||
width = _props3.width, | ||
height = _props3.height; | ||
return createElement( | ||
@@ -450,3 +436,2 @@ 'div', | ||
process.env.NODE_ENV !== "production" ? Pane.propTypes = { | ||
changeBBox: func.isRequired, | ||
width: number.isRequired, | ||
@@ -460,10 +445,33 @@ height: number.isRequired | ||
function PaneLayout() { | ||
function PaneLayout(props) { | ||
classCallCheck(this, PaneLayout); | ||
return possibleConstructorReturn(this, (PaneLayout.__proto__ || Object.getPrototypeOf(PaneLayout)).apply(this, arguments)); | ||
var _this = possibleConstructorReturn(this, (PaneLayout.__proto__ || Object.getPrototypeOf(PaneLayout)).call(this, props)); | ||
_this.state = { | ||
width: 800, | ||
height: 600 | ||
}; | ||
return _this; | ||
} | ||
createClass(PaneLayout, [{ | ||
key: 'handleSizeUpdate', | ||
value: function handleSizeUpdate(_ref, changeBBox) { | ||
var width = _ref.width, | ||
height = _ref.height; | ||
this.setState({ width: width, height: height }); | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _this2 = this; | ||
var _state = this.state, | ||
width = _state.width, | ||
height = _state.height; | ||
return createElement( | ||
@@ -478,18 +486,16 @@ Plugin, | ||
null, | ||
function (_, _ref) { | ||
var changeBBox = _ref.changeBBox; | ||
function (_, _ref2) { | ||
var changeBBox = _ref2.changeBBox; | ||
return createElement( | ||
Sizer, | ||
{ | ||
style: { flex: 1, zIndex: 1 } | ||
style: { flex: 1, zIndex: 1 }, | ||
onSizeChange: function onSizeChange(size) { | ||
return _this2.handleSizeUpdate(size, changeBBox); | ||
} | ||
}, | ||
function (_ref2) { | ||
var width = _ref2.width, | ||
height = _ref2.height; | ||
return createElement(Pane, { | ||
changeBBox: changeBBox, | ||
height: height, | ||
width: width | ||
}); | ||
} | ||
createElement(Pane, { | ||
height: height, | ||
width: width | ||
}) | ||
); | ||
@@ -601,19 +607,2 @@ } | ||
var computedDomain = function computedDomain(_ref) { | ||
var axes = _ref.axes, | ||
series = _ref.series, | ||
data = _ref.data, | ||
argumentAxisName = _ref.argumentAxisName, | ||
startFromZero = _ref.startFromZero; | ||
return domains(axes, series, data, argumentAxisName, startFromZero); | ||
}; | ||
var IntegratedScaleProcessing = function IntegratedScaleProcessing() { | ||
return createElement( | ||
Plugin, | ||
{ name: 'IntegratedScaleProcessing' }, | ||
createElement(Getter, { name: 'domains', computed: computedDomain }) | ||
); | ||
}; | ||
var themeComputing = function themeComputing(_ref) { | ||
@@ -664,3 +653,2 @@ var series = _ref.series; | ||
createElement(ChartCore, { data: data }), | ||
createElement(IntegratedScaleProcessing, null), | ||
createElement(ThemeManager, null), | ||
@@ -811,2 +799,40 @@ createElement(LayoutManager, _extends({ | ||
var Scale = function (_React$PureComponent) { | ||
inherits(Scale, _React$PureComponent); | ||
function Scale() { | ||
classCallCheck(this, Scale); | ||
return possibleConstructorReturn(this, (Scale.__proto__ || Object.getPrototypeOf(Scale)).apply(this, arguments)); | ||
} | ||
createClass(Scale, [{ | ||
key: 'render', | ||
value: function render() { | ||
var extensions = this.props.extensions; | ||
var getExtension = function getExtension() { | ||
return computedExtension(extensions); | ||
}; | ||
return createElement( | ||
Plugin, | ||
{ name: 'Scale' }, | ||
createElement(Getter, { name: 'computedDomain', value: domains }), | ||
createElement(Getter, { name: 'scaleExtension', computed: getExtension }) | ||
); | ||
} | ||
}]); | ||
return Scale; | ||
}(PureComponent); | ||
process.env.NODE_ENV !== "production" ? Scale.propTypes = { | ||
extensions: arrayOf(shape({ | ||
type: string, | ||
constructor: func | ||
})) | ||
} : void 0; | ||
Scale.defaultProps = { | ||
extensions: [] | ||
}; | ||
var computedSeries = function computedSeries(_ref) { | ||
@@ -922,2 +948,3 @@ var _ref$series = _ref.series, | ||
layouts = _ref3.layouts, | ||
scaleExtension = _ref3.scaleExtension, | ||
colorDomain = _ref3.colorDomain, | ||
@@ -930,4 +957,4 @@ pieColorDomain = _ref3.pieColorDomain; | ||
var scales = xyScales(domains$$1[argumentAxisName], domains$$1[axisName$$1], layouts.pane, groupWidth); | ||
var calculatedCoordinates = calculateCoordinates(data, scales, argumentField, valueField, name, stack, stacks$$1, restProps); | ||
var scales = xyScales(domains$$1[argumentAxisName], domains$$1[axisName$$1], layouts.pane, groupWidth, scaleExtension); | ||
var calculatedCoordinates = calculateCoordinates(data, scales, argumentField, valueField, name, stack, stacks$$1, restProps, scaleExtension); | ||
@@ -1230,3 +1257,4 @@ return createElement(Series, _extends({ | ||
argumentAxisName = _ref3.argumentAxisName, | ||
layouts = _ref3.layouts; | ||
layouts = _ref3.layouts, | ||
scaleExtension = _ref3.scaleExtension; | ||
var changeBBox = _ref4.changeBBox; | ||
@@ -1236,4 +1264,10 @@ | ||
var domain = isArgumentAxis ? domains$$1[argumentAxisName] : domains$$1[name]; | ||
var orientation = domain.orientation; | ||
var orientation = domain.orientation, | ||
type = domain.type; | ||
var _scaleExtension$find = scaleExtension.find(function (item) { | ||
return item.type === type; | ||
}), | ||
constructor = _scaleExtension$find.constructor; | ||
var _ref5 = layouts[placeholder] || { width: 0, height: 0 }, | ||
@@ -1247,3 +1281,3 @@ widthCalculated = _ref5.width, | ||
var coordinates$$1 = axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis); | ||
var coordinates$$1 = axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis, constructor); | ||
var _state2 = _this3.state, | ||
@@ -1288,5 +1322,5 @@ xCorrection = _state2.xCorrection, | ||
y2 = _ref6.y2, | ||
text = _ref6.text; | ||
key = _ref6.key; | ||
return createElement(Tick, { | ||
key: text, | ||
key: key, | ||
x1: x1, | ||
@@ -1308,6 +1342,7 @@ x2: x2, | ||
dominantBaseline = _ref7.dominantBaseline, | ||
textAnchor = _ref7.textAnchor; | ||
textAnchor = _ref7.textAnchor, | ||
key = _ref7.key; | ||
return createElement( | ||
Fragment, | ||
{ key: text }, | ||
{ key: key }, | ||
createElement(Label, { | ||
@@ -1381,6 +1416,14 @@ text: text, | ||
var domains$$1 = _ref.domains, | ||
layouts = _ref.layouts; | ||
layouts = _ref.layouts, | ||
scaleExtension = _ref.scaleExtension; | ||
var domain = domains$$1[name]; | ||
var orientation = domain.orientation; | ||
var orientation = domain.orientation, | ||
type = domain.type; | ||
var _scaleExtension$find = scaleExtension.find(function (item) { | ||
return item.type === type; | ||
}), | ||
constructor = _scaleExtension$find.constructor; | ||
var _layouts$pane = layouts.pane, | ||
@@ -1391,3 +1434,3 @@ width = _layouts$pane.width, | ||
var coordinates$$1 = axisCoordinates(domain, orientation === HORIZONTAL ? TOP : LEFT, width, height, 0); | ||
var coordinates$$1 = axisCoordinates(domain, orientation === HORIZONTAL ? TOP : LEFT, width, height, 0, undefined, constructor); | ||
@@ -1402,5 +1445,5 @@ return createElement( | ||
y2 = _ref2.y2, | ||
text = _ref2.text; | ||
key = _ref2.key; | ||
return createElement(Line, _extends({ | ||
key: text, | ||
key: key, | ||
x1: orientation === 'horizontal' ? x1 : width, | ||
@@ -1431,3 +1474,3 @@ x2: x2, | ||
export { Chart, Legend, Title, IntegratedScaleProcessing, Stack, BarSeries, LineSeries, SplineSeries, ScatterSeries, AreaSeries, PieSeries, Axis, Grid }; | ||
export { Chart, Legend, Title, Scale, Stack, BarSeries, LineSeries, SplineSeries, ScatterSeries, AreaSeries, PieSeries, Axis, Grid }; | ||
//# sourceMappingURL=dx-react-chart.es.js.map |
/** | ||
* Bundle of @devexpress/dx-react-chart | ||
* Generated: 2018-08-31 | ||
* Version: 1.7.2 | ||
* Generated: 2018-09-07 | ||
* Version: 1.8.0-beta.1 | ||
* License: https://js.devexpress.com/Licensing | ||
@@ -287,2 +287,11 @@ */ | ||
}; | ||
var calculatedDomains = function calculatedDomains(_ref3) { | ||
var axes = _ref3.axes, | ||
series = _ref3.series, | ||
chartData = _ref3.data, | ||
argumentAxisName = _ref3.argumentAxisName, | ||
startFromZero = _ref3.startFromZero, | ||
computedDomain = _ref3.computedDomain; | ||
return computedDomain(axes, series, chartData, argumentAxisName, startFromZero); | ||
}; | ||
return React.createElement( | ||
@@ -292,3 +301,4 @@ dxReactCore.Plugin, | ||
React.createElement(dxReactCore.Getter, { name: 'data', computed: processedData }), | ||
React.createElement(dxReactCore.Getter, { name: 'argumentAxisName', computed: getArgumentAxisName }) | ||
React.createElement(dxReactCore.Getter, { name: 'argumentAxisName', computed: getArgumentAxisName }), | ||
React.createElement(dxReactCore.Getter, { name: 'domains', computed: calculatedDomains }) | ||
); | ||
@@ -398,33 +408,9 @@ } | ||
createClass(Pane, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
key: 'render', | ||
value: function render() { | ||
var _props = this.props, | ||
width = _props.width, | ||
height = _props.height, | ||
changeBBox = _props.changeBBox; | ||
height = _props.height; | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
}, { | ||
key: 'componentDidUpdate', | ||
value: function componentDidUpdate(_ref) { | ||
var prevWidth = _ref.width, | ||
prevHeight = _ref.height, | ||
changeBBox = _ref.changeBBox; | ||
var _props2 = this.props, | ||
width = _props2.width, | ||
height = _props2.height; | ||
if (prevWidth !== width || prevHeight !== height) { | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _props3 = this.props, | ||
width = _props3.width, | ||
height = _props3.height; | ||
return React.createElement( | ||
@@ -451,3 +437,2 @@ 'div', | ||
process.env.NODE_ENV !== "production" ? Pane.propTypes = { | ||
changeBBox: PropTypes.func.isRequired, | ||
width: PropTypes.number.isRequired, | ||
@@ -461,10 +446,33 @@ height: PropTypes.number.isRequired | ||
function PaneLayout() { | ||
function PaneLayout(props) { | ||
classCallCheck(this, PaneLayout); | ||
return possibleConstructorReturn(this, (PaneLayout.__proto__ || Object.getPrototypeOf(PaneLayout)).apply(this, arguments)); | ||
var _this = possibleConstructorReturn(this, (PaneLayout.__proto__ || Object.getPrototypeOf(PaneLayout)).call(this, props)); | ||
_this.state = { | ||
width: 800, | ||
height: 600 | ||
}; | ||
return _this; | ||
} | ||
createClass(PaneLayout, [{ | ||
key: 'handleSizeUpdate', | ||
value: function handleSizeUpdate(_ref, changeBBox) { | ||
var width = _ref.width, | ||
height = _ref.height; | ||
this.setState({ width: width, height: height }); | ||
changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } }); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _this2 = this; | ||
var _state = this.state, | ||
width = _state.width, | ||
height = _state.height; | ||
return React.createElement( | ||
@@ -479,18 +487,16 @@ dxReactCore.Plugin, | ||
null, | ||
function (_, _ref) { | ||
var changeBBox = _ref.changeBBox; | ||
function (_, _ref2) { | ||
var changeBBox = _ref2.changeBBox; | ||
return React.createElement( | ||
dxReactCore.Sizer, | ||
{ | ||
style: { flex: 1, zIndex: 1 } | ||
style: { flex: 1, zIndex: 1 }, | ||
onSizeChange: function onSizeChange(size) { | ||
return _this2.handleSizeUpdate(size, changeBBox); | ||
} | ||
}, | ||
function (_ref2) { | ||
var width = _ref2.width, | ||
height = _ref2.height; | ||
return React.createElement(Pane, { | ||
changeBBox: changeBBox, | ||
height: height, | ||
width: width | ||
}); | ||
} | ||
React.createElement(Pane, { | ||
height: height, | ||
width: width | ||
}) | ||
); | ||
@@ -602,19 +608,2 @@ } | ||
var computedDomain = function computedDomain(_ref) { | ||
var axes = _ref.axes, | ||
series = _ref.series, | ||
data = _ref.data, | ||
argumentAxisName = _ref.argumentAxisName, | ||
startFromZero = _ref.startFromZero; | ||
return dxChartCore.domains(axes, series, data, argumentAxisName, startFromZero); | ||
}; | ||
var IntegratedScaleProcessing = function IntegratedScaleProcessing() { | ||
return React.createElement( | ||
dxReactCore.Plugin, | ||
{ name: 'IntegratedScaleProcessing' }, | ||
React.createElement(dxReactCore.Getter, { name: 'domains', computed: computedDomain }) | ||
); | ||
}; | ||
var themeComputing = function themeComputing(_ref) { | ||
@@ -665,3 +654,2 @@ var series = _ref.series; | ||
React.createElement(ChartCore, { data: data }), | ||
React.createElement(IntegratedScaleProcessing, null), | ||
React.createElement(ThemeManager, null), | ||
@@ -812,2 +800,40 @@ React.createElement(LayoutManager, _extends({ | ||
var Scale = function (_React$PureComponent) { | ||
inherits(Scale, _React$PureComponent); | ||
function Scale() { | ||
classCallCheck(this, Scale); | ||
return possibleConstructorReturn(this, (Scale.__proto__ || Object.getPrototypeOf(Scale)).apply(this, arguments)); | ||
} | ||
createClass(Scale, [{ | ||
key: 'render', | ||
value: function render() { | ||
var extensions = this.props.extensions; | ||
var getExtension = function getExtension() { | ||
return dxChartCore.computedExtension(extensions); | ||
}; | ||
return React.createElement( | ||
dxReactCore.Plugin, | ||
{ name: 'Scale' }, | ||
React.createElement(dxReactCore.Getter, { name: 'computedDomain', value: dxChartCore.domains }), | ||
React.createElement(dxReactCore.Getter, { name: 'scaleExtension', computed: getExtension }) | ||
); | ||
} | ||
}]); | ||
return Scale; | ||
}(React.PureComponent); | ||
process.env.NODE_ENV !== "production" ? Scale.propTypes = { | ||
extensions: PropTypes.arrayOf(PropTypes.shape({ | ||
type: PropTypes.string, | ||
constructor: PropTypes.func | ||
})) | ||
} : void 0; | ||
Scale.defaultProps = { | ||
extensions: [] | ||
}; | ||
var computedSeries = function computedSeries(_ref) { | ||
@@ -923,2 +949,3 @@ var _ref$series = _ref.series, | ||
layouts = _ref3.layouts, | ||
scaleExtension = _ref3.scaleExtension, | ||
colorDomain = _ref3.colorDomain, | ||
@@ -931,4 +958,4 @@ pieColorDomain = _ref3.pieColorDomain; | ||
var scales = dxChartCore.xyScales(domains$$1[argumentAxisName], domains$$1[axisName$$1], layouts.pane, groupWidth); | ||
var calculatedCoordinates = calculateCoordinates(data, scales, argumentField, valueField, name, stack, stacks$$1, restProps); | ||
var scales = dxChartCore.xyScales(domains$$1[argumentAxisName], domains$$1[axisName$$1], layouts.pane, groupWidth, scaleExtension); | ||
var calculatedCoordinates = calculateCoordinates(data, scales, argumentField, valueField, name, stack, stacks$$1, restProps, scaleExtension); | ||
@@ -1231,3 +1258,4 @@ return React.createElement(Series, _extends({ | ||
argumentAxisName = _ref3.argumentAxisName, | ||
layouts = _ref3.layouts; | ||
layouts = _ref3.layouts, | ||
scaleExtension = _ref3.scaleExtension; | ||
var changeBBox = _ref4.changeBBox; | ||
@@ -1237,4 +1265,10 @@ | ||
var domain = isArgumentAxis ? domains$$1[argumentAxisName] : domains$$1[name]; | ||
var orientation = domain.orientation; | ||
var orientation = domain.orientation, | ||
type = domain.type; | ||
var _scaleExtension$find = scaleExtension.find(function (item) { | ||
return item.type === type; | ||
}), | ||
constructor = _scaleExtension$find.constructor; | ||
var _ref5 = layouts[placeholder] || { width: 0, height: 0 }, | ||
@@ -1248,3 +1282,3 @@ widthCalculated = _ref5.width, | ||
var coordinates$$1 = dxChartCore.axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis); | ||
var coordinates$$1 = dxChartCore.axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis, constructor); | ||
var _state2 = _this3.state, | ||
@@ -1289,5 +1323,5 @@ xCorrection = _state2.xCorrection, | ||
y2 = _ref6.y2, | ||
text = _ref6.text; | ||
key = _ref6.key; | ||
return React.createElement(Tick, { | ||
key: text, | ||
key: key, | ||
x1: x1, | ||
@@ -1309,6 +1343,7 @@ x2: x2, | ||
dominantBaseline = _ref7.dominantBaseline, | ||
textAnchor = _ref7.textAnchor; | ||
textAnchor = _ref7.textAnchor, | ||
key = _ref7.key; | ||
return React.createElement( | ||
React.Fragment, | ||
{ key: text }, | ||
{ key: key }, | ||
React.createElement(Label, { | ||
@@ -1382,6 +1417,14 @@ text: text, | ||
var domains$$1 = _ref.domains, | ||
layouts = _ref.layouts; | ||
layouts = _ref.layouts, | ||
scaleExtension = _ref.scaleExtension; | ||
var domain = domains$$1[name]; | ||
var orientation = domain.orientation; | ||
var orientation = domain.orientation, | ||
type = domain.type; | ||
var _scaleExtension$find = scaleExtension.find(function (item) { | ||
return item.type === type; | ||
}), | ||
constructor = _scaleExtension$find.constructor; | ||
var _layouts$pane = layouts.pane, | ||
@@ -1392,3 +1435,3 @@ width = _layouts$pane.width, | ||
var coordinates$$1 = dxChartCore.axisCoordinates(domain, orientation === dxChartCore.HORIZONTAL ? dxChartCore.TOP : dxChartCore.LEFT, width, height, 0); | ||
var coordinates$$1 = dxChartCore.axisCoordinates(domain, orientation === dxChartCore.HORIZONTAL ? dxChartCore.TOP : dxChartCore.LEFT, width, height, 0, undefined, constructor); | ||
@@ -1403,5 +1446,5 @@ return React.createElement( | ||
y2 = _ref2.y2, | ||
text = _ref2.text; | ||
key = _ref2.key; | ||
return React.createElement(Line, _extends({ | ||
key: text, | ||
key: key, | ||
x1: orientation === 'horizontal' ? x1 : width, | ||
@@ -1435,3 +1478,3 @@ x2: x2, | ||
exports.Title = Title; | ||
exports.IntegratedScaleProcessing = IntegratedScaleProcessing; | ||
exports.Scale = Scale; | ||
exports.Stack = Stack; | ||
@@ -1438,0 +1481,0 @@ exports.BarSeries = BarSeries; |
{ | ||
"name": "@devexpress/dx-react-chart", | ||
"version": "1.7.2", | ||
"version": "1.8.0-beta.1", | ||
"description": "Composable plugin-based chart component for React", | ||
@@ -44,3 +44,3 @@ "author": { | ||
"devDependencies": { | ||
"@devexpress/dx-testing": "^1.7.2", | ||
"@devexpress/dx-testing": "^1.8.0-beta.1", | ||
"babel-core": "^6.26.3", | ||
@@ -75,3 +75,3 @@ "babel-jest": "^23.4.2", | ||
"dependencies": { | ||
"@devexpress/dx-chart-core": "^1.7.2", | ||
"@devexpress/dx-chart-core": "^1.8.0-beta.1", | ||
"d3-scale": "^2.1.2", | ||
@@ -82,7 +82,7 @@ "d3-shape": "^1.2.2", | ||
"peerDependencies": { | ||
"@devexpress/dx-react-core": "1.7.2", | ||
"@devexpress/dx-react-core": "1.8.0-beta.1", | ||
"react": ">=16.3.0", | ||
"react-dom": ">=16.3.0" | ||
}, | ||
"gitHead": "729b6fc94cb43b3ef1537cb4775d390261882a87" | ||
"gitHead": "8fb5dc5f32b4a02a8922917f07398b48902ecc5c" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
231124
2997
1
40
+ Added@devexpress/dx-react-core@1.8.0-beta.1(transitive)
- Removed@devexpress/dx-react-core@1.7.2(transitive)