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

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

@@ -1,10 +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);
+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/components/xy-labels/index.js

@@ -1,22 +1,24 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
 import { XYLabels } from '@unovis/ts';
 import { arePropsEqual } from '../../utils/react.js';
 
 function VisXYLabelsFC(props, fRef) {
     const ref = useRef(null);
+    const [component, setComponent] = useState();
     useEffect(() => {
-        var _a;
         const element = ref.current;
-        (_a = element.__component__) === null || _a === void 0 ? void 0 : _a.destroy();
-        element.__component__ = new XYLabels(props);
+        const hasAlreadyBeenInitialized = element.__component__;
+        const c = element.__component__ || new XYLabels(props);
+        setComponent(c);
+        element.__component__ = c;
+        return () => hasAlreadyBeenInitialized && c.destroy();
     }, []);
     useEffect(() => {
-        const component = ref.current.__component__;
         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(fRef, () => ({ component: ref.current.__component__ }));
+    useImperativeHandle(fRef, () => ({ component }), [component]);
     return React.createElement("vis-component", { ref: ref });
 }
 const VisXYLabels = React.memo(React.forwardRef(VisXYLabelsFC), arePropsEqual);

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    // React 18 in Strict Mode renders components twice. At the same time, a Container that contains this component\n    // (e.g. XYContainer) will be updated only after the first render. So we need to make sure that the component will\n    // be initialized only once and won't get destroyed after the first render\n    const hasAlreadyBeenInitialized = element.__component__\n    const c = element.__component__ || new XYLabels<Datum>(props)\n    setComponent(c)\n    element.__component__ = c\n\n    return () => hasAlreadyBeenInitialized && 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;AAKrE,QAAA,MAAM,yBAAyB,GAAG,OAAO,CAAC,aAAa,CAAA;QACvD,MAAM,CAAC,GAAG,OAAO,CAAC,aAAa,IAAI,IAAI,QAAQ,CAAQ,KAAK,CAAC,CAAA;QAC7D,YAAY,CAAC,CAAC,CAAC,CAAA;AACf,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;QAEzB,OAAO,MAAM,yBAAyB,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;KACtD,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/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.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.4",
   "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.4",
     "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);

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

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

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

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

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