@unovis/react 1.6.6 → 1.7.0-beta.0

package/components/tooltip/index.js

@@ -1,29 +1,34 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { Tooltip } from '@unovis/ts/components/tooltip';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisTooltipSelectors = Tooltip.selectors;
-function VisTooltipFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new Tooltip(props);
-        componentRef.current = c;
-        element.__component__ = c;
-        return () => {
-            componentRef.current = undefined;
-            c.destroy();
-        };
-    }, []);
-    useEffect(() => {
-        const component = componentRef.current;
-        component === null || component === void 0 ? void 0 : component.setConfig(props);
-    });
-    useImperativeHandle(fRef, () => ({ get component() { return componentRef.current; } }), []);
-    return React.createElement("vis-tooltip", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { Tooltip } from "@unovis/ts/components/tooltip";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisTooltipSelectors = Tooltip.selectors;
+function VisTooltipFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Tooltip(props);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    component?.setConfig(props);
+  });
+  useContainerRenderOnUpdate();
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("vis-tooltip", { ref });
+}
 const VisTooltip = React.memo(React.forwardRef(VisTooltipFC), arePropsEqual);
-
-export { VisTooltip, VisTooltipSelectors };
+export {
+  VisTooltip,
+  VisTooltipSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Tooltip } from '@unovis/ts/components/tooltip'\nimport { TooltipConfigInterface } from '@unovis/ts/components/tooltip/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTooltipRef = {\n  component?: Tooltip;\n}\n\nexport type VisTooltipProps = TooltipConfigInterface & {\n  ref?: Ref<VisTooltipRef>;\n}\n\nexport const VisTooltipSelectors = Tooltip.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTooltipFC (props: VisTooltipProps, fRef: ForwardedRef<VisTooltipRef>): ReactElement {\n  const ref = useRef<VisComponentElement<Tooltip>>(null)\n  const componentRef = useRef<Tooltip | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Tooltip>)\n\n    const c = new Tooltip(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-tooltip 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 VisTooltip: ((props: VisTooltipProps) => JSX.Element | null) = React.memo(React.forwardRef(VisTooltipFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,mBAAmB,GAAG,OAAO,CAAC,UAAS;AAGpD,SAAS,YAAY,CAAE,KAAsB,EAAE,IAAiC,EAAA;AAC9E,IAAA,MAAM,GAAG,GAAG,MAAM,CAA+B,IAAI,CAAC,CAAA;AACtD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAsB,SAAS,CAAC,CAAA;IAG3D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAwC,CAAA;AAE7D,QAAA,MAAM,CAAC,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;AAC5B,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QAEtC,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAS,GAAA,EAAM,OAAO,YAAY,CAAC,OAAO,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3F,IAAA,OAAO,KAAa,CAAA,aAAA,CAAA,aAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AAClC,CAAC;AAIY,MAAA,UAAU,GAAqD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Tooltip } from '@unovis/ts/components/tooltip'\nimport { TooltipConfigInterface } from '@unovis/ts/components/tooltip/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTooltipRef = {\n  component?: Tooltip;\n}\n\nexport type VisTooltipProps = TooltipConfigInterface & {\n  ref?: Ref<VisTooltipRef>;\n}\n\nexport const VisTooltipSelectors = Tooltip.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTooltipFC (props: VisTooltipProps, fRef: ForwardedRef<VisTooltipRef>): ReactElement {\n  const ref = useRef<VisComponentElement<Tooltip>>(null)\n  const componentRef = useRef<Tooltip | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Tooltip>)\n\n    const c = new Tooltip(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-tooltip 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 VisTooltip: ((props: VisTooltipProps) => JSX.Element | null) = React.memo(React.forwardRef(VisTooltipFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBO,MAAM,sBAAsB,QAAQ;AAG3C,SAAS,aAAc,OAAwB,MAAiD;AAC9F,QAAM,MAAM,OAAqC,IAAI;AACrD,QAAM,eAAe,OAA4B,MAAS;AAG1D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,QAAQ,KAAK;AAC3B,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAE/B,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,iBAAY,IAAA,CAAU;AAChC;AAIO,MAAM,aAA+D,MAAM,KAAK,MAAM,WAAW,YAAY,GAAG,aAAa;"}

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

@@ -1,16 +1,17 @@
-import { Ref } from 'react';
-import { TopoJSONMap } from '@unovis/ts/components/topojson-map';
-import { TopoJSONMapConfigInterface } from '@unovis/ts/components/topojson-map/config';
-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 VisTopoJSONMapSelectors: typeof import("@unovis/ts/components/topojson-map/style");
-export declare const VisTopoJSONMap: (<AreaDatum, PointDatum, LinkDatum>(props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { TopoJSONMap } from '@unovis/ts/components/topojson-map';
+import { TopoJSONMapConfigInterface } from '@unovis/ts/components/topojson-map/config';
+
+export type VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum> = {
+    component?: TopoJSONMap<AreaDatum, PointDatum, LinkDatum>;
+};
+export 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 VisTopoJSONMapSelectors: typeof import("@unovis/ts/components/topojson-map/style");
+export declare const VisTopoJSONMap: (<AreaDatum, PointDatum, LinkDatum>(props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>) => JSX.Element | null);

package/components/topojson-map/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { TopoJSONMap } from '@unovis/ts/components/topojson-map';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisTopoJSONMapSelectors = TopoJSONMap.selectors;
-function VisTopoJSONMapFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new TopoJSONMap(props);
-        componentRef.current = c;
-        element.__component__ = c;
-        return () => {
-            componentRef.current = undefined;
-            c.destroy();
-        };
-    }, []);
-    useEffect(() => {
-        const component = componentRef.current;
-        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, () => ({ get component() { return componentRef.current; } }), []);
-    return React.createElement("vis-component", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { TopoJSONMap } from "@unovis/ts/components/topojson-map";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisTopoJSONMapSelectors = TopoJSONMap.selectors;
+function VisTopoJSONMapFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new TopoJSONMap(props);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (props.data) component?.setData(props.data);
+    component?.setConfig(props);
+  });
+  useContainerRenderOnUpdate();
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("vis-component", { ref });
+}
 const VisTopoJSONMap = React.memo(React.forwardRef(VisTopoJSONMapFC), arePropsEqual);
-
-export { VisTopoJSONMap, VisTopoJSONMapSelectors };
+export {
+  VisTopoJSONMap,
+  VisTopoJSONMapSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/topojson-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { TopoJSONMap } from '@unovis/ts/components/topojson-map'\nimport { TopoJSONMapConfigInterface } from '@unovis/ts/components/topojson-map/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum> = {\n  component?: TopoJSONMap<AreaDatum, PointDatum, LinkDatum>;\n}\n\nexport type VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum> = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {\n  data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]};\n  ref?: Ref<VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum>>;\n}\n\nexport const VisTopoJSONMapSelectors = TopoJSONMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTopoJSONMapFC<AreaDatum, PointDatum, LinkDatum> (props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>, fRef: ForwardedRef<VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum>>): ReactElement {\n  const ref = useRef<VisComponentElement<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>>(null)\n  const componentRef = useRef<TopoJSONMap<AreaDatum, PointDatum, LinkDatum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>)\n\n    const c = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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 VisTopoJSONMap: (<AreaDatum, PointDatum, LinkDatum>(props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>) => JSX.Element | null) = React.memo(React.forwardRef(VisTopoJSONMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBa,MAAA,uBAAuB,GAAG,WAAW,CAAC,UAAS;AAG5D,SAAS,gBAAgB,CAAoC,KAA4D,EAAE,IAAuE,EAAA;AAChM,IAAA,MAAM,GAAG,GAAG,MAAM,CAAqE,IAAI,CAAC,CAAA;AAC5F,IAAA,MAAM,YAAY,GAAG,MAAM,CAA4D,SAAS,CAAC,CAAA;IAGjG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA8E,CAAA;AAEnG,QAAA,MAAM,CAAC,GAAG,IAAI,WAAW,CAAmC,KAAK,CAAC,CAAA;AAClE,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,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;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAS,GAAA,EAAM,OAAO,YAAY,CAAC,OAAO,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3F,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,cAAc,GAA6H,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { TopoJSONMap } from '@unovis/ts/components/topojson-map'\nimport { TopoJSONMapConfigInterface } from '@unovis/ts/components/topojson-map/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum> = {\n  component?: TopoJSONMap<AreaDatum, PointDatum, LinkDatum>;\n}\n\nexport type VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum> = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {\n  data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]};\n  ref?: Ref<VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum>>;\n}\n\nexport const VisTopoJSONMapSelectors = TopoJSONMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTopoJSONMapFC<AreaDatum, PointDatum, LinkDatum> (props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>, fRef: ForwardedRef<VisTopoJSONMapRef<AreaDatum, PointDatum, LinkDatum>>): ReactElement {\n  const ref = useRef<VisComponentElement<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>>(null)\n  const componentRef = useRef<TopoJSONMap<AreaDatum, PointDatum, LinkDatum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>)\n\n    const c = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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 VisTopoJSONMap: (<AreaDatum, PointDatum, LinkDatum>(props: VisTopoJSONMapProps<AreaDatum, PointDatum, LinkDatum>) => JSX.Element | null) = React.memo(React.forwardRef(VisTopoJSONMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,0BAA0B,YAAY;AAGnD,SAAS,iBAAoD,OAA8D,MAAuF;AAChN,QAAM,MAAM,OAA2E,IAAI;AAC3F,QAAM,eAAe,OAAkE,MAAS;AAGhG,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,YAA8C,KAAK;AACjE,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,MAAM,KAAM,YAAW,QAAQ,MAAM,IAAI;AAC7C,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,iBAA2I,MAAM,KAAK,MAAM,WAAW,gBAAgB,GAAG,aAAa;"}

package/components/treemap/index.d.ts

@@ -1,12 +1,13 @@
-import { Ref } from 'react';
-import { Treemap } from '@unovis/ts/components/treemap';
-import { TreemapConfigInterface } from '@unovis/ts/components/treemap/config';
-export declare type VisTreemapRef<Datum> = {
-    component?: Treemap<Datum>;
-};
-export declare type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisTreemapRef<Datum>>;
-};
-export declare const VisTreemapSelectors: typeof import("@unovis/ts/components/treemap/style");
-export declare const VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Treemap } from '@unovis/ts/components/treemap';
+import { TreemapConfigInterface } from '@unovis/ts/components/treemap/config';
+
+export type VisTreemapRef<Datum> = {
+    component?: Treemap<Datum>;
+};
+export type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisTreemapRef<Datum>>;
+};
+export declare const VisTreemapSelectors: typeof import("@unovis/ts/components/treemap/style");
+export declare const VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null);

package/components/treemap/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { Treemap } from '@unovis/ts/components/treemap';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisTreemapSelectors = Treemap.selectors;
-function VisTreemapFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new Treemap(props);
-        componentRef.current = c;
-        element.__component__ = c;
-        return () => {
-            componentRef.current = undefined;
-            c.destroy();
-        };
-    }, []);
-    useEffect(() => {
-        const component = componentRef.current;
-        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, () => ({ get component() { return componentRef.current; } }), []);
-    return React.createElement("vis-component", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { Treemap } from "@unovis/ts/components/treemap";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisTreemapSelectors = Treemap.selectors;
+function VisTreemapFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Treemap(props);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (props.data) component?.setData(props.data);
+    component?.setConfig(props);
+  });
+  useContainerRenderOnUpdate();
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("vis-component", { ref });
+}
 const VisTreemap = React.memo(React.forwardRef(VisTreemapFC), arePropsEqual);
-
-export { VisTreemap, VisTreemapSelectors };
+export {
+  VisTreemap,
+  VisTreemapSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/treemap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Treemap } from '@unovis/ts/components/treemap'\nimport { TreemapConfigInterface } from '@unovis/ts/components/treemap/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTreemapRef<Datum> = {\n  component?: Treemap<Datum>;\n}\n\nexport type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisTreemapRef<Datum>>;\n}\n\nexport const VisTreemapSelectors = Treemap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTreemapFC<Datum> (props: VisTreemapProps<Datum>, fRef: ForwardedRef<VisTreemapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Treemap<Datum>>>(null)\n  const componentRef = useRef<Treemap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Treemap<Datum>>)\n\n    const c = new Treemap<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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 VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisTreemapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBa,MAAA,mBAAmB,GAAG,OAAO,CAAC,UAAS;AAGpD,SAAS,YAAY,CAAS,KAA6B,EAAE,IAAwC,EAAA;AACnG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAsC,IAAI,CAAC,CAAA;AAC7D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA6B,SAAS,CAAC,CAAA;IAGlE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA+C,CAAA;AAEpE,QAAA,MAAM,CAAC,GAAG,IAAI,OAAO,CAAQ,KAAK,CAAC,CAAA;AACnC,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,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;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAS,GAAA,EAAM,OAAO,YAAY,CAAC,OAAO,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3F,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,UAAU,GAAmE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Treemap } from '@unovis/ts/components/treemap'\nimport { TreemapConfigInterface } from '@unovis/ts/components/treemap/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTreemapRef<Datum> = {\n  component?: Treemap<Datum>;\n}\n\nexport type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisTreemapRef<Datum>>;\n}\n\nexport const VisTreemapSelectors = Treemap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTreemapFC<Datum> (props: VisTreemapProps<Datum>, fRef: ForwardedRef<VisTreemapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Treemap<Datum>>>(null)\n  const componentRef = useRef<Treemap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Treemap<Datum>>)\n\n    const c = new Treemap<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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 VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisTreemapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,sBAAsB,QAAQ;AAG3C,SAAS,aAAqB,OAA+B,MAAwD;AACnH,QAAM,MAAM,OAA4C,IAAI;AAC5D,QAAM,eAAe,OAAmC,MAAS;AAGjE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,QAAe,KAAK;AAClC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,MAAM,KAAM,YAAW,QAAQ,MAAM,IAAI;AAC7C,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,aAA6E,MAAM,KAAK,MAAM,WAAW,YAAY,GAAG,aAAa;"}

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

@@ -1,12 +1,13 @@
-import { Ref } from 'react';
-import { XYLabels } from '@unovis/ts/components/xy-labels';
-import { XYLabelsConfigInterface } from '@unovis/ts/components/xy-labels/config';
-export declare type VisXYLabelsRef<Datum> = {
-    component?: XYLabels<Datum>;
-};
-export declare type VisXYLabelsProps<Datum> = XYLabelsConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisXYLabelsRef<Datum>>;
-};
-export declare const VisXYLabelsSelectors: typeof import("@unovis/ts/components/xy-labels/style");
-export declare const VisXYLabels: (<Datum>(props: VisXYLabelsProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { XYLabels } from '@unovis/ts/components/xy-labels';
+import { XYLabelsConfigInterface } from '@unovis/ts/components/xy-labels/config';
+
+export type VisXYLabelsRef<Datum> = {
+    component?: XYLabels<Datum>;
+};
+export type VisXYLabelsProps<Datum> = XYLabelsConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisXYLabelsRef<Datum>>;
+};
+export declare const VisXYLabelsSelectors: typeof import("@unovis/ts/components/xy-labels/style");
+export declare const VisXYLabels: (<Datum>(props: VisXYLabelsProps<Datum>) => JSX.Element | null);

package/components/xy-labels/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { XYLabels } from '@unovis/ts/components/xy-labels';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisXYLabelsSelectors = XYLabels.selectors;
-function VisXYLabelsFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new XYLabels(props);
-        componentRef.current = c;
-        element.__component__ = c;
-        return () => {
-            componentRef.current = undefined;
-            c.destroy();
-        };
-    }, []);
-    useEffect(() => {
-        const component = componentRef.current;
-        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, () => ({ get component() { return componentRef.current; } }), []);
-    return React.createElement("vis-component", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { XYLabels } from "@unovis/ts/components/xy-labels";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisXYLabelsSelectors = XYLabels.selectors;
+function VisXYLabelsFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new XYLabels(props);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (props.data) component?.setData(props.data);
+    component?.setConfig(props);
+  });
+  useContainerRenderOnUpdate();
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("vis-component", { ref });
+}
 const VisXYLabels = React.memo(React.forwardRef(VisXYLabelsFC), arePropsEqual);
-
-export { VisXYLabels, VisXYLabelsSelectors };
+export {
+  VisXYLabels,
+  VisXYLabelsSelectors
+};
 //# sourceMappingURL=index.js.map

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, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { XYLabels } from '@unovis/ts/components/xy-labels'\nimport { XYLabelsConfigInterface } from '@unovis/ts/components/xy-labels/config'\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\nexport const VisXYLabelsSelectors = XYLabels.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisXYLabelsFC<Datum> (props: VisXYLabelsProps<Datum>, fRef: ForwardedRef<VisXYLabelsRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<XYLabels<Datum>>>(null)\n  const componentRef = useRef<XYLabels<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<XYLabels<Datum>>)\n\n    const c = new XYLabels<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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,MAAA,oBAAoB,GAAG,QAAQ,CAAC,UAAS;AAGtD,SAAS,aAAa,CAAS,KAA8B,EAAE,IAAyC,EAAA;AACtG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;AAC9D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA8B,SAAS,CAAC,CAAA;IAGnE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAgD,CAAA;AAErE,QAAA,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAQ,KAAK,CAAC,CAAA;AACpC,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,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;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAS,GAAA,EAAM,OAAO,YAAY,CAAC,OAAO,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3F,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, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { XYLabels } from '@unovis/ts/components/xy-labels'\nimport { XYLabelsConfigInterface } from '@unovis/ts/components/xy-labels/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\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\nexport const VisXYLabelsSelectors = XYLabels.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisXYLabelsFC<Datum> (props: VisXYLabelsProps<Datum>, fRef: ForwardedRef<VisXYLabelsRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<XYLabels<Datum>>>(null)\n  const componentRef = useRef<XYLabels<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<XYLabels<Datum>>)\n\n    const c = new XYLabels<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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":";;;;AAqBO,MAAM,uBAAuB,SAAS;AAG7C,SAAS,cAAsB,OAAgC,MAAyD;AACtH,QAAM,MAAM,OAA6C,IAAI;AAC7D,QAAM,eAAe,OAAoC,MAAS;AAGlE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,SAAgB,KAAK;AACnC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,MAAM,KAAM,YAAW,QAAQ,MAAM,IAAI;AAC7C,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,cAA+E,MAAM,KAAK,MAAM,WAAW,aAAa,GAAG,aAAa;"}

package/components.d.ts

@@ -1,27 +1,30 @@
-export * from './components/line';
-export * from './components/area';
-export * from './components/axis';
-export * from './components/brush/';
-export * from './components/chord-diagram';
-export * from './components/crosshair';
-export * from './components/donut';
-export * from './components/free-brush';
-export * from './components/graph';
-export * from './components/grouped-bar/';
-export * from './components/nested-donut';
-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 './components/annotations';
-export * from './components/plotband';
-export * from './components/treemap';
-export * from './components/plotline';
-export * from './html-components/bullet-legend';
-export * from './html-components/rolling-pin-legend';
-export * from './html-components/leaflet-map';
-export * from './html-components/leaflet-flow-map';
-export * from './html-components/flow-legend';
+export * from './components/line';
+export * from './components/area';
+export * from './components/axis';
+export * from './components/boxplot';
+export * from './components/brush/';
+export * from './components/chord-diagram';
+export * from './components/crosshair';
+export * from './components/donut';
+export * from './components/free-brush';
+export * from './components/graph';
+export * from './components/grouped-bar/';
+export * from './components/heatmap';
+export * from './components/nested-donut';
+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 './components/annotations';
+export * from './components/plotband';
+export * from './components/treemap';
+export * from './components/plotline';
+export * from './components/radial-bar';
+export * from './html-components/bullet-legend';
+export * from './html-components/rolling-pin-legend';
+export * from './html-components/leaflet-map';
+export * from './html-components/leaflet-flow-map';
+export * from './html-components/flow-legend';

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

@@ -1,54 +1,55 @@
-import { Spacing } from '@unovis/ts/types/spacing';
-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 | null;
-    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[]) => null;
-        formatYTicks: (d: number) => string;
-        crosshairTemplate: (d: VisTimeSeriesDatum) => string;
-    };
-}
+import { Spacing } from '@unovis/ts/types/spacing';
+
+export type VisTimeSeriesDatum = {
+    timestamp: number;
+    value: number;
+    id?: string;
+    color?: string;
+};
+export 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 | null;
+    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[]) => null;
+        formatYTicks: (d: number) => string;
+        crosshairTemplate: (d: VisTimeSeriesDatum) => string;
+    };
+}