@mstone6969/graph 0.1.0 → 0.2.0

package/dist/react/ChartView.js

@@ -7,21 +7,27 @@ var same = (a, b) => Object.keys({
 	...a,
 	...b
 }).every((key) => a[key] === b[key]);
+/** A patch for props no longer passed: sample data, a type's variant value, or `undefined` for the chart's own default. */
+var removed = (before, after, { chart, values }) => Object.fromEntries(Object.keys(before).filter((key) => !(key in after)).map((key) => [key, key === "data" ? chart.meta.sample(1) : values[key]]));
 var DOM = /^(className|style|id|role|tabIndex|aria-.*|data-.*)$/;
 function View({ chart, of, type, load, props }, ref) {
 	const host = useRef(null);
 	const live = useRef(null);
 	const loading = useRef(null);
 	const dom = Object.fromEntries(Object.entries(props).filter(([key]) => DOM.test(key) && key !== "data"));
-	const options = Object.fromEntries(Object.entries(props).filter(([key]) => !DOM.test(key)));
+	const options = Object.fromEntries(Object.entries(props).filter(([key, value]) => !DOM.test(key) && (value !== void 0 || key === "data")));
 	const identity = chart ?? of ?? type;
 	useImperativeHandle(ref, () => graphHandle(() => live.current?.chart ?? null), []);
 	useEffect(() => {
 		const current = live.current;
 		if (current && current.identity === identity) {
-			if (current.owned && !same(current.options, options)) {
+			if (current.origin && !same(current.options, options)) {
 				const { data, ...rest } = options;
-				current.chart.update(current.chart.streaming && data === current.options.data ? rest : options);
+				const patch = current.chart.streaming && data === current.options.data ? rest : options;
+				current.chart.update({
+					...patch,
+					...removed(current.options, options, current.origin)
+				});
 			}
 			current.options = options;
 			return;
@@ -34,19 +40,23 @@ function View({ chart, of, type, load, props }, ref) {
 		current?.chart.destroy();
 		live.current = null;
 		loading.current = null;
-		const place = (next, latest) => {
+		const place = (next, latest, origin) => {
 			live.current = {
 				chart: next,
-				owned: !chart,
+				origin,
 				identity,
 				options: latest
 			};
 			next.mount(host.current);
 		};
-		if (chart || of) return place(chart ?? new of({
+		if (chart) return place(chart, options, null);
+		if (of) return place(new of({
 			data: of.meta.sample(1),
 			...options
-		}), options);
+		}), options, {
+			chart: of,
+			values: {}
+		});
 		if (type === void 0 || !load) throw new Error("<Graph> needs a `chart`, `of` or `type` prop.");
 		const request = {
 			identity,
@@ -56,7 +66,7 @@ function View({ chart, of, type, load, props }, ref) {
 		load().then((catalog) => {
 			if (loading.current !== request) return;
 			loading.current = null;
-			place(catalog.create(type, request.options), request.options);
+			if (host.current) place(catalog.create(type, request.options), request.options, catalog.type(type) ?? null);
 		});
 	});
 	useEffect(() => () => {

package/dist/react/GraphHandle.js

@@ -18,6 +18,8 @@ function graphHandle(current) {
 		toStandaloneSVG: async () => chart().toStandaloneSVG(),
 		toPNG: async (options) => chart().toPNG(options),
 		toCSV: () => chart().toCSV(),
+		toPDF: async (options) => chart().toPDF(options),
+		toExcel: async (options) => chart().toExcel(options),
 		download: async (format, options) => chart().download(format, options)
 	};
 }