@pie-element/number-line 13.1.2-next.0 → 13.1.2-next.2

package/dist/delivery/number-line/graph/elements/line.js

@@ -1,15 +1,14 @@
-import e from "../../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import t from "../../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isNumber.js";
-import { Draggable as n } from "../../../draggable/index.js";
-import r from "./point.js";
-import { basePropTypes as i } from "./base.js";
-import a from "react";
-import { styled as o } from "@mui/material/styles";
-import s from "prop-types";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Draggable as e } from "../../../draggable/index.js";
+import t from "./point.js";
+import { basePropTypes as n } from "./base.js";
+import r from "react";
+import { styled as i } from "@mui/material/styles";
+import a from "prop-types";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { isEqual as c, isNumber as l } from "@pie-element/shared-lodash";
 import { color as u } from "@pie-lib/render-ui";
 //#region src/delivery/number-line/graph/elements/line.tsx
-var d = "150ms", f = o("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
+var d = "150ms", f = i("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 	"& .line-handle": {
 		stroke: u.primary(),
 		cursor: "pointer",
@@ -38,25 +37,25 @@ var d = "150ms", f = o("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 		cursor: "inherit",
 		stroke: u.incorrect()
 	} }
-})), p = class extends a.Component {
+})), p = class extends r.Component {
 	static propTypes = {
-		...i(),
-		empty: s.shape({
-			left: s.bool.isRequired,
-			right: s.bool.isRequired
+		...n(),
+		empty: a.shape({
+			left: a.bool.isRequired,
+			right: a.bool.isRequired
 		}).isRequired,
-		position: s.shape({
-			left: s.number.isRequired,
-			right: s.number.isRequired
+		position: a.shape({
+			left: a.number.isRequired,
+			right: a.number.isRequired
 		}).isRequired,
-		y: s.number,
-		selected: s.bool,
-		disabled: s.bool,
-		correct: s.bool,
-		onMoveLine: s.func.isRequired,
-		onToggleSelect: s.func.isRequired,
-		onDragStart: s.func,
-		onDragStop: s.func
+		y: a.number,
+		selected: a.bool,
+		disabled: a.bool,
+		correct: a.bool,
+		onMoveLine: a.func.isRequired,
+		onToggleSelect: a.func.isRequired,
+		onDragStart: a.func,
+		onDragStop: a.func
 	};
 	static defaultProps = {
 		selected: !1,
@@ -65,8 +64,8 @@ var d = "150ms", f = o("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 		correct: void 0
 	};
 	static contextTypes = {
-		xScale: s.func.isRequired,
-		snapValue: s.func.isRequired
+		xScale: a.func.isRequired,
+		snapValue: a.func.isRequired
 	};
 	constructor(e) {
 		super(e), this.state = {
@@ -98,48 +97,48 @@ var d = "150ms", f = o("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 		r[e] = t, this.props.onMoveLine(r);
 	}
 	render() {
-		let { interval: i, empty: a, position: o, domain: s, y: u, selected: d, disabled: p, correct: m } = this.props, { xScale: h } = this.context, { onDrag: g, onMove: _ } = this, v = _.bind(this, "left"), y = _.bind(this, "right"), b = g.bind(this, "left"), x = g.bind(this, "right"), S = t(this.state.left) ? this.state.left : o.left, C = t(this.state.right) ? this.state.right : o.right, w = h(i) - h(0), T = (e) => e.nativeEvent.preventDefault(), E = () => {
+		let { interval: n, empty: r, position: i, domain: a, y: u, selected: d, disabled: p, correct: m } = this.props, { xScale: h } = this.context, { onDrag: g, onMove: _ } = this, v = _.bind(this, "left"), y = _.bind(this, "right"), b = g.bind(this, "left"), x = g.bind(this, "right"), S = l(this.state.left) ? this.state.left : i.left, C = l(this.state.right) ? this.state.right : i.right, w = h(n) - h(0), T = (e) => e.nativeEvent.preventDefault(), E = () => {
 			this.props.onToggleSelect();
 		}, D = () => {
 			this.props.onToggleSelect();
-		}, O = (t) => {
-			if (Math.abs(t) < w / 10) {
+		}, O = (e) => {
+			if (Math.abs(e) < w / 10) {
 				this.props.onToggleSelect();
 				return;
 			}
-			let n = h.invert(t + h(0)), r = {
-				left: o.left + n,
-				right: o.right + n
+			let t = h.invert(e + h(0)), n = {
+				left: i.left + t,
+				right: i.right + t
 			};
-			e(r, this.props.position) || this.props.onMoveLine(r);
+			c(n, this.props.position) || this.props.onMoveLine(n);
 		}, k = {
-			left: (s.min - o.left) / i * w,
-			right: (s.max - o.right) / i * w
+			left: (a.min - i.left) / n * w,
+			right: (a.max - i.right) / n * w
 		}, A = {
-			interval: i,
+			interval: n,
 			selected: d,
 			disabled: p,
 			correct: m
 		};
-		return /* @__PURE__ */ c(n, {
-			id: `line-${o.left}-${o.right}-${u}`,
+		return /* @__PURE__ */ o(e, {
+			id: `line-${i.left}-${i.right}-${u}`,
 			disabled: p,
 			grid: [w],
 			bounds: k,
 			onMouseDown: T,
 			onDragEnd: O,
-			children: ({ setNodeRef: e, attributes: t, listeners: n, translateX: i, isDragging: g, onMouseDown: _ }) => /* @__PURE__ */ c(f, {
+			children: ({ setNodeRef: e, attributes: n, listeners: c, translateX: l, isDragging: g, onMouseDown: _ }) => /* @__PURE__ */ o(f, {
 				ref: e,
 				$disabled: p,
 				$selected: d,
 				$correct: m,
 				className: g ? "dnd-kit-dragging" : void 0,
 				onMouseDown: _,
-				...t,
-				children: /* @__PURE__ */ l("g", {
-					transform: `translate(${i}, ${u})`,
+				...n,
+				children: /* @__PURE__ */ s("g", {
+					transform: `translate(${l}, ${u})`,
 					children: [
-						/* @__PURE__ */ c("rect", {
+						/* @__PURE__ */ o("rect", {
 							x: h(S),
 							width: Math.abs(h(C) - h(S)),
 							fill: "red",
@@ -148,33 +147,33 @@ var d = "150ms", f = o("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 							height: 16,
 							onClick: D
 						}),
-						/* @__PURE__ */ c("line", {
+						/* @__PURE__ */ o("line", {
 							className: "line-handle",
 							x1: h(S),
 							x2: h(C),
 							onClick: E,
-							...n
+							...c
 						}),
-						/* @__PURE__ */ c(r, {
+						/* @__PURE__ */ o(t, {
 							...A,
-							empty: a.left,
+							empty: r.left,
 							bounds: {
-								left: s.min - o.left,
-								right: s.max - o.left
+								left: a.min - i.left,
+								right: a.max - i.left
 							},
-							position: o.left,
+							position: i.left,
 							onDrag: b,
 							onMove: v,
 							onClick: D
 						}),
-						/* @__PURE__ */ c(r, {
+						/* @__PURE__ */ o(t, {
 							...A,
-							empty: a.right,
+							empty: r.right,
 							bounds: {
-								left: s.min - o.right,
-								right: s.max - o.right
+								left: a.min - i.right,
+								right: a.max - i.right
 							},
-							position: o.right,
+							position: i.right,
 							onDrag: x,
 							onMove: y,
 							onClick: D

package/dist/delivery/number-line/graph/elements/ray.js

@@ -1,15 +1,15 @@
-import e from "../../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isNumber.js";
-import t from "./point.js";
-import { basePropTypes as n } from "./base.js";
-import { correct as r, incorrect as i, selected as a } from "../../colors.js";
-import o from "../arrow.js";
-import s from "react";
-import { styled as c } from "@mui/material/styles";
-import l from "prop-types";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import e from "./point.js";
+import { basePropTypes as t } from "./base.js";
+import { correct as n, incorrect as r, selected as i } from "../../colors.js";
+import a from "../arrow.js";
+import o from "react";
+import { styled as s } from "@mui/material/styles";
+import c from "prop-types";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { isNumber as d } from "@pie-element/shared-lodash";
 import { color as f } from "@pie-lib/render-ui";
 //#region src/delivery/number-line/graph/elements/ray.tsx
-var p = c("g")(({ $selected: e, $correct: t }) => ({
+var p = s("g")(({ $selected: e, $correct: t }) => ({
 	"& line": {
 		cursor: "pointer",
 		strokeWidth: "5px",
@@ -17,55 +17,55 @@ var p = c("g")(({ $selected: e, $correct: t }) => ({
 	},
 	"& line, & .arrow": { transition: "stroke 150ms linear, fill 150ms linear" },
 	...e && {
-		"& line": { stroke: a },
+		"& line": { stroke: i },
 		"& .arrow": {
-			fill: a,
+			fill: i,
 			strokeWidth: "1px",
-			stroke: a
+			stroke: i
 		}
 	},
 	...t === !0 && {
-		"& line": { stroke: r },
+		"& line": { stroke: n },
 		"& .arrow": {
-			fill: r,
+			fill: n,
 			strokeWidth: "1px",
-			stroke: r
+			stroke: n
 		}
 	},
 	...t === !1 && {
-		"& line": { stroke: i },
+		"& line": { stroke: r },
 		"& .arrow": {
-			fill: i,
+			fill: r,
 			strokeWidth: "1px",
-			stroke: i
+			stroke: r
 		}
 	}
-})), m = c(o)(({ $correct: e, $selected: t }) => ({
+})), m = s(a)(({ $correct: e, $selected: t }) => ({
 	fill: f.primary(),
 	...e === !0 && {
+		fill: n,
+		"--arrow-color": n
+	},
+	...e === !1 && {
 		fill: r,
 		"--arrow-color": r
 	},
-	...e === !1 && {
+	...t && {
 		fill: i,
 		"--arrow-color": i
-	},
-	...t && {
-		fill: a,
-		"--arrow-color": a
 	}
-})), h = class extends s.Component {
+})), h = class extends o.Component {
 	static propTypes = {
-		...n(),
-		width: l.number.isRequired,
-		selected: l.bool,
-		disabled: l.bool,
-		empty: l.bool,
-		direction: l.oneOf(["positive", "negative"]),
-		y: l.number,
-		position: l.number.isRequired,
-		onMove: l.func.isRequired,
-		onToggleSelect: l.func.isRequired
+		...t(),
+		width: c.number.isRequired,
+		selected: c.bool,
+		disabled: c.bool,
+		empty: c.bool,
+		direction: c.oneOf(["positive", "negative"]),
+		y: c.number,
+		position: c.number.isRequired,
+		onMove: c.func.isRequired,
+		onToggleSelect: c.func.isRequired
 	};
 	static defaultProps = {
 		selected: !1,
@@ -74,8 +74,8 @@ var p = c("g")(({ $selected: e, $correct: t }) => ({
 		disabled: !1
 	};
 	static contextTypes = {
-		xScale: l.func.isRequired,
-		snapValue: l.func.isRequired
+		xScale: c.func.isRequired,
+		snapValue: c.func.isRequired
 	};
 	constructor(e) {
 		super(e), this.state = { dragPosition: null };
@@ -88,38 +88,38 @@ var p = c("g")(({ $selected: e, $correct: t }) => ({
 		this.setState({ dragPosition: null });
 	}
 	render() {
-		let { interval: n, empty: r, position: i, direction: a, domain: o, y: s, selected: c, disabled: l, width: f, correct: h } = this.props, { xScale: g } = this.context, _ = this.drag.bind(this), v = this.stopDrag.bind(this), y = e(this.state.dragPosition) ? this.state.dragPosition : i, b = a === "positive", x = b ? y : o.min, S = b ? o.max : y, C = b ? g(x) : 8, w = b ? f - 8 : g(S), T = b ? f : 0, E = b ? "right" : "left";
-		return /* @__PURE__ */ d(p, {
-			$selected: c,
+		let { interval: t, empty: n, position: r, direction: i, domain: a, y: o, selected: s, disabled: c, width: f, correct: h } = this.props, { xScale: g } = this.context, _ = this.drag.bind(this), v = this.stopDrag.bind(this), y = d(this.state.dragPosition) ? this.state.dragPosition : r, b = i === "positive", x = b ? y : a.min, S = b ? a.max : y, C = b ? g(x) : 8, w = b ? f - 8 : g(S), T = b ? f : 0, E = b ? "right" : "left";
+		return /* @__PURE__ */ u(p, {
+			$selected: s,
 			$correct: h,
-			transform: `translate(0, ${s})`,
+			transform: `translate(0, ${o})`,
 			children: [
-				/* @__PURE__ */ u("line", {
-					onClick: l ? () => {} : this.props.onToggleSelect,
+				/* @__PURE__ */ l("line", {
+					onClick: c ? () => {} : this.props.onToggleSelect,
 					className: "line-handle",
 					x1: C,
 					x2: w
 				}),
-				/* @__PURE__ */ u(t, {
-					disabled: l,
+				/* @__PURE__ */ l(e, {
+					disabled: c,
 					correct: h,
-					selected: c,
-					empty: r,
-					interval: n,
+					selected: s,
+					empty: n,
+					interval: t,
 					bounds: {
-						left: o.min - i,
-						right: o.max - i
+						left: a.min - r,
+						right: a.max - r
 					},
-					position: i,
+					position: r,
 					onDrag: _,
 					onDragStop: v,
 					onMove: this.props.onMove,
 					onClick: this.props.onToggleSelect
 				}),
-				/* @__PURE__ */ u(m, {
+				/* @__PURE__ */ l(m, {
 					x: T,
 					$correct: h,
-					$selected: c,
+					$selected: s,
 					direction: E
 				})
 			]

package/dist/delivery/number-line/graph/index.d.ts

@@ -42,10 +42,10 @@ export declare class NumberLineGraph extends React.Component {
     };
     constructor(props: any);
     xScaleFn(): any;
-    snapValueFn(): (value: any) => any;
+    snapValueFn(): (value: any) => number;
     getChildContext(): {
         xScale: any;
-        snapValue: (value: any) => any;
+        snapValue: (value: any) => number;
     };
     /**
      * Note: we use d3 click + pointer to give us domain values directly.

package/dist/delivery/number-line/graph/tick-utils.d.ts

@@ -6,6 +6,7 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
+import * as math from 'mathjs';
 export declare const decimalTickValues: number[];
 export declare const fractionTickValues: string[];
 export declare const labelMultiplier: {
@@ -38,27 +39,30 @@ export declare const zeroBasedRange: (start: any, end: any, interval: any) => an
  * such that it was hard to round the numbers.
  * This is a more simplistic version but makes rounding work.
  */
-export declare const simpleRange: (start: any, end: any, interval: any) => any;
+export declare const simpleRange: (start: any, end: any, interval: any) => (string | math.MathType)[];
 export declare const closeTo: (a: any, b: any, precision: any) => boolean;
 export declare const getMinorLimits: (domain: any, width: any) => {
-    min: any;
-    max: any;
+    min: number & (number | math.MathCollection<math.MathNumericType>);
+    max: number;
 };
-export declare const isMultiple: (multiple: any, src: any) => any;
+export declare const isMultiple: (multiple: any, src: any) => boolean | math.MathCollection<math.MathNumericType>;
 /**
  * Accepts a fraction object {n,d,s} or number.
  * @param {*} v
  * @return mathjs.fraction
  */
-export declare const fraction: (v: any) => any;
+export declare const fraction: (v: any) => math.Fraction | undefined;
 export declare const normalizeTicks: (domain: any, width: any, ticks: any, opts: any) => {
-    minor: any;
     major: any;
+    minor: any;
 };
 /**
  * Build ticks as an array of mathjs Fractions
  */
-export declare const buildTickDataAsFractions: (domain: any, width: any, ticks: any, opts: any) => any;
+export declare const buildTickDataAsFractions: (domain: any, width: any, ticks: any, opts: any) => {
+    x: string | math.MathType;
+    type: string;
+}[];
 export declare const generateMinorValues: (minorLimits: any) => {
     fraction: never[];
     decimal: never[];
@@ -67,7 +71,10 @@ export declare const generateMajorValuesForMinor: (minor: any, domain: any, widt
     decimal: never[];
     fraction: never[];
 };
-export declare const buildTickData: (domain: any, width: any, ticks: any, opts: any) => any;
+export declare const buildTickData: (domain: any, width: any, ticks: any, opts: any) => {
+    x: string | math.MathType;
+    type: string;
+}[];
 export declare const fractionSnapTo: (min: any, max: any, interval: any, value: any) => any;
-export declare const snapTo: (min: any, max: any, interval: any, value: any) => any;
+export declare const snapTo: (min: any, max: any, interval: any, value: any) => number;
 export declare const snapElements: (domain: any, ticks: any, elements: any) => any;

package/dist/delivery/number-line/graph/tick-utils.js

@@ -1,8 +1,6 @@
 import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
-import t from "../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isObject.js";
-import n from "../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isNumber.js";
-import r from "../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/uniqWith.js";
-import * as i from "mathjs";
+import * as t from "mathjs";
+import { isNumber as n, isObject as r, uniqWith as i } from "@pie-element/shared-lodash";
 //#region src/delivery/number-line/graph/tick-utils.ts
 var a = /* @__PURE__ */ e({
 	buildTickData: () => w,
@@ -176,116 +174,116 @@ var a = /* @__PURE__ */ e({
 		8,
 		10
 	]
-}, l = (e, t, n) => {
-	let r = i.mod(i.abs(e), i.abs(n));
-	if (!i.equal(r, 0)) throw Error("start point must be divisible by interval");
-	if (i.equal(e, t)) return [];
-	let a = i.subtract(t, i.mod(t, i.abs(n))), o = i.larger(n, 0) ? "positive" : "negative";
-	if (o === "negative" && i.largerEq(t, e)) throw Error("start must be > than end when doing a negative decrement");
-	if (o === "positive" && i.smallerEq(t, e)) throw Error("start must be < end when doing increments");
+}, l = (e, n, r) => {
+	let i = t.mod(t.abs(e), t.abs(r));
+	if (!t.equal(i, 0)) throw Error("start point must be divisible by interval");
+	if (t.equal(e, n)) return [];
+	let a = t.subtract(n, t.mod(n, t.abs(r))), o = t.larger(r, 0) ? "positive" : "negative";
+	if (o === "negative" && t.largerEq(n, e)) throw Error("start must be > than end when doing a negative decrement");
+	if (o === "positive" && t.smallerEq(n, e)) throw Error("start must be < end when doing increments");
 	let s;
-	s = o === "positive" ? i.smallerEq : i.equal(a, t) ? i.largerEq : i.larger;
+	s = o === "positive" ? t.smallerEq : t.equal(a, n) ? t.largerEq : t.larger;
 	let c = [], l = e;
-	for (; s(l, a);) c.push(l), l = i.add(l, n);
+	for (; s(l, a);) c.push(l), l = t.add(l, r);
 	return c;
-}, u = (e, t) => `Can only do a positive or negative range, but got: start: ${e} and end:${t}`, d = (e, t, n) => {
-	e = i.fraction(e), t = i.fraction(t), n = i.fraction(n);
-	let r = i.abs(i.subtract(t, e));
-	if (i.larger(r, i.abs(t))) throw Error(u(e, t));
+}, u = (e, t) => `Can only do a positive or negative range, but got: start: ${e} and end:${t}`, d = (e, n, r) => {
+	e = t.fraction(e), n = t.fraction(n), r = t.fraction(r);
+	let i = t.abs(t.subtract(n, e));
+	if (t.larger(i, t.abs(n))) throw Error(u(e, n));
 	let a = {
-		start: i.abs(e),
-		end: i.abs(t),
-		interval: i.abs(n),
-		multiplier: i.smaller(n, 0) ? -1 : 1
-	}, o = i.mod(a.start, a.interval), s = l(i.larger(o, 0) ? i.add(i.subtract(a.start, o), a.interval) : a.start, a.end, a.interval), c = a.multiplier === -1 ? s.map((e) => i.multiply(e, -1)) : s;
-	return i.smaller(n, 0) && c.reverse(), c;
-}, f = (e, t) => (e = i.fraction(e), t = i.fraction(t), i.smaller(e, t) ? e : t), p = (e, t) => (e = i.fraction(e), t = i.fraction(t), i.larger(e, t) ? e : t), m = (e, t, n) => {
-	e = i.fraction(e), t = i.fraction(t), n = i.fraction(n);
-	let a = i.larger(t, 0) ? d(p(0, e), t, n) : [];
-	return r((i.smaller(e, 0) ? d(f(0, t), e, i.multiply(n, -1)) : []).concat(a), i.equal);
+		start: t.abs(e),
+		end: t.abs(n),
+		interval: t.abs(r),
+		multiplier: t.smaller(r, 0) ? -1 : 1
+	}, o = t.mod(a.start, a.interval), s = l(t.larger(o, 0) ? t.add(t.subtract(a.start, o), a.interval) : a.start, a.end, a.interval), c = a.multiplier === -1 ? s.map((e) => t.multiply(e, -1)) : s;
+	return t.smaller(r, 0) && c.reverse(), c;
+}, f = (e, n) => (e = t.fraction(e), n = t.fraction(n), t.smaller(e, n) ? e : n), p = (e, n) => (e = t.fraction(e), n = t.fraction(n), t.larger(e, n) ? e : n), m = (e, n, r) => {
+	e = t.fraction(e), n = t.fraction(n), r = t.fraction(r);
+	let a = t.larger(n, 0) ? d(p(0, e), n, r) : [];
+	return i((t.smaller(e, 0) ? d(f(0, n), e, t.multiply(r, -1)) : []).concat(a), t.equal);
 }, h = (e, t, n) => {
 	n ||= 2;
 	let r = 10 ** -n / 2;
 	return Math.abs(e - t) < r;
-}, g = (e, t, n) => i.smaller(y(e), y(t)) ? t : i.larger(y(e), y(n)) ? n : e, _ = (e, t) => {
-	let n = e.max - e.min, r = i.number(i.multiply(10, i.divide(i.fraction(n), t)));
+}, g = (e, n, r) => t.smaller(y(e), y(n)) ? n : t.larger(y(e), y(r)) ? r : e, _ = (e, n) => {
+	let r = e.max - e.min, i = t.number(t.multiply(10, t.divide(t.fraction(r), n)));
 	return {
-		min: r,
-		max: i.number(i.multiply(20, r))
+		min: i,
+		max: t.number(t.multiply(20, i))
 	};
-}, v = (e, t) => {
-	let n = i.mod(e, t);
-	return i.equal(n, 0);
+}, v = (e, n) => {
+	let r = t.mod(e, n);
+	return t.equal(r, 0);
 }, y = (e) => {
-	if (t(e)) return i.fraction(e.n * e.s, e.d);
-	if (n(e)) return i.fraction(e);
-}, b = (e, t, n, r) => {
-	let a = r ? r.limit !== !1 : !0, o = _(e, t), s = a ? g(y(n.minor), o.min, o.max) : y(n.minor), c = a ? g(y(n.major), s, i.multiply(s, 20)) : y(n.major);
+	if (r(e)) return t.fraction(e.n * e.s, e.d);
+	if (n(e)) return t.fraction(e);
+}, b = (e, n, r, i) => {
+	let a = i ? i.limit !== !1 : !0, o = _(e, n), s = a ? g(y(r.minor), o.min, o.max) : y(r.minor), c = a ? g(y(r.major), s, t.multiply(s, 20)) : y(r.major);
 	if (!v(c, s)) {
-		let e = i.divide(c, s), t = e <= 2 ? 2 : Math.round(e);
+		let e = t.divide(c, s), n = e <= 2 ? 2 : Math.round(e);
 		return {
 			minor: s,
-			major: i.multiply(s, t)
+			major: t.multiply(s, n)
 		};
 	}
 	return {
 		major: c,
 		minor: s
 	};
-}, x = (e, t, n, r) => (n = b(e, t, n, r), m(e.min, e.max, n.minor).filter((t) => i.smallerEq(t, i.fraction(e.max))).map((e) => {
-	let t = "minor", r = i.mod(e, n.major);
-	return h(i.number(r), 0) && (t = "major"), {
+}, x = (e, n, r, i) => (r = b(e, n, r, i), m(e.min, e.max, r.minor).filter((n) => t.smallerEq(n, t.fraction(e.max))).map((e) => {
+	let n = "minor", i = t.mod(e, r.major);
+	return h(t.number(i), 0) && (n = "major"), {
 		x: e,
-		type: t
+		type: n
 	};
 })), S = (e) => {
-	let t = {
+	let n = {
 		fraction: [],
 		decimal: []
 	};
-	return o.forEach((n) => {
-		n >= e.min && n <= e.max && t.decimal.push(n);
-	}), s.forEach((n) => {
-		let r = i.number(i.fraction(n));
-		r >= e.min && r <= e.max && t.fraction.push(n);
-	}), t;
-}, C = (e, t, n) => {
-	let r = {
+	return o.forEach((t) => {
+		t >= e.min && t <= e.max && n.decimal.push(t);
+	}), s.forEach((r) => {
+		let i = t.number(t.fraction(r));
+		i >= e.min && i <= e.max && n.fraction.push(r);
+	}), n;
+}, C = (e, n, r) => {
+	let i = {
 		decimal: [],
 		fraction: []
-	}, a = i.fraction(i.number(i.number(e))), o = a.n, s = a.d;
+	}, a = t.fraction(t.number(t.number(e))), o = a.n, s = a.d;
 	if (o >= 1 && s === 1) for (let a = 1; a <= 10; a++) {
-		let s = i.number(i.multiply(o, a));
-		w(t, n, {
+		let s = t.number(t.multiply(o, a));
+		w(n, r, {
 			minor: e,
 			major: s
-		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (r.fraction.push(s.toString()), r.decimal.push(s));
+		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (i.fraction.push(s.toString()), i.decimal.push(s));
 	}
 	else for (let a in c[s]) {
-		let l = i.multiply(i.fraction(o, s), c[s][a]);
-		w(t, n, {
+		let l = t.multiply(t.fraction(o, s), c[s][a]);
+		w(n, r, {
 			minor: e,
-			major: i.number(l)
-		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (l.d === 1 ? r.fraction.push(l.n.toString()) : r.fraction.push(l.n + "/" + l.d), r.decimal.push(i.number(l)));
+			major: t.number(l)
+		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (l.d === 1 ? i.fraction.push(l.n.toString()) : i.fraction.push(l.n + "/" + l.d), i.decimal.push(t.number(l)));
 	}
-	return r;
-}, w = (e, t, n, r) => x(e, t, n, r).map((e) => r.fraction ? e : {
+	return i;
+}, w = (e, n, r, i) => x(e, n, r, i).map((e) => i.fraction ? e : {
 	...e,
-	x: i.number(e.x) || 0
-}), T = (e, t, n, r) => {
-	r = p(f(r, t), e);
-	let a = r.mod(n), o, s = n.div(2);
-	if (i.largerEq(i.abs(a), s)) {
-		let e = n.sub(i.abs(a)), t = i.largerEq(r, 0) ? "add" : "sub";
-		o = r[t](e);
+	x: t.number(e.x) || 0
+}), T = (e, n, r, i) => {
+	i = p(f(i, n), e);
+	let a = i.mod(r), o, s = r.div(2);
+	if (t.largerEq(t.abs(a), s)) {
+		let e = r.sub(t.abs(a)), n = t.largerEq(i, 0) ? "add" : "sub";
+		o = i[n](e);
 	} else {
-		let e = i.largerEq(r, 0) ? "sub" : "add";
-		o = r[e](i.abs(a));
+		let e = t.largerEq(i, 0) ? "sub" : "add";
+		o = i[e](t.abs(a));
 	}
 	return o;
-}, E = (e, t, n, r) => {
-	let a = T(i.fraction(e), i.fraction(t), i.fraction(n), i.fraction(r));
-	return i.number(a);
+}, E = (e, n, r, i) => {
+	let a = T(t.fraction(e), t.fraction(n), t.fraction(r), t.fraction(i));
+	return t.number(a);
 }, D = (e, t, n) => n.map((n) => {
 	let r = Number.isFinite(n.size) ? E(0, n.size, t.minor, n.size) : void 0, i = E(e.min, e.max, t.minor, n.domainPosition), a = {
 		...n,

package/dist/delivery/number-line/index.d.ts

@@ -24,7 +24,7 @@ export declare class NumberLine extends React.Component {
     toggleElement(index: any): void;
     elementTypeSelected(t: any): void;
     addElement(x: any): void;
-    hasMaxNoOfPoints(): any;
+    hasMaxNoOfPoints(): boolean;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     deselectElements(): void;
     getSize(type: any, min: any, max: any, defaultValue: any): any;