@unovis/react 1.0.0-beta.0

package/html-components/bullet-legend/index.d.ts

@@ -0,0 +1,3 @@
+import { BulletLegendConfigInterface } from '@unovis/ts';
+export declare type VisBulletLegendProps = BulletLegendConfigInterface;
+export declare function VisBulletLegend(props: VisBulletLegendProps): JSX.Element;

package/html-components/bullet-legend/index.js

@@ -0,0 +1,18 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { BulletLegend } from '@unovis/ts';
+
+function VisBulletLegend(props) {
+    const container = useRef(null);
+    const [component, setComponent] = useState();
+    useEffect(() => {
+        setComponent(new BulletLegend(container.current, props));
+        return () => component === null || component === void 0 ? void 0 : component.destroy();
+    }, []);
+    useEffect(() => {
+        component === null || component === void 0 ? void 0 : component.update(props);
+    });
+    return React.createElement("div", { ref: container });
+}
+
+export { VisBulletLegend };
+//# sourceMappingURL=index.js.map

package/html-components/bullet-legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { BulletLegend, BulletLegendConfigInterface } from '@unovis/ts'\n\nexport type VisBulletLegendProps = BulletLegendConfigInterface\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisBulletLegend (props: VisBulletLegendProps): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [component, setComponent] = useState<BulletLegend>()\n\n  // On Mount\n  useEffect(() => {\n    setComponent(\n      new BulletLegend(container.current as HTMLDivElement, props)\n    )\n\n    return () => component?.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    component?.update(props)\n  })\n\n  return <div ref={container} />\n}\n"],"names":[],"mappings":";;;AAMM,SAAU,eAAe,CAAE,KAA2B,EAAA;AAC1D,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAgB,CAAA;IAG1D,SAAS,CAAC,MAAK;QACb,YAAY,CACV,IAAI,YAAY,CAAC,SAAS,CAAC,OAAyB,EAAE,KAAK,CAAC,CAC7D,CAAA;QAED,OAAO,MAAM,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,EAAE,CAAA;KAClC,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,MAAM,CAAC,KAAK,CAAC,CAAA;AAC1B,KAAC,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,GAAI,CAAA;AAChC;;;;"}

package/html-components/leaflet-flow-map/index.d.ts

@@ -0,0 +1,15 @@
+import { ForwardedRef, Ref } from 'react';
+import { LeafletFlowMap, LeafletFlowMapConfigInterface } from '@unovis/ts';
+export declare type VisLeafletFlowMapProps<PointDatum, FlowDatum> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
+    data?: {
+        points: PointDatum[];
+        flows: FlowDatum[];
+    };
+    ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;
+    className?: string;
+};
+export declare type VisLeafletFlowMapRef<PointDatum, FlowDatum> = {
+    component: LeafletFlowMap<PointDatum, FlowDatum> | undefined;
+};
+export declare function VisLeafletFlowMapFC<PointDatum, FlowDatum>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>, ref: ForwardedRef<VisLeafletFlowMapRef<PointDatum, FlowDatum>>): JSX.Element;
+export declare const VisLeafletFlowMap: (<PointDatum, FlowDatum>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null);

package/html-components/leaflet-flow-map/index.js

@@ -0,0 +1,23 @@
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { LeafletFlowMap } from '@unovis/ts';
+import { arePropsEqual } from '../../utils/react.js';
+
+function VisLeafletFlowMapFC(props, ref) {
+    const container = useRef(null);
+    const [component, setComponent] = useState();
+    useEffect(() => {
+        setComponent(new LeafletFlowMap(container.current, props, props.data));
+        return () => component === null || component === void 0 ? void 0 : component.destroy();
+    }, []);
+    useEffect(() => {
+        if (props.data)
+            component === null || component === void 0 ? void 0 : component.setData(props.data);
+        component === null || component === void 0 ? void 0 : component.setConfig(props);
+    });
+    useImperativeHandle(ref, () => ({ component }));
+    return React.createElement("div", { ref: container, className: props.className });
+}
+const VisLeafletFlowMap = React.memo(React.forwardRef(VisLeafletFlowMapFC), arePropsEqual);
+
+export { VisLeafletFlowMap, VisLeafletFlowMapFC };
+//# sourceMappingURL=index.js.map

package/html-components/leaflet-flow-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.tsx"],"sourcesContent":["import React, { ForwardedRef, Ref, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface } from '@unovis/ts'\nimport { arePropsEqual } from '../../utils/react'\n\nexport type VisLeafletFlowMapProps<PointDatum, FlowDatum> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {\n  data?: { points: PointDatum[]; flows: FlowDatum[] };\n  ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;\n  className?: string;\n}\n\nexport type VisLeafletFlowMapRef<PointDatum, FlowDatum> = {\n  component: LeafletFlowMap<PointDatum, FlowDatum> | undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisLeafletFlowMapFC<PointDatum, FlowDatum> (\n  props: VisLeafletFlowMapProps<PointDatum, FlowDatum>,\n  ref: ForwardedRef<VisLeafletFlowMapRef<PointDatum, FlowDatum>>\n): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [component, setComponent] = useState<LeafletFlowMap<PointDatum, FlowDatum>>()\n\n  // On Mount\n  useEffect(() => {\n    setComponent(\n      new LeafletFlowMap(container.current as HTMLDivElement, props, props.data)\n    )\n\n    return () => component?.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    if (props.data) component?.setData(props.data)\n\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(ref, () => ({ component }))\n  return <div ref={container} className={props.className} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisLeafletFlowMap: (<PointDatum, FlowDatum>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null) =\n  React.memo(React.forwardRef(VisLeafletFlowMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAegB,SAAA,mBAAmB,CACjC,KAAoD,EACpD,GAA8D,EAAA;AAE9D,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAyC,CAAA;IAGnF,SAAS,CAAC,MAAK;AACb,QAAA,YAAY,CACV,IAAI,cAAc,CAAC,SAAS,CAAC,OAAyB,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAC3E,CAAA;QAED,OAAO,MAAM,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,EAAE,CAAA;KAClC,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,IAAI;YAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAE9C,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAC,CAAA;AAEF,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;IAC/C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAI,CAAA;AAC5D,CAAC;AAIY,MAAA,iBAAiB,GAC5B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,aAAa;;;;"}

package/html-components/leaflet-map/index.d.ts

@@ -0,0 +1,12 @@
+import { ForwardedRef, Ref } from 'react';
+import { LeafletMap, LeafletMapConfigInterface } from '@unovis/ts';
+export declare type VisLeafletMapProps<Datum> = LeafletMapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisLeafletMapRef<Datum>>;
+    className?: string;
+};
+export declare type VisLeafletMapRef<Datum> = {
+    component: LeafletMap<Datum> | undefined;
+};
+export declare function VisLeafletMapFC<Datum>(props: VisLeafletMapProps<Datum>, ref: ForwardedRef<VisLeafletMapRef<Datum>>): JSX.Element;
+export declare const VisLeafletMap: (<Datum>(props: VisLeafletMapProps<Datum>) => JSX.Element | null);

package/html-components/leaflet-map/index.js

@@ -0,0 +1,23 @@
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { LeafletMap } from '@unovis/ts';
+import { arePropsEqual } from '../../utils/react.js';
+
+function VisLeafletMapFC(props, ref) {
+    const container = useRef(null);
+    const [component, setComponent] = useState();
+    useEffect(() => {
+        setComponent(new LeafletMap(container.current, props, props.data));
+        return () => component === null || component === void 0 ? void 0 : component.destroy();
+    }, []);
+    useEffect(() => {
+        if (props.data)
+            component === null || component === void 0 ? void 0 : component.setData(props.data);
+        component === null || component === void 0 ? void 0 : component.setConfig(props);
+    });
+    useImperativeHandle(ref, () => ({ component }));
+    return React.createElement("div", { ref: container, className: props.className });
+}
+const VisLeafletMap = React.memo(React.forwardRef(VisLeafletMapFC), arePropsEqual);
+
+export { VisLeafletMap, VisLeafletMapFC };
+//# sourceMappingURL=index.js.map

package/html-components/leaflet-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/index.tsx"],"sourcesContent":["import React, { ForwardedRef, Ref, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { LeafletMap, LeafletMapConfigInterface } from '@unovis/ts'\nimport { arePropsEqual } from '../../utils/react'\n\nexport type VisLeafletMapProps<Datum> = LeafletMapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisLeafletMapRef<Datum>>;\n  className?: string;\n}\n\nexport type VisLeafletMapRef<Datum> = {\n  component: LeafletMap<Datum> | undefined;\n}\n\nexport function VisLeafletMapFC<Datum> (props: VisLeafletMapProps<Datum>, ref: ForwardedRef<VisLeafletMapRef<Datum>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [component, setComponent] = useState<LeafletMap<Datum>>()\n\n  // On Mount\n  useEffect(() => {\n    setComponent(\n      new LeafletMap(container.current as HTMLDivElement, props, props.data)\n    )\n\n    return () => component?.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    if (props.data) component?.setData(props.data)\n\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(ref, () => ({ component }))\n  return <div ref={container} className={props.className} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisLeafletMap: (<Datum>(props: VisLeafletMapProps<Datum>) => JSX.Element | null) =\n  React.memo(React.forwardRef(VisLeafletMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAcgB,SAAA,eAAe,CAAS,KAAgC,EAAE,GAA0C,EAAA;AAClH,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAqB,CAAA;IAG/D,SAAS,CAAC,MAAK;AACb,QAAA,YAAY,CACV,IAAI,UAAU,CAAC,SAAS,CAAC,OAAyB,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CACvE,CAAA;QAED,OAAO,MAAM,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,EAAE,CAAA;KAClC,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,IAAI;YAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAE9C,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAC,CAAA;AAEF,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;IAC/C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAI,CAAA;AAC5D,CAAC;AAIY,MAAA,aAAa,GACxB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,aAAa;;;;"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './containers';
+export * from './components';
+export * from './composites';

package/index.js

@@ -0,0 +1,23 @@
+export { VisXYContainer, VisXYContainerFC } from './containers/xy-container/index.js';
+export { VisSingleContainer } from './containers/single-container/index.js';
+export { VisLine } from './components/line/index.js';
+export { VisArea } from './components/area/index.js';
+export { VisAxis } from './components/axis/index.js';
+export { VisBrush } from './components/brush/index.js';
+export { VisFreeBrush } from './components/free-brush/index.js';
+export { VisCrosshair } from './components/crosshair/index.js';
+export { VisDonut } from './components/donut/index.js';
+export { VisGraph } from './components/graph/index.js';
+export { VisGroupedBar } from './components/grouped-bar/index.js';
+export { VisScatter } from './components/scatter/index.js';
+export { VisSankey } from './components/sankey/index.js';
+export { VisStackedBar } from './components/stacked-bar/index.js';
+export { VisTooltip } from './components/tooltip/index.js';
+export { VisTimeline } from './components/timeline/index.js';
+export { VisTopoJSONMap } from './components/topojson-map/index.js';
+export { VisXYLabels } from './components/xy-labels/index.js';
+export { VisBulletLegend } from './html-components/bullet-legend/index.js';
+export { VisLeafletMap, VisLeafletMapFC } from './html-components/leaflet-map/index.js';
+export { VisLeafletFlowMap, VisLeafletFlowMapFC } from './html-components/leaflet-flow-map/index.js';
+export { VisTimeSeries } from './composites/time-series/index.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@unovis/react",
+  "version": "1.0.0-beta.0",
+  "description": "React wrapper for Unovis",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "scripts": {
+    "build": "rimraf dist && tsc --project tsconfig.lib.json --emitDeclarationOnly && rollup --config",
+    "tsc": "tsc",
+    "generate": "rollup -c ./autogen/rollup.config.js; node .autogen.js; rm .autogen.js",
+    "publish-dist": "cp ./{.npmrc,package.json} ./dist; cp ../../LICENSE ./dist; cd ./dist; npm publish; rm -rf .cache"
+  },
+  "author": "Nikita Rokotyan",
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "@emotion/css": "^11.7.1",
+    "@unovis/ts": "1.0.0-beta.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@emotion/css": "^11.7.1",
+    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@types/react": ">=16.8.0",
+    "@types/node": "^16.11.17",
+    "@zerollup/ts-transform-paths": "^1.7.18",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.61.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.31.1",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "tslib": "^2.3.1",
+    "ttypescript": "^1.5.13",
+    "typescript": "~4.2.4"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21"
+  }
+}

package/src/components/area/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Area, AreaConfigInterface } from '@unovis/ts';
+export declare type VisAreaRef<Datum> = {
+    component: Area<Datum>;
+};
+export declare type VisAreaProps<Datum> = AreaConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisAreaRef<Datum>>;
+};
+export declare const VisArea: (<Datum>(props: VisAreaProps<Datum>) => JSX.Element | null);

package/src/components/axis/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Axis, AxisConfigInterface } from '@unovis/ts';
+export declare type VisAxisRef<Datum> = {
+    component: Axis<Datum>;
+};
+export declare type VisAxisProps<Datum> = AxisConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisAxisRef<Datum>>;
+};
+export declare const VisAxis: (<Datum>(props: VisAxisProps<Datum>) => JSX.Element | null);

package/src/components/brush/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Brush, BrushConfigInterface } from '@unovis/ts';
+export declare type VisBrushRef<Datum> = {
+    component: Brush<Datum>;
+};
+export declare type VisBrushProps<Datum> = BrushConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisBrushRef<Datum>>;
+};
+export declare const VisBrush: (<Datum>(props: VisBrushProps<Datum>) => JSX.Element | null);

package/src/components/chord-diagram/index.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'react';
+import { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts';
+export declare type VisChordDiagramRef<N extends ChordInputNode, L extends ChordInputLink> = {
+    component: ChordDiagram<N, L>;
+};
+export declare type VisChordDiagramProps<N extends ChordInputNode, L extends ChordInputLink> = ChordDiagramConfigInterface<N, L> & {
+    data?: {
+        nodes: N[];
+        links?: L[];
+    };
+    ref?: Ref<VisChordDiagramRef<N, L>>;
+};
+export declare const VisChordDiagram: (<N extends ChordInputNode, L extends ChordInputLink>(props: VisChordDiagramProps<N, L>) => JSX.Element | null);

package/src/components/crosshair/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Crosshair, CrosshairConfigInterface } from '@unovis/ts';
+export declare type VisCrosshairRef<Datum> = {
+    component: Crosshair<Datum>;
+};
+export declare type VisCrosshairProps<Datum> = CrosshairConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisCrosshairRef<Datum>>;
+};
+export declare const VisCrosshair: (<Datum>(props: VisCrosshairProps<Datum>) => JSX.Element | null);

package/src/components/donut/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Donut, DonutConfigInterface } from '@unovis/ts';
+export declare type VisDonutRef<Datum> = {
+    component: Donut<Datum>;
+};
+export declare type VisDonutProps<Datum> = DonutConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisDonutRef<Datum>>;
+};
+export declare const VisDonut: (<Datum>(props: VisDonutProps<Datum>) => JSX.Element | null);

package/src/components/free-brush/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts';
+export declare type VisFreeBrushRef<Datum> = {
+    component: FreeBrush<Datum>;
+};
+export declare type VisFreeBrushProps<Datum> = FreeBrushConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisFreeBrushRef<Datum>>;
+};
+export declare const VisFreeBrush: (<Datum>(props: VisFreeBrushProps<Datum>) => JSX.Element | null);

package/src/components/graph/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts';
+export declare type VisGraphRef<N extends GraphInputNode, L extends GraphInputLink> = {
+    component: Graph<N, L>;
+};
+export declare type VisGraphProps<N extends GraphInputNode, L extends GraphInputLink> = GraphConfigInterface<N, L> & {
+    data?: any;
+    ref?: Ref<VisGraphRef<N, L>>;
+};
+export declare const VisGraph: (<N extends GraphInputNode, L extends GraphInputLink>(props: VisGraphProps<N, L>) => JSX.Element | null);

package/src/components/grouped-bar/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { GroupedBar, GroupedBarConfigInterface } from '@unovis/ts';
+export declare type VisGroupedBarRef<Datum> = {
+    component: GroupedBar<Datum>;
+};
+export declare type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisGroupedBarRef<Datum>>;
+};
+export declare const VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null);

package/src/components/line/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Line, LineConfigInterface } from '@unovis/ts';
+export declare type VisLineRef<Datum> = {
+    component: Line<Datum>;
+};
+export declare type VisLineProps<Datum> = LineConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisLineRef<Datum>>;
+};
+export declare const VisLine: (<Datum>(props: VisLineProps<Datum>) => JSX.Element | null);

package/src/components/sankey/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts';
+export declare type VisSankeyRef<N extends SankeyInputNode, L extends SankeyInputLink> = {
+    component: Sankey<N, L>;
+};
+export declare type VisSankeyProps<N extends SankeyInputNode, L extends SankeyInputLink> = SankeyConfigInterface<N, L> & {
+    data?: any;
+    ref?: Ref<VisSankeyRef<N, L>>;
+};
+export declare const VisSankey: (<N extends SankeyInputNode, L extends SankeyInputLink>(props: VisSankeyProps<N, L>) => JSX.Element | null);

package/src/components/scatter/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Scatter, ScatterConfigInterface } from '@unovis/ts';
+export declare type VisScatterRef<Datum> = {
+    component: Scatter<Datum>;
+};
+export declare type VisScatterProps<Datum> = ScatterConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisScatterRef<Datum>>;
+};
+export declare const VisScatter: (<Datum>(props: VisScatterProps<Datum>) => JSX.Element | null);

package/src/components/stacked-bar/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { StackedBar, StackedBarConfigInterface } from '@unovis/ts';
+export declare type VisStackedBarRef<Datum> = {
+    component: StackedBar<Datum>;
+};
+export declare type VisStackedBarProps<Datum> = StackedBarConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisStackedBarRef<Datum>>;
+};
+export declare const VisStackedBar: (<Datum>(props: VisStackedBarProps<Datum>) => JSX.Element | null);

package/src/components/timeline/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Timeline, TimelineConfigInterface } from '@unovis/ts';
+export declare type VisTimelineRef<Datum> = {
+    component: Timeline<Datum>;
+};
+export declare type VisTimelineProps<Datum> = TimelineConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisTimelineRef<Datum>>;
+};
+export declare const VisTimeline: (<Datum>(props: VisTimelineProps<Datum>) => JSX.Element | null);

package/src/components/tooltip/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { Tooltip, TooltipConfigInterface } from '@unovis/ts';
+export declare type VisTooltipRef = {
+    component: Tooltip;
+};
+export declare type VisTooltipProps = TooltipConfigInterface & {
+    data?: null;
+    ref?: Ref<VisTooltipRef>;
+};
+export declare const VisTooltip: ((props: VisTooltipProps) => JSX.Element | null);

package/src/components/topojson-map/index.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'react';
+import { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts';
+export declare type VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum> = {
+    component: TopoJSONMap<AreaDatum, PointDatum, LinkDatum>;
+};
+export declare type VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum> = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {
+    data?: {
+        areas?: AreaDatum[];
+        points?: PointDatum[];
+        links?: LinkDatum[];
+    };
+    ref?: Ref<VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum>>;
+};
+export declare const VisTopoJSONMap: (<AreaDatum, PointDatum, LinkDatum>(props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>) => JSX.Element | null);

package/src/components/xy-labels/index.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { XYLabels, XYLabelsConfigInterface } from '@unovis/ts';
+export declare type VisXYLabelsRef<Datum> = {
+    component: XYLabels<Datum>;
+};
+export declare type VisXYLabelsProps<Datum> = XYLabelsConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisXYLabelsRef<Datum>>;
+};
+export declare const VisXYLabels: (<Datum>(props: VisXYLabelsProps<Datum>) => JSX.Element | null);

package/src/components.d.ts

@@ -0,0 +1,19 @@
+export * from './components/line';
+export * from './components/area';
+export * from './components/axis';
+export * from './components/brush/';
+export * from './components/free-brush';
+export * from './components/crosshair/';
+export * from './components/donut/';
+export * from './components/graph';
+export * from './components/grouped-bar/';
+export * from './components/scatter/';
+export * from './components/sankey';
+export * from './components/stacked-bar/';
+export * from './components/tooltip/';
+export * from './components/timeline/';
+export * from './components/topojson-map/';
+export * from './components/xy-labels';
+export * from './html-components/bullet-legend';
+export * from './html-components/leaflet-map';
+export * from './html-components/leaflet-flow-map';

package/src/composites/time-series/index.d.ts

@@ -0,0 +1,54 @@
+import { Spacing } from '@unovis/ts';
+export declare type VisTimeSeriesDatum = {
+    timestamp: number;
+    value: number;
+    id?: string;
+    color?: string;
+};
+export declare type VisTimeSeriesProps<Datum> = {
+    data: Datum[];
+    margin: Spacing;
+    autoMargin: boolean;
+    x: (d: Datum, i: number) => number;
+    y: (d: Datum, i: number) => number;
+    id: (d: Datum, i: number) => string;
+    color: (d: Datum, i: number) => string;
+    cursor: string | ((d: Datum, i: number) => string);
+    formatXTicks?: (timestamp: number) => string;
+    formatYTicks?: (timestamp: number) => string;
+    selectionMinLength: number;
+    onBrushStart?: (selection: [number, number], e?: {
+        sourceEvent: MouseEvent;
+    }, userDriven?: boolean) => void;
+    onBrushMove?: (selection: [number, number], e?: {
+        sourceEvent: MouseEvent;
+    }, userDriven?: boolean) => void;
+    onBrushEnd?: (selection: [number, number], e?: {
+        sourceEvent: MouseEvent;
+    }, userDriven?: boolean) => void;
+    formatNavXTicks?: (timestamp: number) => string;
+    xLabel?: string;
+    yLabel?: string;
+    crosshairTemplate?: (d: Datum) => string | HTMLElement;
+    className?: string;
+    height?: string;
+};
+export declare function VisTimeSeries<Datum>(props: VisTimeSeriesProps<Datum>): JSX.Element;
+export declare namespace VisTimeSeries {
+    var defaultProps: {
+        margin: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+        autoMargin: boolean;
+        padding: {};
+        x: (d: VisTimeSeriesDatum) => number;
+        y: (d: VisTimeSeriesDatum) => number;
+        id: (d: VisTimeSeriesDatum) => string | undefined;
+        color: (d: VisTimeSeriesDatum) => string | undefined;
+        formatYTicks: (d: number) => string;
+        crosshairTemplate: (d: VisTimeSeriesDatum) => string;
+    };
+}

package/src/composites/time-series/style.d.ts

@@ -0,0 +1,3 @@
+export declare const timeSeriesContainer: string;
+export declare const timeSeriesModule: string;
+export declare const navigationModule: string;

package/src/composites.d.ts

@@ -0,0 +1 @@
+export * from './composites/time-series';

package/src/containers/single-container/index.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { SingleContainerConfigInterface } from '@unovis/ts';
+export declare type VisSingleContainerProps<Data> = SingleContainerConfigInterface<Data> & {
+    data?: Data;
+};
+export declare const VisSingleContainer: (<Data>(props: PropsWithChildren<VisSingleContainerProps<Data>>) => JSX.Element | null);

package/src/containers/xy-container/index.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { XYContainerConfigInterface } from '@unovis/ts';
+export declare type VisXYContainerProps<Datum> = XYContainerConfigInterface<Datum> & {
+    data?: Datum[];
+    className?: string;
+};
+export declare function VisXYContainerFC<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>): JSX.Element;
+export declare const VisXYContainer: (<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>) => JSX.Element | null);

package/src/containers.d.ts

@@ -0,0 +1,2 @@
+export * from './containers/xy-container';
+export * from './containers/single-container';

package/src/html-components/bullet-legend/index.d.ts

@@ -0,0 +1,3 @@
+import { BulletLegendConfigInterface } from '@unovis/ts';
+export declare type VisBulletLegendProps = BulletLegendConfigInterface;
+export declare function VisBulletLegend(props: VisBulletLegendProps): JSX.Element;

package/src/html-components/leaflet-flow-map/index.d.ts

@@ -0,0 +1,15 @@
+import { ForwardedRef, Ref } from 'react';
+import { LeafletFlowMap, LeafletFlowMapConfigInterface } from '@unovis/ts';
+export declare type VisLeafletFlowMapProps<PointDatum, FlowDatum> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
+    data?: {
+        points: PointDatum[];
+        flows: FlowDatum[];
+    };
+    ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;
+    className?: string;
+};
+export declare type VisLeafletFlowMapRef<PointDatum, FlowDatum> = {
+    component: LeafletFlowMap<PointDatum, FlowDatum> | undefined;
+};
+export declare function VisLeafletFlowMapFC<PointDatum, FlowDatum>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>, ref: ForwardedRef<VisLeafletFlowMapRef<PointDatum, FlowDatum>>): JSX.Element;
+export declare const VisLeafletFlowMap: (<PointDatum, FlowDatum>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null);

package/src/html-components/leaflet-map/index.d.ts

@@ -0,0 +1,12 @@
+import { ForwardedRef, Ref } from 'react';
+import { LeafletMap, LeafletMapConfigInterface } from '@unovis/ts';
+export declare type VisLeafletMapProps<Datum> = LeafletMapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisLeafletMapRef<Datum>>;
+    className?: string;
+};
+export declare type VisLeafletMapRef<Datum> = {
+    component: LeafletMap<Datum> | undefined;
+};
+export declare function VisLeafletMapFC<Datum>(props: VisLeafletMapProps<Datum>, ref: ForwardedRef<VisLeafletMapRef<Datum>>): JSX.Element;
+export declare const VisLeafletMap: (<Datum>(props: VisLeafletMapProps<Datum>) => JSX.Element | null);

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './containers';
+export * from './components';
+export * from './composites';

package/src/types/dom.d.ts

@@ -0,0 +1,3 @@
+export declare type VisComponentElement<T> = HTMLElement & {
+    __component__: T;
+};

package/src/utils/react.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function arePropsEqual<PropTypes extends {
+    children?: ReactNode;
+}>(prevProps: PropTypes, nextProps: PropTypes): boolean;

package/types/dom.d.ts

@@ -0,0 +1,3 @@
+export declare type VisComponentElement<T> = HTMLElement & {
+    __component__: T;
+};

package/utils/react.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function arePropsEqual<PropTypes extends {
+    children?: ReactNode;
+}>(prevProps: PropTypes, nextProps: PropTypes): boolean;

package/utils/react.js

@@ -0,0 +1,27 @@
+import _isEqual from 'lodash/isEqual';
+
+function arePropsEqual(prevProps, nextProps) {
+    if (typeof prevProps.children !== typeof nextProps.children)
+        return false;
+    if (Array.isArray(prevProps.children) && Array.isArray(nextProps.children)) {
+        const prevChildren = prevProps.children;
+        const nextChildren = nextProps.children;
+        if (prevChildren.length !== nextChildren.length)
+            return false;
+        for (let i = 0; i < nextChildren.length; i += 1) {
+            if (!_isEqual(prevChildren[i].props, nextChildren[i].props))
+                return false;
+        }
+    }
+    const propKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]));
+    for (const key of propKeys) {
+        if (key === 'children')
+            continue;
+        if (!(_isEqual(prevProps[key], nextProps[key])))
+            return false;
+    }
+    return true;
+}
+
+export { arePropsEqual };
+//# sourceMappingURL=react.js.map

package/utils/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import { ReactElement, ReactNode, ReactChild, ReactFragment } from 'react'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport _isEqual from 'lodash/isEqual'\n\nexport function arePropsEqual<PropTypes extends { children?: ReactNode }> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  if (typeof prevProps.children !== typeof nextProps.children) return false\n\n  if (Array.isArray(prevProps.children) && Array.isArray(nextProps.children)) {\n    const prevChildren = prevProps.children as ReactElement[]\n    const nextChildren = nextProps.children as ReactElement[]\n    if (prevChildren.length !== nextChildren.length) return false\n\n    for (let i = 0; i < nextChildren.length; i += 1) {\n      if (!_isEqual(prevChildren[i].props, nextChildren[i].props)) return false\n    }\n  }\n\n  const propKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)])) as (keyof PropTypes)[]\n  for (const key of propKeys) {\n    if (key === 'children') continue\n    if (!(_isEqual(prevProps[key], nextProps[key]))) return false\n  }\n\n  return true\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,aAAa,CAA8C,SAAoB,EAAE,SAAoB,EAAA;IACnH,IAAI,OAAO,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAA;AAEzE,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;AAC1E,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,QAA0B,CAAA;AACzD,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,QAA0B,CAAA;AACzD,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK,CAAA;AAE7D,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAC/C,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAAE,gBAAA,OAAO,KAAK,CAAA;AAC1E,SAAA;AACF,KAAA;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAwB,CAAA;AACnH,IAAA,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;QAC1B,IAAI,GAAG,KAAK,UAAU;YAAE,SAAQ;AAChC,QAAA,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;AAC9D,KAAA;AAED,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}