@unovis/react 1.0.0-beta.3 → 1.0.0-beta.5

package/components/xy-labels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, Ref, useImperativeHandle, useEffect, useRef } from 'react'\nimport { XYLabels, XYLabelsConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYLabelsRef<Datum> = {\n  component: XYLabels<Datum>;\n}\n\nexport type VisXYLabelsProps<Datum> = XYLabelsConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisXYLabelsRef<Datum>>;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisXYLabelsFC<Datum> (props: VisXYLabelsProps<Datum>, fRef: ForwardedRef<VisXYLabelsRef<Datum>>): JSX.Element {\n  const ref = useRef<VisComponentElement<XYLabels<Datum>>>(null)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<XYLabels<Datum>>)\n    element.__component__?.destroy() // Destroy component if exists already (to comply with React 18 strict mode, which renders components twice in dev mode)\n    element.__component__ = new XYLabels(props)\n    // We don't have a clean up function because the component will be destroyed by its container (e.g. XYContainer or SingleContainer)\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = (ref.current as VisComponentElement<XYLabels<Datum>>).__component__\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ component: (ref.current as VisComponentElement<XYLabels<Datum>>).__component__ }))\n  return <vis-component ref={ref} />\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 VisXYLabels: (<Datum>(props: VisXYLabelsProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisXYLabelsFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBA,SAAS,aAAa,CAAS,KAA8B,EAAE,IAAyC,EAAA;AACtG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IAG9D,SAAS,CAAC,MAAK;;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAgD,CAAA;AACrE,QAAA,CAAA,EAAA,GAAA,OAAO,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,EAAE,CAAA;QAChC,OAAO,CAAC,aAAa,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;KAE5C,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAI,GAAG,CAAC,OAAgD,CAAC,aAAa,CAAA;QACrF,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;QAC9C,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,IAAI,EAAE,OAAO,EAAE,SAAS,EAAG,GAAG,CAAC,OAAgD,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;AACrH,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,WAAW,GAAoE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { XYLabels, XYLabelsConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYLabelsRef<Datum> = {\n  component?: XYLabels<Datum>;\n}\n\nexport type VisXYLabelsProps<Datum> = XYLabelsConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisXYLabelsRef<Datum>>;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisXYLabelsFC<Datum> (props: VisXYLabelsProps<Datum>, fRef: ForwardedRef<VisXYLabelsRef<Datum>>): JSX.Element {\n  const ref = useRef<VisComponentElement<XYLabels<Datum>>>(null)\n  const [component, setComponent] = useState<XYLabels<Datum>>()\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<XYLabels<Datum>>)\n\n    const c = new XYLabels<Datum>(props)\n    setComponent(c)\n    element.__component__ = c\n\n    return () => c.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ component }), [component])\n  return <vis-component ref={ref} />\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 VisXYLabels: (<Datum>(props: VisXYLabelsProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisXYLabelsFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBA,SAAS,aAAa,CAAS,KAA8B,EAAE,IAAyC,EAAA;AACtG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAmB,CAAA;IAG7D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAgD,CAAA;AAErE,QAAA,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAQ,KAAK,CAAC,CAAA;QACpC,YAAY,CAAC,CAAC,CAAC,CAAA;AACf,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAM,CAAC,CAAC,OAAO,EAAE,CAAA;KACzB,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;QAC9C,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,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AAC7D,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,WAAW,GAAoE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,aAAa;;;;"}

package/components.d.ts

@@ -1,19 +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';
+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/composites/time-series/index.d.ts

@@ -1,54 +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;
-    };
-}
+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/composites/time-series/style.d.ts

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

package/composites.d.ts

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

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

@@ -1,6 +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);
+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/containers/single-container/index.js

@@ -6,6 +6,7 @@ function VisSingleContainerFC(props) {
     const container = useRef(null);
     const [chart, setChart] = useState();
     const [data, setData] = useState(undefined);
+    const animationFrameRef = useRef(null);
     const getConfig = () => {
         var _a, _b, _c, _d;
         return (Object.assign(Object.assign({}, props), { component: (_b = (_a = container.current) === null || _a === void 0 ? void 0 : _a.querySelector('vis-component')) === null || _b === void 0 ? void 0 : _b.__component__, tooltip: (_d = (_c = container.current) === null || _c === void 0 ? void 0 : _c.querySelector('vis-tooltip')) === null || _d === void 0 ? void 0 : _d.__component__ }));
@@ -22,7 +23,9 @@ function VisSingleContainerFC(props) {
             chart === null || chart === void 0 ? void 0 : chart.setData(props.data, preventRender);
             setData(props.data);
         }
-        chart === null || chart === void 0 ? void 0 : chart.updateContainer(getConfig());
+        if (animationFrameRef.current)
+            cancelAnimationFrame(animationFrameRef.current);
+        animationFrameRef.current = requestAnimationFrame(() => chart === null || chart === void 0 ? void 0 : chart.updateContainer(getConfig()));
     });
     return (React.createElement("div", { ref: container, style: { width: '100%', height: '100%', position: 'relative' } }, props.children));
 }

package/containers/single-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.tsx"],"sourcesContent":["// eslint-disable-next-line no-use-before-define\nimport React, { ReactNode, useEffect, useRef, useState, PropsWithChildren } from 'react'\nimport { SingleContainer, SingleContainerConfigInterface, ComponentCore, Tooltip } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisSingleContainerProps<Data> = SingleContainerConfigInterface<Data> & {\n  data?: Data;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisSingleContainerFC<Data> (props: PropsWithChildren<VisSingleContainerProps<Data>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [chart, setChart] = useState<SingleContainer<Data>>()\n  const [data, setData] = useState<Data | undefined>(undefined)\n\n  const getConfig = (): SingleContainerConfigInterface<Data> => ({\n    ...props,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    component: container.current?.querySelector<VisComponentElement<ComponentCore<Data>>>('vis-component')?.__component__,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n  })\n\n  // On Mount\n  useEffect(() => {\n    setData(props.data)\n    const c = new SingleContainer<Data>(container.current as HTMLDivElement, getConfig(), props.data)\n    setChart(c)\n    return () => c.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== data)) {\n      chart?.setData(props.data, preventRender)\n      setData(props.data)\n    }\n\n    // Update Container and render\n    chart?.updateContainer(getConfig())\n  })\n\n  return (\n    <div ref={container} style={{ width: '100%', height: '100%', position: 'relative' }}>\n      {props.children}\n    </div>\n  )\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 VisSingleContainer: (<Data>(props: PropsWithChildren<VisSingleContainerProps<Data>>) => JSX.Element | null) =\n  React.memo(VisSingleContainerFC, arePropsEqual)\n"],"names":[],"mappings":";;;;AAeA,SAAS,oBAAoB,CAAQ,KAAuD,EAAA;AAC1F,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAyB,CAAA;IAC3D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,SAAS,CAAC,CAAA;IAE7D,MAAM,SAAS,GAAG,MAA2C;;AAAC,QAAA,QACzD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAER,EAAA,EAAA,SAAS,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAAa,CAA2C,eAAe,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAAa,EAErH,OAAO,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAa,CAA+B,aAAa,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAa,KACrG;KAAA,CAAA;IAGF,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACnB,QAAA,MAAM,CAAC,GAAG,IAAI,eAAe,CAAO,SAAS,CAAC,OAAyB,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACjG,QAAQ,CAAC,CAAC,CAAC,CAAA;AACX,QAAA,OAAO,MAAM,CAAC,CAAC,OAAO,EAAE,CAAA;KACzB,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,MAAM,aAAa,GAAG,IAAI,CAAA;QAG1B,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE;AACvC,YAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;AACzC,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACpB,SAAA;QAGD,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,eAAe,CAAC,SAAS,EAAE,CAAC,CAAA;AACrC,KAAC,CAAC,CAAA;IAEF,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAChF,EAAA,KAAK,CAAC,QAAQ,CACX,EACP;AACH,CAAC;AAIM,MAAM,kBAAkB,GAC7B,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.tsx"],"sourcesContent":["// eslint-disable-next-line no-use-before-define\nimport React, { ReactNode, useEffect, useRef, useState, PropsWithChildren } from 'react'\nimport { SingleContainer, SingleContainerConfigInterface, ComponentCore, Tooltip } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisSingleContainerProps<Data> = SingleContainerConfigInterface<Data> & {\n  data?: Data;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisSingleContainerFC<Data> (props: PropsWithChildren<VisSingleContainerProps<Data>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [chart, setChart] = useState<SingleContainer<Data>>()\n  const [data, setData] = useState<Data | undefined>(undefined)\n  const animationFrameRef = useRef<number | null>(null)\n\n  const getConfig = (): SingleContainerConfigInterface<Data> => ({\n    ...props,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    component: container.current?.querySelector<VisComponentElement<ComponentCore<Data>>>('vis-component')?.__component__,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n  })\n\n  // On Mount\n  useEffect(() => {\n    setData(props.data)\n    const c = new SingleContainer<Data>(container.current as HTMLDivElement, getConfig(), props.data)\n    setChart(c)\n    return () => c.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== data)) {\n      chart?.setData(props.data, preventRender)\n      setData(props.data)\n    }\n\n    // Update and render\n    // ! Experimental: we use `requestAnimationFrame` to make the wrapper compatible with React 18 Strict Mode.\n    // React 18 in Strict Mode renders components twice. At the same time, this container will get updated only after\n    // the first render of its children (VisSankey, VisGraph, ...) meaning that their wrong instances (the ones\n    // that will be destroyed soon) are stored in the `__component__` property of their elements at that moment.\n    // So we delay the container update with `requestAnimationFrame` to wait till the new instances of children\n    // components are available at `__component__`.\n    if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current)\n    animationFrameRef.current = requestAnimationFrame(() => chart?.updateContainer(getConfig()))\n  })\n\n  return (\n    <div ref={container} style={{ width: '100%', height: '100%', position: 'relative' }}>\n      {props.children}\n    </div>\n  )\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 VisSingleContainer: (<Data>(props: PropsWithChildren<VisSingleContainerProps<Data>>) => JSX.Element | null) =\n  React.memo(VisSingleContainerFC, arePropsEqual)\n"],"names":[],"mappings":";;;;AAeA,SAAS,oBAAoB,CAAQ,KAAuD,EAAA;AAC1F,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAyB,CAAA;IAC3D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,SAAS,CAAC,CAAA;AAC7D,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAErD,MAAM,SAAS,GAAG,MAA2C;;AAAC,QAAA,QACzD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAER,EAAA,EAAA,SAAS,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAAa,CAA2C,eAAe,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAAa,EAErH,OAAO,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAa,CAA+B,aAAa,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAa,KACrG;KAAA,CAAA;IAGF,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACnB,QAAA,MAAM,CAAC,GAAG,IAAI,eAAe,CAAO,SAAS,CAAC,OAAyB,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACjG,QAAQ,CAAC,CAAC,CAAC,CAAA;AACX,QAAA,OAAO,MAAM,CAAC,CAAC,OAAO,EAAE,CAAA;KACzB,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,MAAM,aAAa,GAAG,IAAI,CAAA;QAG1B,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE;AACvC,YAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;AACzC,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACpB,SAAA;QASD,IAAI,iBAAiB,CAAC,OAAO;AAAE,YAAA,oBAAoB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC9E,iBAAiB,CAAC,OAAO,GAAG,qBAAqB,CAAC,MAAM,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;AAC9F,KAAC,CAAC,CAAA;IAEF,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAChF,EAAA,KAAK,CAAC,QAAQ,CACX,EACP;AACH,CAAC;AAIM,MAAM,kBAAkB,GAC7B,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,aAAa;;;;"}

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

@@ -1,8 +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);
+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/containers/xy-container/index.js

@@ -6,6 +6,7 @@ function VisXYContainerFC(props) {
     const container = useRef(null);
     const [chart, setChart] = useState();
     const [data, setData] = useState(undefined);
+    const animationFrameRef = useRef(null);
     const getConfig = () => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return (Object.assign({ components: Array
@@ -30,7 +31,9 @@ function VisXYContainerFC(props) {
             chart === null || chart === void 0 ? void 0 : chart.setData(props.data, preventRender);
             setData(props.data);
         }
-        chart === null || chart === void 0 ? void 0 : chart.updateContainer(getConfig());
+        if (animationFrameRef.current)
+            cancelAnimationFrame(animationFrameRef.current);
+        animationFrameRef.current = requestAnimationFrame(() => chart === null || chart === void 0 ? void 0 : chart.updateContainer(getConfig()));
     });
     return (React.createElement("div", { ref: container, className: props.className }, props.children));
 }

package/containers/xy-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { ReactNode, useEffect, useRef, useState, PropsWithChildren } from 'react'\nimport { XYContainer, XYContainerConfigInterface, XYComponentCore, Tooltip, Crosshair, Axis, AxisType } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYContainerProps<Datum> = XYContainerConfigInterface<Datum> & {\n  data?: Datum[];\n  className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisXYContainerFC<Datum> (props: PropsWithChildren<VisXYContainerProps<Datum>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [chart, setChart] = useState<XYContainer<Datum>>()\n  const [data, setData] = useState<Datum[] | undefined>(undefined)\n\n  const getConfig = (): XYContainerConfigInterface<Datum> => ({\n    components: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<XYComponentCore<Datum>>>('vis-component') ?? [])\n      .map(c => c.__component__),\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n    crosshair: container.current?.querySelector<VisComponentElement<Crosshair<Datum>>>('vis-crosshair')?.__component__,\n    xAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.X),\n    yAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.Y),\n    margin: { top: 5, left: 5, right: 5, bottom: 5 },\n    ...props,\n  })\n\n  // On Mount\n  useEffect(() => {\n    setData(props.data)\n    const c = new XYContainer<Datum>(container.current as HTMLDivElement, getConfig(), props.data)\n    setChart(c)\n\n    return () => c.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== data)) {\n      chart?.setData(props.data, preventRender)\n      setData(props.data)\n    }\n    // Update Container and render\n    chart?.updateContainer(getConfig())\n  })\n\n  return (\n    <div ref={container} className={props.className}>\n      {props.children}\n    </div>\n  )\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 VisXYContainer: (<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>) => JSX.Element | null) =\n  React.memo(VisXYContainerFC, arePropsEqual)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { ReactNode, useEffect, useRef, useState, PropsWithChildren } from 'react'\nimport { XYContainer, XYContainerConfigInterface, XYComponentCore, Tooltip, Crosshair, Axis, AxisType } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYContainerProps<Datum> = XYContainerConfigInterface<Datum> & {\n  data?: Datum[];\n  className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisXYContainerFC<Datum> (props: PropsWithChildren<VisXYContainerProps<Datum>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [chart, setChart] = useState<XYContainer<Datum>>()\n  const [data, setData] = useState<Datum[] | undefined>(undefined)\n  const animationFrameRef = useRef<number | null>(null)\n\n  const getConfig = (): XYContainerConfigInterface<Datum> => ({\n    components: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<XYComponentCore<Datum>>>('vis-component') ?? [])\n      .map(c => c.__component__),\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n    crosshair: container.current?.querySelector<VisComponentElement<Crosshair<Datum>>>('vis-crosshair')?.__component__,\n    xAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.X),\n    yAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.Y),\n    margin: { top: 5, left: 5, right: 5, bottom: 5 },\n    ...props,\n  })\n\n  // On Mount\n  useEffect(() => {\n    setData(props.data)\n    const c = new XYContainer<Datum>(container.current as HTMLDivElement, getConfig(), props.data)\n    setChart(c)\n\n    return () => c.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== data)) {\n      chart?.setData(props.data, preventRender)\n      setData(props.data)\n    }\n\n    // Update and render\n    // ! Experimental: we use `requestAnimationFrame` to make the wrapper compatible with React 18 Strict Mode.\n    // React 18 in Strict Mode renders components twice. At the same time, this container will get updated only after\n    // the first render of its children (VisLine, VisArea, ...) meaning that their wrong instances (the ones\n    // that will be destroyed soon) are stored in the `__component__` property of their elements at that moment.\n    // So we delay the container update with `requestAnimationFrame` to wait till the new instances of children\n    // components are available at `__component__`.\n    if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current)\n    animationFrameRef.current = requestAnimationFrame(() => chart?.updateContainer(getConfig()))\n  })\n\n  return (\n    <div ref={container} className={props.className}>\n      {props.children}\n    </div>\n  )\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 VisXYContainer: (<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>) => JSX.Element | null) =\n  React.memo(VisXYContainerFC, arePropsEqual)\n"],"names":[],"mappings":"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"}

package/containers.d.ts

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

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

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

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

@@ -1,15 +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);
+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-map/index.d.ts

@@ -1,12 +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);
+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/index.d.ts

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

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@unovis/react",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "description": "React wrapper for Unovis",
   "main": "./index.js",
   "types": "./index.d.ts",
+  "type": "module",
+  "sideEffects": false,
   "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",
+    "generate": "rollup -c ./autogen/rollup.config.js; node .autogen.cjs; rm .autogen.cjs",
     "publish-dist": "cp ./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.3",
+    "@unovis/ts": "1.0.0-beta.5",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },

package/types/dom.d.ts

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

package/utils/react.d.ts

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

package/utils/react.js

@@ -1,4 +1,4 @@
-import _isEqual from 'lodash/isEqual';
+import _isEqual from 'lodash/isEqual.js';
 
 function arePropsEqual(prevProps, nextProps) {
     if (typeof prevProps.children !== typeof nextProps.children)

package/utils/react.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import { ReactElement, ReactNode, ReactChild, ReactFragment } from 'react'\nimport _isEqual from 'lodash/isEqual.js'\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":";;AAGgB,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;;;;"}

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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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);