Socket
Socket
Sign inDemoInstall

@nivo/axes

Package Overview
Dependencies
Maintainers
2
Versions
53
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@nivo/axes - npm Package Compare versions

Comparing version 0.73.0 to 0.74.0

176

dist/nivo-axes.cjs.js

@@ -10,5 +10,5 @@ 'use strict';

var core = require('@nivo/core');
var d3Time = require('d3-time');
var d3TimeFormat = require('d3-time-format');
var d3Format = require('d3-format');
var scales = require('@nivo/scales');
var jsxRuntime = require('react/jsx-runtime');

@@ -60,112 +60,2 @@ var PropTypes = _interopDefault(require('prop-types'));

function _arrayWithHoles(arr) {
if (Array.isArray(arr)) return arr;
}
function _iterableToArrayLimit(arr, i) {
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) {
arr2[i] = arr[i];
}
return arr2;
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _slicedToArray(arr, i) {
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
}
var centerScale = function centerScale(scale) {
var bandwidth = scale.bandwidth();
if (bandwidth === 0) return scale;
var offset = bandwidth / 2;
if (scale.round()) {
offset = Math.round(offset);
}
return function (d) {
var _scale;
return ((_scale = scale(d)) !== null && _scale !== void 0 ? _scale : 0) + offset;
};
};
var timeDay = d3Time.timeInterval(function (date) {
return date.setHours(0, 0, 0, 0);
}, function (date, step) {
return date.setDate(date.getDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var utcDay = d3Time.timeInterval(function (date) {
return date.setUTCHours(0, 0, 0, 0);
}, function (date, step) {
return date.setUTCDate(date.getUTCDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var timeByType = {
millisecond: [d3Time.timeMillisecond, d3Time.utcMillisecond],
second: [d3Time.timeSecond, d3Time.utcSecond],
minute: [d3Time.timeMinute, d3Time.utcMinute],
hour: [d3Time.timeHour, d3Time.utcHour],
day: [timeDay, utcDay],
week: [d3Time.timeWeek, d3Time.utcWeek],
sunday: [d3Time.timeSunday, d3Time.utcSunday],
monday: [d3Time.timeMonday, d3Time.utcMonday],
tuesday: [d3Time.timeTuesday, d3Time.utcTuesday],
wednesday: [d3Time.timeWednesday, d3Time.utcWednesday],
thursday: [d3Time.timeThursday, d3Time.utcThursday],
friday: [d3Time.timeFriday, d3Time.utcFriday],
saturday: [d3Time.timeSaturday, d3Time.utcSaturday],
month: [d3Time.timeMonth, d3Time.utcMonth],
year: [d3Time.timeYear, d3Time.utcYear]
};
var timeTypes = Object.keys(timeByType);
var timeIntervalRegexp = new RegExp("^every\\s*(\\d+)?\\s*(".concat(timeTypes.join('|'), ")s?$"), 'i');
var isInteger = function isInteger(value) {
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
};
var isArray = function isArray(value) {

@@ -175,56 +65,2 @@ return Array.isArray(value);

var getScaleTicks = function getScaleTicks(scale, spec) {
if (Array.isArray(spec)) {
return spec;
}
if (typeof spec === 'string' && 'useUTC' in scale) {
var matches = spec.match(timeIntervalRegexp);
if (matches) {
var _matches = _slicedToArray(matches, 3),
amount = _matches[1],
type = _matches[2];
var timeType = timeByType[type][scale.useUTC ? 1 : 0];
if (type === 'day') {
var _timeType$every$range, _timeType$every;
var _scale$domain = scale.domain(),
_scale$domain2 = _slicedToArray(_scale$domain, 2),
start = _scale$domain2[0],
originalStop = _scale$domain2[1];
var stop = new Date(originalStop);
stop.setDate(stop.getDate() + 1);
return (_timeType$every$range = (_timeType$every = timeType.every(Number(amount !== null && amount !== void 0 ? amount : 1))) === null || _timeType$every === void 0 ? void 0 : _timeType$every.range(start, stop)) !== null && _timeType$every$range !== void 0 ? _timeType$every$range : [];
}
if (amount === undefined) {
return scale.ticks(timeType);
}
var interval = timeType.every(Number(amount));
if (interval) {
return scale.ticks(interval);
}
}
throw new Error("Invalid tickValues: ".concat(spec));
}
if ('ticks' in scale) {
if (spec === undefined) {
return scale.ticks();
}
if (isInteger(spec)) {
return scale.ticks(spec);
}
}
return scale.domain();
};
var computeCartesianTicks = function computeCartesianTicks(_ref) {

@@ -240,5 +76,5 @@ var axis = _ref.axis,

engine = _ref$engine === void 0 ? 'svg' : _ref$engine;
var values = getScaleTicks(scale, tickValues);
var values = scales.getScaleTicks(scale, tickValues);
var textProps = core.textPropsByEngine[engine];
var position = 'bandwidth' in scale ? centerScale(scale) : scale;
var position = 'bandwidth' in scale ? scales.centerScale(scale) : scale;
var line = {

@@ -336,4 +172,4 @@ lineX: 0,

var lineValues = isArray(_values) ? _values : undefined;
var values = lineValues || getScaleTicks(scale, _values);
var position = 'bandwidth' in scale ? centerScale(scale) : scale;
var values = lineValues || scales.getScaleTicks(scale, _values);
var position = 'bandwidth' in scale ? scales.centerScale(scale) : scale;
var lines = axis === 'x' ? values.map(function (value) {

@@ -779,3 +615,3 @@ var _position3, _position4;

ctx.textBaseline = textBaseline;
ctx.font = "".concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);
ctx.font = "".concat(theme.axis.ticks.text.fontWeight ? "".concat(theme.axis.ticks.text.fontWeight, " ") : '').concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);

@@ -782,0 +618,0 @@ if (((_theme$axis$domain$li = theme.axis.domain.line.strokeWidth) !== null && _theme$axis$domain$li !== void 0 ? _theme$axis$domain$li : 0) > 0) {

import { memo, useMemo, createElement } from 'react';
import { animated, useSpring, useTransition } from '@react-spring/web';
import { textPropsByEngine, useTheme, useMotionConfig, degreesToRadians } from '@nivo/core';
import { timeInterval, timeMillisecond, utcMillisecond, timeSecond, utcSecond, timeMinute, utcMinute, timeHour, utcHour, timeWeek, utcWeek, timeSunday, utcSunday, timeMonday, utcMonday, timeTuesday, utcTuesday, timeWednesday, utcWednesday, timeThursday, utcThursday, timeFriday, utcFriday, timeSaturday, utcSaturday, timeMonth, utcMonth, timeYear, utcYear } from 'd3-time';
import { timeFormat } from 'd3-time-format';
import { format } from 'd3-format';
import { getScaleTicks, centerScale } from '@nivo/scales';
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

@@ -53,112 +53,2 @@ import PropTypes from 'prop-types';

function _arrayWithHoles(arr) {
if (Array.isArray(arr)) return arr;
}
function _iterableToArrayLimit(arr, i) {
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) {
arr2[i] = arr[i];
}
return arr2;
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _slicedToArray(arr, i) {
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
}
var centerScale = function centerScale(scale) {
var bandwidth = scale.bandwidth();
if (bandwidth === 0) return scale;
var offset = bandwidth / 2;
if (scale.round()) {
offset = Math.round(offset);
}
return function (d) {
var _scale;
return ((_scale = scale(d)) !== null && _scale !== void 0 ? _scale : 0) + offset;
};
};
var timeDay = timeInterval(function (date) {
return date.setHours(0, 0, 0, 0);
}, function (date, step) {
return date.setDate(date.getDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var utcDay = timeInterval(function (date) {
return date.setUTCHours(0, 0, 0, 0);
}, function (date, step) {
return date.setUTCDate(date.getUTCDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var timeByType = {
millisecond: [timeMillisecond, utcMillisecond],
second: [timeSecond, utcSecond],
minute: [timeMinute, utcMinute],
hour: [timeHour, utcHour],
day: [timeDay, utcDay],
week: [timeWeek, utcWeek],
sunday: [timeSunday, utcSunday],
monday: [timeMonday, utcMonday],
tuesday: [timeTuesday, utcTuesday],
wednesday: [timeWednesday, utcWednesday],
thursday: [timeThursday, utcThursday],
friday: [timeFriday, utcFriday],
saturday: [timeSaturday, utcSaturday],
month: [timeMonth, utcMonth],
year: [timeYear, utcYear]
};
var timeTypes = Object.keys(timeByType);
var timeIntervalRegexp = new RegExp("^every\\s*(\\d+)?\\s*(".concat(timeTypes.join('|'), ")s?$"), 'i');
var isInteger = function isInteger(value) {
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
};
var isArray = function isArray(value) {

@@ -168,56 +58,2 @@ return Array.isArray(value);

var getScaleTicks = function getScaleTicks(scale, spec) {
if (Array.isArray(spec)) {
return spec;
}
if (typeof spec === 'string' && 'useUTC' in scale) {
var matches = spec.match(timeIntervalRegexp);
if (matches) {
var _matches = _slicedToArray(matches, 3),
amount = _matches[1],
type = _matches[2];
var timeType = timeByType[type][scale.useUTC ? 1 : 0];
if (type === 'day') {
var _timeType$every$range, _timeType$every;
var _scale$domain = scale.domain(),
_scale$domain2 = _slicedToArray(_scale$domain, 2),
start = _scale$domain2[0],
originalStop = _scale$domain2[1];
var stop = new Date(originalStop);
stop.setDate(stop.getDate() + 1);
return (_timeType$every$range = (_timeType$every = timeType.every(Number(amount !== null && amount !== void 0 ? amount : 1))) === null || _timeType$every === void 0 ? void 0 : _timeType$every.range(start, stop)) !== null && _timeType$every$range !== void 0 ? _timeType$every$range : [];
}
if (amount === undefined) {
return scale.ticks(timeType);
}
var interval = timeType.every(Number(amount));
if (interval) {
return scale.ticks(interval);
}
}
throw new Error("Invalid tickValues: ".concat(spec));
}
if ('ticks' in scale) {
if (spec === undefined) {
return scale.ticks();
}
if (isInteger(spec)) {
return scale.ticks(spec);
}
}
return scale.domain();
};
var computeCartesianTicks = function computeCartesianTicks(_ref) {

@@ -770,3 +606,3 @@ var axis = _ref.axis,

ctx.textBaseline = textBaseline;
ctx.font = "".concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);
ctx.font = "".concat(theme.axis.ticks.text.fontWeight ? "".concat(theme.axis.ticks.text.fontWeight, " ") : '').concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);

@@ -773,0 +609,0 @@ if (((_theme$axis$domain$li = theme.axis.domain.line.strokeWidth) !== null && _theme$axis$domain$li !== void 0 ? _theme$axis$domain$li : 0) > 0) {

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@react-spring/web'), require('@nivo/core'), require('d3-time'), require('d3-time-format'), require('d3-format'), require('react/jsx-runtime'), require('prop-types')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', '@react-spring/web', '@nivo/core', 'd3-time', 'd3-time-format', 'd3-format', 'react/jsx-runtime', 'prop-types'], factory) :
(global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['@react-spring/web'], global.nivo, global.d3, global.d3, global.d3, global['react/jsx-runtime'], global.PropTypes));
}(this, (function (exports, React, web, core, d3Time, d3TimeFormat, d3Format, jsxRuntime, PropTypes) { 'use strict';
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@react-spring/web'), require('@nivo/core'), require('d3-time-format'), require('d3-format'), require('@nivo/scales'), require('react/jsx-runtime'), require('prop-types')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', '@react-spring/web', '@nivo/core', 'd3-time-format', 'd3-format', '@nivo/scales', 'react/jsx-runtime', 'prop-types'], factory) :
(global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['@react-spring/web'], global.nivo, global.d3, global.d3, global.nivo, global['react/jsx-runtime'], global.PropTypes));
}(this, (function (exports, React, web, core, d3TimeFormat, d3Format, scales, jsxRuntime, PropTypes) { 'use strict';

@@ -52,112 +52,2 @@ PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;

function _arrayWithHoles(arr) {
if (Array.isArray(arr)) return arr;
}
function _iterableToArrayLimit(arr, i) {
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) {
arr2[i] = arr[i];
}
return arr2;
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _slicedToArray(arr, i) {
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
}
var centerScale = function centerScale(scale) {
var bandwidth = scale.bandwidth();
if (bandwidth === 0) return scale;
var offset = bandwidth / 2;
if (scale.round()) {
offset = Math.round(offset);
}
return function (d) {
var _scale;
return ((_scale = scale(d)) !== null && _scale !== void 0 ? _scale : 0) + offset;
};
};
var timeDay = d3Time.timeInterval(function (date) {
return date.setHours(0, 0, 0, 0);
}, function (date, step) {
return date.setDate(date.getDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var utcDay = d3Time.timeInterval(function (date) {
return date.setUTCHours(0, 0, 0, 0);
}, function (date, step) {
return date.setUTCDate(date.getUTCDate() + step);
}, function (start, end) {
return (end.getTime() - start.getTime()) / 864e5;
}, function (date) {
return Math.floor(date.getTime() / 864e5);
});
var timeByType = {
millisecond: [d3Time.timeMillisecond, d3Time.utcMillisecond],
second: [d3Time.timeSecond, d3Time.utcSecond],
minute: [d3Time.timeMinute, d3Time.utcMinute],
hour: [d3Time.timeHour, d3Time.utcHour],
day: [timeDay, utcDay],
week: [d3Time.timeWeek, d3Time.utcWeek],
sunday: [d3Time.timeSunday, d3Time.utcSunday],
monday: [d3Time.timeMonday, d3Time.utcMonday],
tuesday: [d3Time.timeTuesday, d3Time.utcTuesday],
wednesday: [d3Time.timeWednesday, d3Time.utcWednesday],
thursday: [d3Time.timeThursday, d3Time.utcThursday],
friday: [d3Time.timeFriday, d3Time.utcFriday],
saturday: [d3Time.timeSaturday, d3Time.utcSaturday],
month: [d3Time.timeMonth, d3Time.utcMonth],
year: [d3Time.timeYear, d3Time.utcYear]
};
var timeTypes = Object.keys(timeByType);
var timeIntervalRegexp = new RegExp("^every\\s*(\\d+)?\\s*(".concat(timeTypes.join('|'), ")s?$"), 'i');
var isInteger = function isInteger(value) {
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
};
var isArray = function isArray(value) {

@@ -167,56 +57,2 @@ return Array.isArray(value);

var getScaleTicks = function getScaleTicks(scale, spec) {
if (Array.isArray(spec)) {
return spec;
}
if (typeof spec === 'string' && 'useUTC' in scale) {
var matches = spec.match(timeIntervalRegexp);
if (matches) {
var _matches = _slicedToArray(matches, 3),
amount = _matches[1],
type = _matches[2];
var timeType = timeByType[type][scale.useUTC ? 1 : 0];
if (type === 'day') {
var _timeType$every$range, _timeType$every;
var _scale$domain = scale.domain(),
_scale$domain2 = _slicedToArray(_scale$domain, 2),
start = _scale$domain2[0],
originalStop = _scale$domain2[1];
var stop = new Date(originalStop);
stop.setDate(stop.getDate() + 1);
return (_timeType$every$range = (_timeType$every = timeType.every(Number(amount !== null && amount !== void 0 ? amount : 1))) === null || _timeType$every === void 0 ? void 0 : _timeType$every.range(start, stop)) !== null && _timeType$every$range !== void 0 ? _timeType$every$range : [];
}
if (amount === undefined) {
return scale.ticks(timeType);
}
var interval = timeType.every(Number(amount));
if (interval) {
return scale.ticks(interval);
}
}
throw new Error("Invalid tickValues: ".concat(spec));
}
if ('ticks' in scale) {
if (spec === undefined) {
return scale.ticks();
}
if (isInteger(spec)) {
return scale.ticks(spec);
}
}
return scale.domain();
};
var computeCartesianTicks = function computeCartesianTicks(_ref) {

@@ -232,5 +68,5 @@ var axis = _ref.axis,

engine = _ref$engine === void 0 ? 'svg' : _ref$engine;
var values = getScaleTicks(scale, tickValues);
var values = scales.getScaleTicks(scale, tickValues);
var textProps = core.textPropsByEngine[engine];
var position = 'bandwidth' in scale ? centerScale(scale) : scale;
var position = 'bandwidth' in scale ? scales.centerScale(scale) : scale;
var line = {

@@ -328,4 +164,4 @@ lineX: 0,

var lineValues = isArray(_values) ? _values : undefined;
var values = lineValues || getScaleTicks(scale, _values);
var position = 'bandwidth' in scale ? centerScale(scale) : scale;
var values = lineValues || scales.getScaleTicks(scale, _values);
var position = 'bandwidth' in scale ? scales.centerScale(scale) : scale;
var lines = axis === 'x' ? values.map(function (value) {

@@ -771,3 +607,3 @@ var _position3, _position4;

ctx.textBaseline = textBaseline;
ctx.font = "".concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);
ctx.font = "".concat(theme.axis.ticks.text.fontWeight ? "".concat(theme.axis.ticks.text.fontWeight, " ") : '').concat(theme.axis.ticks.text.fontSize, "px ").concat(theme.axis.ticks.text.fontFamily);

@@ -774,0 +610,0 @@ if (((_theme$axis$domain$li = theme.axis.domain.line.strokeWidth) !== null && _theme$axis$domain$li !== void 0 ? _theme$axis$domain$li : 0) > 0) {

9

dist/types/canvas.d.ts
import { CompleteTheme } from '@nivo/core';
import { AxisValue, TicksSpec, AnyScale, AxisLegendPosition, CanvasAxisProp, ValueFormatter } from './types';
export declare const renderAxisToCanvas: <Value extends AxisValue>(ctx: CanvasRenderingContext2D, { axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format: _format, legend, legendPosition, legendOffset, theme, }: {
import { ScaleValue, AnyScale, TicksSpec } from '@nivo/scales';
import { AxisLegendPosition, CanvasAxisProp, ValueFormatter } from './types';
export declare const renderAxisToCanvas: <Value extends ScaleValue>(ctx: CanvasRenderingContext2D, { axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format: _format, legend, legendPosition, legendOffset, theme, }: {
axis: 'x' | 'y';

@@ -20,3 +21,3 @@ scale: AnyScale;

}) => void;
export declare const renderAxesToCanvas: <X extends AxisValue, Y extends AxisValue>(ctx: CanvasRenderingContext2D, { xScale, yScale, width, height, top, right, bottom, left, theme, }: {
export declare const renderAxesToCanvas: <X extends ScaleValue, Y extends ScaleValue>(ctx: CanvasRenderingContext2D, { xScale, yScale, width, height, top, right, bottom, left, theme, }: {
xScale: AnyScale;

@@ -32,3 +33,3 @@ yScale: AnyScale;

}) => void;
export declare const renderGridLinesToCanvas: <Value extends AxisValue>(ctx: CanvasRenderingContext2D, { width, height, scale, axis, values, }: {
export declare const renderGridLinesToCanvas: <Value extends ScaleValue>(ctx: CanvasRenderingContext2D, { width, height, scale, axis, values, }: {
width: number;

@@ -35,0 +36,0 @@ height: number;

/// <reference types="react" />
import { AnyScale, AxisProps, AxisValue } from '../types';
export declare const Axes: import("react").MemoExoticComponent<(<X extends AxisValue, Y extends AxisValue>({ xScale, yScale, width, height, top, right, bottom, left, }: {
import { ScaleValue, AnyScale } from '@nivo/scales';
import { AxisProps } from '../types';
export declare const Axes: import("react").MemoExoticComponent<(<X extends ScaleValue, Y extends ScaleValue>({ xScale, yScale, width, height, top, right, bottom, left, }: {
xScale: AnyScale;

@@ -5,0 +6,0 @@ yScale: AnyScale;

import * as React from 'react';
import { AnyScale, AxisProps, AxisValue } from '../types';
declare const memoizedAxis: <Value extends AxisValue>({ axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format, renderTick, legend, legendPosition, legendOffset, onClick, ariaHidden, }: AxisProps<Value> & {
import { ScaleValue, AnyScale } from '@nivo/scales';
import { AxisProps } from '../types';
declare const memoizedAxis: <Value extends ScaleValue>({ axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format, renderTick, legend, legendPosition, legendOffset, onClick, ariaHidden, }: AxisProps<Value> & {
axis: 'x' | 'y';

@@ -5,0 +6,0 @@ scale: AnyScale;

/// <reference types="react" />
import { AxisTickProps, AxisValue } from '../types';
declare const memoizedAxisTick: <Value extends AxisValue>({ value: _value, format, lineX, lineY, onClick, textBaseline, textAnchor, animatedProps, }: AxisTickProps<Value>) => JSX.Element;
import { ScaleValue } from '@nivo/scales';
import { AxisTickProps } from '../types';
declare const memoizedAxisTick: <Value extends ScaleValue>({ value: _value, format, lineX, lineY, onClick, textBaseline, textAnchor, animatedProps, }: AxisTickProps<Value>) => JSX.Element;
export { memoizedAxisTick as AxisTick };
//# sourceMappingURL=AxisTick.d.ts.map
/// <reference types="react" />
import { AnyScale, AxisValue, TicksSpec } from '../types';
export declare const Grid: import("react").MemoExoticComponent<(<X extends AxisValue, Y extends AxisValue>({ width, height, xScale, yScale, xValues, yValues, }: {
import { ScaleValue, AnyScale, TicksSpec } from '@nivo/scales';
export declare const Grid: import("react").MemoExoticComponent<(<X extends ScaleValue, Y extends ScaleValue>({ width, height, xScale, yScale, xValues, yValues, }: {
width: number;

@@ -5,0 +5,0 @@ height: number;

@@ -1,5 +0,4 @@

import { AxisValue, TicksSpec, AnyScale, ScaleWithBandwidth, ValueFormatter, Line } from './types';
export declare const centerScale: <Value>(scale: ScaleWithBandwidth) => ScaleWithBandwidth | (<T extends Value>(d: T) => number);
export declare const getScaleTicks: <Value extends AxisValue>(scale: AnyScale, spec?: TicksSpec<Value> | undefined) => any[];
export declare const computeCartesianTicks: <Value extends AxisValue>({ axis, scale, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, engine, }: {
import { ScaleValue, AnyScale, TicksSpec } from '@nivo/scales';
import { ValueFormatter, Line } from './types';
export declare const computeCartesianTicks: <Value extends ScaleValue>({ axis, scale, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, engine, }: {
axis: 'x' | 'y';

@@ -27,4 +26,4 @@ scale: AnyScale;

};
export declare const getFormatter: <Value extends AxisValue>(format: string | ValueFormatter<Value> | undefined, scale: AnyScale) => ValueFormatter<Value> | undefined;
export declare const computeGridLines: <Value extends AxisValue>({ width, height, scale, axis, values: _values, }: {
export declare const getFormatter: <Value extends ScaleValue>(format: string | ValueFormatter<Value> | undefined, scale: AnyScale) => ValueFormatter<Value> | undefined;
export declare const computeGridLines: <Value extends ScaleValue>({ width, height, scale, axis, values: _values, }: {
width: number;

@@ -31,0 +30,0 @@ height: number;

import * as React from 'react';
import { Scale, ScaleBand, ScalePoint } from '@nivo/scales';
import { ScaleValue, TicksSpec } from '@nivo/scales';
import { SpringValues } from '@react-spring/web';
export declare type AxisValue = string | number | Date;
export declare type GridValuesBuilder<T> = T extends number ? number[] : T extends string ? string[] : T extends Date ? Date[] : never;
export declare type GridValues<T extends AxisValue> = number | GridValuesBuilder<T>;
export declare type GridValues<T extends ScaleValue> = number | GridValuesBuilder<T>;
export declare type Point = {

@@ -11,8 +10,5 @@ x: number;

};
export declare type ScaleWithBandwidth = ScaleBand<any> | ScalePoint<any>;
export declare type AnyScale = Scale<any, any>;
export declare type TicksSpec<Value extends AxisValue> = number | string | Value[];
export declare type AxisLegendPosition = 'start' | 'middle' | 'end';
export declare type ValueFormatter<Value extends AxisValue> = (value: Value) => Value | string;
export interface AxisProps<Value extends AxisValue = any> {
export declare type ValueFormatter<Value extends ScaleValue> = (value: Value) => Value | string;
export interface AxisProps<Value extends ScaleValue = any> {
ticksPosition?: 'before' | 'after';

@@ -30,6 +26,6 @@ tickValues?: TicksSpec<Value>;

}
export interface CanvasAxisProp<Value extends string | number | Date> extends Omit<AxisProps<Value>, 'legend'> {
export interface CanvasAxisProp<Value extends ScaleValue> extends Omit<AxisProps<Value>, 'legend'> {
legend?: string;
}
export interface AxisTickProps<Value extends AxisValue> {
export interface AxisTickProps<Value extends ScaleValue> {
tickIndex: number;

@@ -36,0 +32,0 @@ value: Value;

{
"name": "@nivo/axes",
"version": "0.73.0",
"version": "0.74.0",
"license": "MIT",

@@ -30,16 +30,14 @@ "author": {

"dependencies": {
"@nivo/scales": "0.73.0",
"@react-spring/web": "9.2.4",
"@nivo/scales": "0.74.0",
"@react-spring/web": "9.2.6",
"d3-format": "^1.4.4",
"d3-time": "^1.0.11",
"d3-time-format": "^3.0.0"
},
"devDependencies": {
"@nivo/core": "0.73.0",
"@nivo/core": "0.74.0",
"@types/d3-format": "^1.4.1",
"@types/d3-time": "^1.1.1",
"@types/d3-time-format": "^2.3.1"
},
"peerDependencies": {
"@nivo/core": "0.73.0",
"@nivo/core": "0.74.0",
"prop-types": ">= 15.5.10 < 16.0.0",

@@ -51,3 +49,3 @@ "react": ">= 16.14.0 < 18.0.0"

},
"gitHead": "919f213600a08609939198ea743f7dbde9a572e2"
"gitHead": "5d387c6723bb384f276d2b6ce15ca49c0e49948a"
}

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

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

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