victory-polar-axis
Advanced tools
Comparing version 36.8.1 to 36.8.2
# victory-polar-axis | ||
## 36.8.2 | ||
### Patch Changes | ||
- Migrate polar axis to typescript ([#2713](https://github.com/FormidableLabs/victory/pull/2713)) | ||
## 36.8.1 | ||
@@ -4,0 +10,0 @@ |
@@ -33,2 +33,4 @@ import _defaults from "lodash/defaults"; | ||
var getStyleObject = function (props) { | ||
var _theme$polarAxisType, _theme$standardAxisTy; | ||
var _props$theme = props.theme, | ||
@@ -40,3 +42,3 @@ theme = _props$theme === void 0 ? {} : _props$theme, | ||
var standardAxisType = dependentAxis ? "dependentAxis" : "independentAxis"; | ||
var specificAxisStyle = theme[polarAxisType] && theme[polarAxisType].style || theme[standardAxisType] && theme[standardAxisType].style; | ||
var specificAxisStyle = (theme === null || theme === void 0 ? void 0 : (_theme$polarAxisType = theme[polarAxisType]) === null || _theme$polarAxisType === void 0 ? void 0 : _theme$polarAxisType.style) || (theme === null || theme === void 0 ? void 0 : (_theme$standardAxisTy = theme[standardAxisType]) === null || _theme$standardAxisTy === void 0 ? void 0 : _theme$standardAxisTy.style); | ||
@@ -46,3 +48,3 @@ var mergeStyles = function () { | ||
return styleNamespaces.reduce(function (memo, curr) { | ||
memo[curr] = _defaults({}, specificAxisStyle[curr], generalAxisStyle[curr]); | ||
memo[curr] = _defaults({}, specificAxisStyle === null || specificAxisStyle === void 0 ? void 0 : specificAxisStyle[curr], generalAxisStyle === null || generalAxisStyle === void 0 ? void 0 : generalAxisStyle[curr]); | ||
return memo; | ||
@@ -64,2 +66,7 @@ }, {}); | ||
height = props.height; | ||
if (width === undefined || height === undefined) { | ||
throw new Error("VictoryPolarAxis: width and height properties are required for standalone axes."); | ||
} | ||
return Math.min(width - left - right, height - top - bottom) / 2; | ||
@@ -86,5 +93,4 @@ }; | ||
return [props.innerRadius || 0, radius]; | ||
}; // exposed for use by VictoryChart (necessary?) | ||
}; | ||
export var getScale = function (props) { | ||
@@ -132,6 +138,6 @@ var axis = Axis.getAxis(props); | ||
return Helpers.radiansToDegrees(axisValue); | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getTickProps = function (props, calculatedValues, tickValue, index) { | ||
var getTickProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -161,3 +167,3 @@ radius = calculatedValues.radius, | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var tickPadding = tickStyle.padding || tickStyle.size || 0; | ||
@@ -184,6 +190,6 @@ var padAngle = Helpers.degreesToRadians(90 - axisAngle); | ||
}; | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getTickLabelProps = function (props, calculatedValues, tickValue, index) { | ||
var getTickLabelProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -214,7 +220,7 @@ radius = calculatedValues.radius, | ||
var tickLabelComponent = props.tickLabelComponent; | ||
var labelPlacement = tickLabelComponent.props && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelPlacement = tickLabelComponent !== null && tickLabelComponent !== void 0 && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var tickPadding = labelStyle.padding || 0; | ||
var angularPadding = 0; // TODO: do some geometry | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var labelAngle = axisType === "angular" ? Helpers.radiansToDegrees(scale(tickValue)) : axisAngle + angularPadding; | ||
@@ -238,6 +244,6 @@ var textAngle = labelStyle.angle === undefined ? LabelHelpers.getPolarAngle(_assign({}, props, { | ||
}; | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getGridProps = function (props, calculatedValues, tickValue, index) { | ||
var getGridProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -296,3 +302,2 @@ radius = calculatedValues.radius, | ||
style = calculatedValues.style, | ||
scale = calculatedValues.scale, | ||
origin = calculatedValues.origin; | ||
@@ -305,5 +310,5 @@ var axisLabelComponent = props.axisLabelComponent; | ||
var labelPlacement = axisLabelComponent.props && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelPlacement = axisLabelComponent !== null && axisLabelComponent !== void 0 && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelStyle = style && style.axisLabel || {}; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var textAngle = labelStyle.angle === undefined ? LabelHelpers.getPolarAngle(_assign({}, props, { | ||
@@ -334,3 +339,2 @@ labelPlacement: labelPlacement | ||
radius = calculatedValues.radius, | ||
scale = calculatedValues.scale, | ||
origin = calculatedValues.origin; | ||
@@ -341,3 +345,3 @@ var startAngle = modifiedProps.startAngle, | ||
innerRadius = _modifiedProps$innerR === void 0 ? 0 : _modifiedProps$innerR; | ||
var axisAngle = axisType === "radial" ? Helpers.degreesToRadians(getAxisAngle(modifiedProps, scale)) : undefined; | ||
var axisAngle = axisType === "radial" ? Helpers.degreesToRadians(getAxisAngle(modifiedProps)) : undefined; | ||
return axisType === "radial" ? { | ||
@@ -344,0 +348,0 @@ style: style.axis, |
@@ -1,53 +0,3 @@ | ||
// Definitions by: Alexey Svetliakov <https://github.com/asvetliakov> | ||
// snerks <https://github.com/snerks> | ||
// Krzysztof Cebula <https://github.com/Havret> | ||
// Vitaliy Polyanskiy <https://github.com/alreadyExisted> | ||
// James Lismore <https://github.com/jlismore> | ||
// Stack Builders <https://github.com/stackbuilders> | ||
// Esteban Ibarra <https://github.com/ibarrae> | ||
// Dominic Lee <https://github.com/dominictwlee> | ||
// Dave Vedder <https://github.com/veddermatic> | ||
// Alec Flett <https://github.com/alecf> | ||
import * as React from "react"; | ||
import { | ||
DomainPropType, | ||
EventPropTypeInterface, | ||
LabelOrientationType, | ||
VictoryAxisCommonProps, | ||
VictoryCommonProps, | ||
VictorySingleLabelableProps, | ||
} from "victory-core"; | ||
export type VictoryPolarAxisTTargetType = | ||
| "axis" | ||
| "axisLabel" | ||
| "grid" | ||
| "ticks" | ||
| "tickLabels"; | ||
export interface VictoryPolarAxisProps | ||
extends VictoryAxisCommonProps, | ||
VictoryCommonProps, | ||
VictorySingleLabelableProps { | ||
axisAngle?: number; | ||
axisValue?: number | string | Date; | ||
circularAxisComponent?: React.ReactElement; | ||
circularGridComponent?: React.ReactElement; | ||
domain?: DomainPropType; | ||
endAngle?: number; | ||
events?: EventPropTypeInterface< | ||
VictoryPolarAxisTTargetType, | ||
string | number | ||
>[]; | ||
gridComponent?: React.ReactElement; | ||
innerRadius?: number; | ||
labelOrientation?: LabelOrientationType; | ||
labelPlacement?: LabelOrientationType; | ||
startAngle?: number; | ||
} | ||
export class VictoryPolarAxis extends React.Component< | ||
VictoryPolarAxisProps, | ||
any | ||
> {} | ||
export * from "./types"; | ||
export * from "./victory-polar-axis"; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -1,1 +0,2 @@ | ||
export { default as VictoryPolarAxis } from "./victory-polar-axis"; | ||
export * from "./types"; | ||
export * from "./victory-polar-axis"; |
import _isEmpty from "lodash/isEmpty"; | ||
import _assign from "lodash/assign"; | ||
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; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } | ||
@@ -43,4 +37,3 @@ | ||
import React from "react"; | ||
import PropTypes from "prop-types"; | ||
import { PropTypes as CustomPropTypes, VictoryLabel, CommonProps, VictoryContainer, VictoryTheme, LineSegment, addEvents, Arc, Axis } from "victory-core"; | ||
import { VictoryLabel, VictoryContainer, VictoryTheme, LineSegment, addEvents, Arc, Axis } from "victory-core"; | ||
import { getScale, getStyles, getBaseProps } from "./helper-methods"; | ||
@@ -51,29 +44,11 @@ var fallbackProps = { | ||
padding: 50 | ||
}; | ||
var options = { | ||
components: [{ | ||
name: "axis", | ||
index: 0 | ||
}, { | ||
name: "axisLabel", | ||
index: 0 | ||
}, { | ||
name: "grid" | ||
}, { | ||
name: "parent", | ||
index: "parent" | ||
}, { | ||
name: "ticks" | ||
}, { | ||
name: "tickLabels" | ||
}] | ||
}; | ||
}; // eslint-disable-next-line @typescript-eslint/no-empty-interface | ||
var VictoryPolarAxis = /*#__PURE__*/function (_React$Component) { | ||
_inherits(VictoryPolarAxis, _React$Component); | ||
var VictoryPolarAxisBase = /*#__PURE__*/function (_React$Component) { | ||
_inherits(VictoryPolarAxisBase, _React$Component); | ||
var _super = _createSuper(VictoryPolarAxis); | ||
var _super = _createSuper(VictoryPolarAxisBase); | ||
function VictoryPolarAxis() { | ||
_classCallCheck(this, VictoryPolarAxis); | ||
function VictoryPolarAxisBase() { | ||
_classCallCheck(this, VictoryPolarAxisBase); | ||
@@ -83,3 +58,3 @@ return _super.apply(this, arguments); | ||
_createClass(VictoryPolarAxis, [{ | ||
_createClass(VictoryPolarAxisBase, [{ | ||
key: "renderAxisLine", | ||
@@ -181,9 +156,9 @@ value: function renderAxisLine(props) { | ||
return VictoryPolarAxis; | ||
return VictoryPolarAxisBase; | ||
}(React.Component); | ||
VictoryPolarAxis.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"]; | ||
VictoryPolarAxis.displayName = "VictoryAxis"; | ||
VictoryPolarAxis.role = "axis"; | ||
VictoryPolarAxis.defaultTransitions = { | ||
VictoryPolarAxisBase.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"]; | ||
VictoryPolarAxisBase.displayName = "VictoryAxis"; | ||
VictoryPolarAxisBase.role = "axis"; | ||
VictoryPolarAxisBase.defaultTransitions = { | ||
onExit: { | ||
@@ -196,42 +171,3 @@ duration: 500 | ||
}; | ||
VictoryPolarAxis.propTypes = _objectSpread(_objectSpread({}, CommonProps.baseProps), {}, { | ||
axisAngle: PropTypes.number, | ||
axisComponent: PropTypes.element, | ||
axisLabelComponent: PropTypes.element, | ||
axisValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object]), | ||
categories: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.shape({ | ||
x: PropTypes.arrayOf(PropTypes.string), | ||
y: PropTypes.arrayOf(PropTypes.string) | ||
})]), | ||
circularAxisComponent: PropTypes.element, | ||
circularGridComponent: PropTypes.element, | ||
containerComponent: PropTypes.element, | ||
dependentAxis: PropTypes.bool, | ||
disableInlineStyles: PropTypes.bool, | ||
endAngle: PropTypes.number, | ||
events: PropTypes.arrayOf(PropTypes.shape({ | ||
target: PropTypes.oneOf(["axis", "axisLabel", "grid", "ticks", "tickLabels"]), | ||
eventKey: PropTypes.oneOfType([PropTypes.array, CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]), PropTypes.string]), | ||
eventHandlers: PropTypes.object | ||
})), | ||
gridComponent: PropTypes.element, | ||
innerRadius: CustomPropTypes.nonNegative, | ||
labelPlacement: PropTypes.oneOf(["parallel", "perpendicular", "vertical"]), | ||
startAngle: PropTypes.number, | ||
stringMap: PropTypes.object, | ||
style: PropTypes.shape({ | ||
parent: PropTypes.object, | ||
axis: PropTypes.object, | ||
axisLabel: PropTypes.object, | ||
grid: PropTypes.object, | ||
ticks: PropTypes.object, | ||
tickLabels: PropTypes.object | ||
}), | ||
tickComponent: PropTypes.element, | ||
tickCount: CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.greaterThanZero]), | ||
tickFormat: PropTypes.oneOfType([PropTypes.func, CustomPropTypes.homogeneousArray]), | ||
tickLabelComponent: PropTypes.element, | ||
tickValues: CustomPropTypes.homogeneousArray | ||
}); | ||
VictoryPolarAxis.defaultProps = { | ||
VictoryPolarAxisBase.defaultProps = { | ||
axisComponent: /*#__PURE__*/React.createElement(LineSegment, null), | ||
@@ -254,15 +190,33 @@ axisLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, null), | ||
}; | ||
VictoryPolarAxis.getDomain = Axis.getDomain; | ||
VictoryPolarAxis.getAxis = Axis.getAxis; | ||
VictoryPolarAxis.getScale = getScale; | ||
VictoryPolarAxisBase.getDomain = Axis.getDomain; | ||
VictoryPolarAxisBase.getAxis = Axis.getAxis; | ||
VictoryPolarAxisBase.getScale = getScale; | ||
VictoryPolarAxis.getStyles = function (props) { | ||
VictoryPolarAxisBase.getStyles = function (props) { | ||
return getStyles(props, fallbackProps.style); | ||
}; | ||
VictoryPolarAxis.getBaseProps = function (props) { | ||
VictoryPolarAxisBase.getBaseProps = function (props) { | ||
return getBaseProps(props, fallbackProps); | ||
}; | ||
VictoryPolarAxis.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"]; | ||
export default addEvents(VictoryPolarAxis, options); | ||
VictoryPolarAxisBase.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"]; | ||
var options = { | ||
components: [{ | ||
name: "axis", | ||
index: 0 | ||
}, { | ||
name: "axisLabel", | ||
index: 0 | ||
}, { | ||
name: "grid" | ||
}, { | ||
name: "parent", | ||
index: "parent" | ||
}, { | ||
name: "ticks" | ||
}, { | ||
name: "tickLabels" | ||
}] | ||
}; | ||
export var VictoryPolarAxis = addEvents(VictoryPolarAxisBase, options); |
@@ -45,2 +45,4 @@ "use strict"; | ||
var getStyleObject = function (props) { | ||
var _theme$polarAxisType, _theme$standardAxisTy; | ||
var _props$theme = props.theme, | ||
@@ -52,3 +54,3 @@ theme = _props$theme === void 0 ? {} : _props$theme, | ||
var standardAxisType = dependentAxis ? "dependentAxis" : "independentAxis"; | ||
var specificAxisStyle = theme[polarAxisType] && theme[polarAxisType].style || theme[standardAxisType] && theme[standardAxisType].style; | ||
var specificAxisStyle = (theme === null || theme === void 0 ? void 0 : (_theme$polarAxisType = theme[polarAxisType]) === null || _theme$polarAxisType === void 0 ? void 0 : _theme$polarAxisType.style) || (theme === null || theme === void 0 ? void 0 : (_theme$standardAxisTy = theme[standardAxisType]) === null || _theme$standardAxisTy === void 0 ? void 0 : _theme$standardAxisTy.style); | ||
@@ -58,3 +60,3 @@ var mergeStyles = function () { | ||
return styleNamespaces.reduce(function (memo, curr) { | ||
memo[curr] = (0, _defaults2.default)({}, specificAxisStyle[curr], generalAxisStyle[curr]); | ||
memo[curr] = (0, _defaults2.default)({}, specificAxisStyle === null || specificAxisStyle === void 0 ? void 0 : specificAxisStyle[curr], generalAxisStyle === null || generalAxisStyle === void 0 ? void 0 : generalAxisStyle[curr]); | ||
return memo; | ||
@@ -76,2 +78,7 @@ }, {}); | ||
height = props.height; | ||
if (width === undefined || height === undefined) { | ||
throw new Error("VictoryPolarAxis: width and height properties are required for standalone axes."); | ||
} | ||
return Math.min(width - left - right, height - top - bottom) / 2; | ||
@@ -100,5 +107,4 @@ }; | ||
return [props.innerRadius || 0, radius]; | ||
}; // exposed for use by VictoryChart (necessary?) | ||
}; | ||
var getScale = function (props) { | ||
@@ -155,6 +161,6 @@ var axis = _victoryCore.Axis.getAxis(props); | ||
return _victoryCore.Helpers.radiansToDegrees(axisValue); | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getTickProps = function (props, calculatedValues, tickValue, index) { | ||
var getTickProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -184,3 +190,3 @@ radius = calculatedValues.radius, | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var tickPadding = tickStyle.padding || tickStyle.size || 0; | ||
@@ -209,6 +215,6 @@ | ||
}; | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getTickLabelProps = function (props, calculatedValues, tickValue, index) { | ||
var getTickLabelProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -239,7 +245,7 @@ radius = calculatedValues.radius, | ||
var tickLabelComponent = props.tickLabelComponent; | ||
var labelPlacement = tickLabelComponent.props && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelPlacement = tickLabelComponent !== null && tickLabelComponent !== void 0 && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var tickPadding = labelStyle.padding || 0; | ||
var angularPadding = 0; // TODO: do some geometry | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var labelAngle = axisType === "angular" ? _victoryCore.Helpers.radiansToDegrees(scale(tickValue)) : axisAngle + angularPadding; | ||
@@ -265,6 +271,6 @@ var textAngle = labelStyle.angle === undefined ? _victoryCore.LabelHelpers.getPolarAngle((0, _assign2.default)({}, props, { | ||
}; | ||
}; // eslint-disable-next-line max-params | ||
}; | ||
var getGridProps = function (props, calculatedValues, tickValue, index) { | ||
var getGridProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params | ||
) { | ||
var axisType = calculatedValues.axisType, | ||
@@ -323,3 +329,2 @@ radius = calculatedValues.radius, | ||
style = calculatedValues.style, | ||
scale = calculatedValues.scale, | ||
origin = calculatedValues.origin; | ||
@@ -332,5 +337,5 @@ var axisLabelComponent = props.axisLabelComponent; | ||
var labelPlacement = axisLabelComponent.props && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelPlacement = axisLabelComponent !== null && axisLabelComponent !== void 0 && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement; | ||
var labelStyle = style && style.axisLabel || {}; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined; | ||
var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined; | ||
var textAngle = labelStyle.angle === undefined ? _victoryCore.LabelHelpers.getPolarAngle((0, _assign2.default)({}, props, { | ||
@@ -364,3 +369,2 @@ labelPlacement: labelPlacement | ||
radius = calculatedValues.radius, | ||
scale = calculatedValues.scale, | ||
origin = calculatedValues.origin; | ||
@@ -371,3 +375,3 @@ var startAngle = modifiedProps.startAngle, | ||
innerRadius = _modifiedProps$innerR === void 0 ? 0 : _modifiedProps$innerR; | ||
var axisAngle = axisType === "radial" ? _victoryCore.Helpers.degreesToRadians(getAxisAngle(modifiedProps, scale)) : undefined; | ||
var axisAngle = axisType === "radial" ? _victoryCore.Helpers.degreesToRadians(getAxisAngle(modifiedProps)) : undefined; | ||
return axisType === "radial" ? { | ||
@@ -374,0 +378,0 @@ style: style.axis, |
@@ -1,53 +0,3 @@ | ||
// Definitions by: Alexey Svetliakov <https://github.com/asvetliakov> | ||
// snerks <https://github.com/snerks> | ||
// Krzysztof Cebula <https://github.com/Havret> | ||
// Vitaliy Polyanskiy <https://github.com/alreadyExisted> | ||
// James Lismore <https://github.com/jlismore> | ||
// Stack Builders <https://github.com/stackbuilders> | ||
// Esteban Ibarra <https://github.com/ibarrae> | ||
// Dominic Lee <https://github.com/dominictwlee> | ||
// Dave Vedder <https://github.com/veddermatic> | ||
// Alec Flett <https://github.com/alecf> | ||
import * as React from "react"; | ||
import { | ||
DomainPropType, | ||
EventPropTypeInterface, | ||
LabelOrientationType, | ||
VictoryAxisCommonProps, | ||
VictoryCommonProps, | ||
VictorySingleLabelableProps, | ||
} from "victory-core"; | ||
export type VictoryPolarAxisTTargetType = | ||
| "axis" | ||
| "axisLabel" | ||
| "grid" | ||
| "ticks" | ||
| "tickLabels"; | ||
export interface VictoryPolarAxisProps | ||
extends VictoryAxisCommonProps, | ||
VictoryCommonProps, | ||
VictorySingleLabelableProps { | ||
axisAngle?: number; | ||
axisValue?: number | string | Date; | ||
circularAxisComponent?: React.ReactElement; | ||
circularGridComponent?: React.ReactElement; | ||
domain?: DomainPropType; | ||
endAngle?: number; | ||
events?: EventPropTypeInterface< | ||
VictoryPolarAxisTTargetType, | ||
string | number | ||
>[]; | ||
gridComponent?: React.ReactElement; | ||
innerRadius?: number; | ||
labelOrientation?: LabelOrientationType; | ||
labelPlacement?: LabelOrientationType; | ||
startAngle?: number; | ||
} | ||
export class VictoryPolarAxis extends React.Component< | ||
VictoryPolarAxisProps, | ||
any | ||
> {} | ||
export * from "./types"; | ||
export * from "./victory-polar-axis"; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -6,11 +6,27 @@ "use strict"; | ||
}); | ||
Object.defineProperty(exports, "VictoryPolarAxis", { | ||
enumerable: true, | ||
get: function () { | ||
return _victoryPolarAxis.default; | ||
} | ||
var _types = require("./types"); | ||
Object.keys(_types).forEach(function (key) { | ||
if (key === "default" || key === "__esModule") return; | ||
if (key in exports && exports[key] === _types[key]) return; | ||
Object.defineProperty(exports, key, { | ||
enumerable: true, | ||
get: function () { | ||
return _types[key]; | ||
} | ||
}); | ||
}); | ||
var _victoryPolarAxis = _interopRequireDefault(require("./victory-polar-axis")); | ||
var _victoryPolarAxis = require("./victory-polar-axis"); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
Object.keys(_victoryPolarAxis).forEach(function (key) { | ||
if (key === "default" || key === "__esModule") return; | ||
if (key in exports && exports[key] === _victoryPolarAxis[key]) return; | ||
Object.defineProperty(exports, key, { | ||
enumerable: true, | ||
get: function () { | ||
return _victoryPolarAxis[key]; | ||
} | ||
}); | ||
}); |
@@ -6,3 +6,3 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports.VictoryPolarAxis = void 0; | ||
@@ -15,4 +15,2 @@ var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty")); | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _victoryCore = require("victory-core"); | ||
@@ -24,8 +22,2 @@ | ||
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; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } | ||
@@ -67,29 +59,11 @@ | ||
padding: 50 | ||
}; | ||
var options = { | ||
components: [{ | ||
name: "axis", | ||
index: 0 | ||
}, { | ||
name: "axisLabel", | ||
index: 0 | ||
}, { | ||
name: "grid" | ||
}, { | ||
name: "parent", | ||
index: "parent" | ||
}, { | ||
name: "ticks" | ||
}, { | ||
name: "tickLabels" | ||
}] | ||
}; | ||
}; // eslint-disable-next-line @typescript-eslint/no-empty-interface | ||
var VictoryPolarAxis = /*#__PURE__*/function (_React$Component) { | ||
_inherits(VictoryPolarAxis, _React$Component); | ||
var VictoryPolarAxisBase = /*#__PURE__*/function (_React$Component) { | ||
_inherits(VictoryPolarAxisBase, _React$Component); | ||
var _super = _createSuper(VictoryPolarAxis); | ||
var _super = _createSuper(VictoryPolarAxisBase); | ||
function VictoryPolarAxis() { | ||
_classCallCheck(this, VictoryPolarAxis); | ||
function VictoryPolarAxisBase() { | ||
_classCallCheck(this, VictoryPolarAxisBase); | ||
@@ -99,3 +73,3 @@ return _super.apply(this, arguments); | ||
_createClass(VictoryPolarAxis, [{ | ||
_createClass(VictoryPolarAxisBase, [{ | ||
key: "renderAxisLine", | ||
@@ -199,9 +173,9 @@ value: function renderAxisLine(props) { | ||
return VictoryPolarAxis; | ||
return VictoryPolarAxisBase; | ||
}(_react.default.Component); | ||
VictoryPolarAxis.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"]; | ||
VictoryPolarAxis.displayName = "VictoryAxis"; | ||
VictoryPolarAxis.role = "axis"; | ||
VictoryPolarAxis.defaultTransitions = { | ||
VictoryPolarAxisBase.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"]; | ||
VictoryPolarAxisBase.displayName = "VictoryAxis"; | ||
VictoryPolarAxisBase.role = "axis"; | ||
VictoryPolarAxisBase.defaultTransitions = { | ||
onExit: { | ||
@@ -214,42 +188,3 @@ duration: 500 | ||
}; | ||
VictoryPolarAxis.propTypes = _objectSpread(_objectSpread({}, _victoryCore.CommonProps.baseProps), {}, { | ||
axisAngle: _propTypes.default.number, | ||
axisComponent: _propTypes.default.element, | ||
axisLabelComponent: _propTypes.default.element, | ||
axisValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object]), | ||
categories: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.shape({ | ||
x: _propTypes.default.arrayOf(_propTypes.default.string), | ||
y: _propTypes.default.arrayOf(_propTypes.default.string) | ||
})]), | ||
circularAxisComponent: _propTypes.default.element, | ||
circularGridComponent: _propTypes.default.element, | ||
containerComponent: _propTypes.default.element, | ||
dependentAxis: _propTypes.default.bool, | ||
disableInlineStyles: _propTypes.default.bool, | ||
endAngle: _propTypes.default.number, | ||
events: _propTypes.default.arrayOf(_propTypes.default.shape({ | ||
target: _propTypes.default.oneOf(["axis", "axisLabel", "grid", "ticks", "tickLabels"]), | ||
eventKey: _propTypes.default.oneOfType([_propTypes.default.array, _victoryCore.PropTypes.allOfType([_victoryCore.PropTypes.integer, _victoryCore.PropTypes.nonNegative]), _propTypes.default.string]), | ||
eventHandlers: _propTypes.default.object | ||
})), | ||
gridComponent: _propTypes.default.element, | ||
innerRadius: _victoryCore.PropTypes.nonNegative, | ||
labelPlacement: _propTypes.default.oneOf(["parallel", "perpendicular", "vertical"]), | ||
startAngle: _propTypes.default.number, | ||
stringMap: _propTypes.default.object, | ||
style: _propTypes.default.shape({ | ||
parent: _propTypes.default.object, | ||
axis: _propTypes.default.object, | ||
axisLabel: _propTypes.default.object, | ||
grid: _propTypes.default.object, | ||
ticks: _propTypes.default.object, | ||
tickLabels: _propTypes.default.object | ||
}), | ||
tickComponent: _propTypes.default.element, | ||
tickCount: _victoryCore.PropTypes.allOfType([_victoryCore.PropTypes.integer, _victoryCore.PropTypes.greaterThanZero]), | ||
tickFormat: _propTypes.default.oneOfType([_propTypes.default.func, _victoryCore.PropTypes.homogeneousArray]), | ||
tickLabelComponent: _propTypes.default.element, | ||
tickValues: _victoryCore.PropTypes.homogeneousArray | ||
}); | ||
VictoryPolarAxis.defaultProps = { | ||
VictoryPolarAxisBase.defaultProps = { | ||
axisComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.LineSegment, null), | ||
@@ -272,18 +207,34 @@ axisLabelComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryLabel, null), | ||
}; | ||
VictoryPolarAxis.getDomain = _victoryCore.Axis.getDomain; | ||
VictoryPolarAxis.getAxis = _victoryCore.Axis.getAxis; | ||
VictoryPolarAxis.getScale = _helperMethods.getScale; | ||
VictoryPolarAxisBase.getDomain = _victoryCore.Axis.getDomain; | ||
VictoryPolarAxisBase.getAxis = _victoryCore.Axis.getAxis; | ||
VictoryPolarAxisBase.getScale = _helperMethods.getScale; | ||
VictoryPolarAxis.getStyles = function (props) { | ||
VictoryPolarAxisBase.getStyles = function (props) { | ||
return (0, _helperMethods.getStyles)(props, fallbackProps.style); | ||
}; | ||
VictoryPolarAxis.getBaseProps = function (props) { | ||
VictoryPolarAxisBase.getBaseProps = function (props) { | ||
return (0, _helperMethods.getBaseProps)(props, fallbackProps); | ||
}; | ||
VictoryPolarAxis.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"]; | ||
var _default = (0, _victoryCore.addEvents)(VictoryPolarAxis, options); | ||
exports.default = _default; | ||
VictoryPolarAxisBase.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"]; | ||
var options = { | ||
components: [{ | ||
name: "axis", | ||
index: 0 | ||
}, { | ||
name: "axisLabel", | ||
index: 0 | ||
}, { | ||
name: "grid" | ||
}, { | ||
name: "parent", | ||
index: "parent" | ||
}, { | ||
name: "ticks" | ||
}, { | ||
name: "tickLabels" | ||
}] | ||
}; | ||
var VictoryPolarAxis = (0, _victoryCore.addEvents)(VictoryPolarAxisBase, options); | ||
exports.VictoryPolarAxis = VictoryPolarAxis; |
{ | ||
"name": "victory-polar-axis", | ||
"version": "36.8.1", | ||
"version": "36.8.2", | ||
"description": "Polar Axis Component for Victory", | ||
@@ -25,3 +25,3 @@ "keywords": [ | ||
"prop-types": "^15.8.1", | ||
"victory-core": "^36.8.1" | ||
"victory-core": "^36.8.2" | ||
}, | ||
@@ -28,0 +28,0 @@ "peerDependencies": { |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
1315858
26
22141
Updatedvictory-core@^36.8.2