@unovis/react 1.7.0-pre.1 → 1.7.0

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

@@ -1,11 +1,13 @@
-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 VisGroupedBarSelectors: typeof import("@unovis/ts/dist/components/grouped-bar/style");
-export declare const VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { GroupedBar } from '@unovis/ts/components/grouped-bar';
+import { GroupedBarConfigInterface } from '@unovis/ts/components/grouped-bar/config';
+
+export type VisGroupedBarRef<Datum> = {
+    component?: GroupedBar<Datum>;
+};
+export type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisGroupedBarRef<Datum>>;
+};
+export declare const VisGroupedBarSelectors: typeof import("@unovis/ts/components/grouped-bar/style");
+export declare const VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null);

package/components/grouped-bar/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { GroupedBar } from '@unovis/ts';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisGroupedBarSelectors = GroupedBar.selectors;
-function VisGroupedBarFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new GroupedBar(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 { GroupedBar } from "@unovis/ts/components/grouped-bar";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisGroupedBarSelectors = GroupedBar.selectors;
+function VisGroupedBarFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new GroupedBar(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 VisGroupedBar = React.memo(React.forwardRef(VisGroupedBarFC), arePropsEqual);
-
-export { VisGroupedBar, VisGroupedBarSelectors };
+export {
+  VisGroupedBar,
+  VisGroupedBarSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/grouped-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/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 { GroupedBar, GroupedBarConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisGroupedBarRef<Datum> = {\n  component?: GroupedBar<Datum>;\n}\n\nexport type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisGroupedBarRef<Datum>>;\n}\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGroupedBarFC<Datum> (props: VisGroupedBarProps<Datum>, fRef: ForwardedRef<VisGroupedBarRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<GroupedBar<Datum>>>(null)\n  const componentRef = useRef<GroupedBar<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<GroupedBar<Datum>>)\n\n    const c = new GroupedBar<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 VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisGroupedBarFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,sBAAsB,GAAG,UAAU,CAAC,UAAS;AAG1D,SAAS,eAAe,CAAS,KAAgC,EAAE,IAA2C,EAAA;AAC5G,IAAA,MAAM,GAAG,GAAG,MAAM,CAAyC,IAAI,CAAC,CAAA;AAChE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAA;IAGrE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAkD,CAAA;AAEvE,QAAA,MAAM,CAAC,GAAG,IAAI,UAAU,CAAQ,KAAK,CAAC,CAAA;AACtC,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,aAAa,GAAsE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/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 { GroupedBar } from '@unovis/ts/components/grouped-bar'\nimport { GroupedBarConfigInterface } from '@unovis/ts/components/grouped-bar/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 VisGroupedBarRef<Datum> = {\n  component?: GroupedBar<Datum>;\n}\n\nexport type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisGroupedBarRef<Datum>>;\n}\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGroupedBarFC<Datum> (props: VisGroupedBarProps<Datum>, fRef: ForwardedRef<VisGroupedBarRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<GroupedBar<Datum>>>(null)\n  const componentRef = useRef<GroupedBar<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<GroupedBar<Datum>>)\n\n    const c = new GroupedBar<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 VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisGroupedBarFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,yBAAyB,WAAW;AAGjD,SAAS,gBAAwB,OAAkC,MAA2D;AAC5H,QAAM,MAAM,OAA+C,IAAI;AAC/D,QAAM,eAAe,OAAsC,MAAS;AAGpE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,WAAkB,KAAK;AACrC,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,gBAAmF,MAAM,KAAK,MAAM,WAAW,eAAe,GAAG,aAAa;"}

package/components/heatmap/index.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'react';
+import { Heatmap } from '@unovis/ts/components/heatmap';
+import { HeatmapConfigInterface } from '@unovis/ts/components/heatmap/config';
+
+export type VisHeatmapRef<Datum> = {
+    component?: Heatmap<Datum>;
+};
+export type VisHeatmapProps<Datum> = HeatmapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisHeatmapRef<Datum>>;
+};
+export declare const VisHeatmapSelectors: typeof import("@unovis/ts/components/heatmap/style");
+export declare const VisHeatmap: (<Datum>(props: VisHeatmapProps<Datum>) => JSX.Element | null);

package/components/heatmap/index.js

@@ -0,0 +1,35 @@
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { Heatmap } from "@unovis/ts/components/heatmap";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisHeatmapSelectors = Heatmap.selectors;
+function VisHeatmapFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Heatmap(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 VisHeatmap = React.memo(React.forwardRef(VisHeatmapFC), arePropsEqual);
+export {
+  VisHeatmap,
+  VisHeatmapSelectors
+};
+//# sourceMappingURL=index.js.map

package/components/heatmap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/heatmap/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 { Heatmap } from '@unovis/ts/components/heatmap'\nimport { HeatmapConfigInterface } from '@unovis/ts/components/heatmap/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 VisHeatmapRef<Datum> = {\n  component?: Heatmap<Datum>;\n}\n\nexport type VisHeatmapProps<Datum> = HeatmapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisHeatmapRef<Datum>>;\n}\n\nexport const VisHeatmapSelectors = Heatmap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisHeatmapFC<Datum> (props: VisHeatmapProps<Datum>, fRef: ForwardedRef<VisHeatmapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Heatmap<Datum>>>(null)\n  const componentRef = useRef<Heatmap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Heatmap<Datum>>)\n\n    const c = new Heatmap<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 VisHeatmap: (<Datum>(props: VisHeatmapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisHeatmapFC), 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/line/index.d.ts

@@ -1,11 +1,13 @@
-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 VisLineSelectors: typeof import("@unovis/ts/dist/components/line/style");
-export declare const VisLine: (<Datum>(props: VisLineProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Line } from '@unovis/ts/components/line';
+import { LineConfigInterface } from '@unovis/ts/components/line/config';
+
+export type VisLineRef<Datum> = {
+    component?: Line<Datum>;
+};
+export type VisLineProps<Datum> = LineConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisLineRef<Datum>>;
+};
+export declare const VisLineSelectors: typeof import("@unovis/ts/components/line/style");
+export declare const VisLine: (<Datum>(props: VisLineProps<Datum>) => JSX.Element | null);

package/components/line/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { Line } from '@unovis/ts';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisLineSelectors = Line.selectors;
-function VisLineFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new Line(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 { Line } from "@unovis/ts/components/line";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisLineSelectors = Line.selectors;
+function VisLineFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Line(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 VisLine = React.memo(React.forwardRef(VisLineFC), arePropsEqual);
-
-export { VisLine, VisLineSelectors };
+export {
+  VisLine,
+  VisLineSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/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 { Line, LineConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisLineRef<Datum> = {\n  component?: Line<Datum>;\n}\n\nexport type VisLineProps<Datum> = LineConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisLineRef<Datum>>;\n}\n\nexport const VisLineSelectors = Line.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLineFC<Datum> (props: VisLineProps<Datum>, fRef: ForwardedRef<VisLineRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Line<Datum>>>(null)\n  const componentRef = useRef<Line<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Line<Datum>>)\n\n    const c = new Line<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 VisLine: (<Datum>(props: VisLineProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLineFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,gBAAgB,GAAG,IAAI,CAAC,UAAS;AAG9C,SAAS,SAAS,CAAS,KAA0B,EAAE,IAAqC,EAAA;AAC1F,IAAA,MAAM,GAAG,GAAG,MAAM,CAAmC,IAAI,CAAC,CAAA;AAC1D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA0B,SAAS,CAAC,CAAA;IAG/D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA4C,CAAA;AAEjE,QAAA,MAAM,CAAC,GAAG,IAAI,IAAI,CAAQ,KAAK,CAAC,CAAA;AAChC,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,OAAO,GAAgE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/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 { Line } from '@unovis/ts/components/line'\nimport { LineConfigInterface } from '@unovis/ts/components/line/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 VisLineRef<Datum> = {\n  component?: Line<Datum>;\n}\n\nexport type VisLineProps<Datum> = LineConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisLineRef<Datum>>;\n}\n\nexport const VisLineSelectors = Line.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLineFC<Datum> (props: VisLineProps<Datum>, fRef: ForwardedRef<VisLineRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Line<Datum>>>(null)\n  const componentRef = useRef<Line<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Line<Datum>>)\n\n    const c = new Line<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 VisLine: (<Datum>(props: VisLineProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLineFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,mBAAmB,KAAK;AAGrC,SAAS,UAAkB,OAA4B,MAAqD;AAC1G,QAAM,MAAM,OAAyC,IAAI;AACzD,QAAM,eAAe,OAAgC,MAAS;AAG9D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,KAAY,KAAK;AAC/B,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,UAAuE,MAAM,KAAK,MAAM,WAAW,SAAS,GAAG,aAAa;"}

package/components/nested-donut/index.d.ts

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { NestedDonut, NestedDonutConfigInterface } from '@unovis/ts';
-export declare type VisNestedDonutRef<Datum> = {
-    component?: NestedDonut<Datum>;
-};
-export declare type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisNestedDonutRef<Datum>>;
-};
-export declare const VisNestedDonutSelectors: typeof import("@unovis/ts/dist/components/nested-donut/style");
-export declare const VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { NestedDonut } from '@unovis/ts/components/nested-donut';
+import { NestedDonutConfigInterface } from '@unovis/ts/components/nested-donut/config';
+
+export type VisNestedDonutRef<Datum> = {
+    component?: NestedDonut<Datum>;
+};
+export type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisNestedDonutRef<Datum>>;
+};
+export declare const VisNestedDonutSelectors: typeof import("@unovis/ts/components/nested-donut/style");
+export declare const VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null);

package/components/nested-donut/index.js

@@ -1,31 +1,35 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { NestedDonut } from '@unovis/ts';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisNestedDonutSelectors = NestedDonut.selectors;
-function VisNestedDonutFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new NestedDonut(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 { NestedDonut } from "@unovis/ts/components/nested-donut";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisNestedDonutSelectors = NestedDonut.selectors;
+function VisNestedDonutFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new NestedDonut(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 VisNestedDonut = React.memo(React.forwardRef(VisNestedDonutFC), arePropsEqual);
-
-export { VisNestedDonut, VisNestedDonutSelectors };
+export {
+  VisNestedDonut,
+  VisNestedDonutSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/nested-donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/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 { NestedDonut, NestedDonutConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisNestedDonutRef<Datum> = {\n  component?: NestedDonut<Datum>;\n}\n\nexport type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisNestedDonutRef<Datum>>;\n}\n\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisNestedDonutFC<Datum> (props: VisNestedDonutProps<Datum>, fRef: ForwardedRef<VisNestedDonutRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<NestedDonut<Datum>>>(null)\n  const componentRef = useRef<NestedDonut<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<NestedDonut<Datum>>)\n\n    const c = new NestedDonut<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 VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisNestedDonutFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,uBAAuB,GAAG,WAAW,CAAC,UAAS;AAG5D,SAAS,gBAAgB,CAAS,KAAiC,EAAE,IAA4C,EAAA;AAC/G,IAAA,MAAM,GAAG,GAAG,MAAM,CAA0C,IAAI,CAAC,CAAA;AACjE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiC,SAAS,CAAC,CAAA;IAGtE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAmD,CAAA;AAExE,QAAA,MAAM,CAAC,GAAG,IAAI,WAAW,CAAQ,KAAK,CAAC,CAAA;AACvC,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,GAAuE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/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 { NestedDonut } from '@unovis/ts/components/nested-donut'\nimport { NestedDonutConfigInterface } from '@unovis/ts/components/nested-donut/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 VisNestedDonutRef<Datum> = {\n  component?: NestedDonut<Datum>;\n}\n\nexport type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisNestedDonutRef<Datum>>;\n}\n\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisNestedDonutFC<Datum> (props: VisNestedDonutProps<Datum>, fRef: ForwardedRef<VisNestedDonutRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<NestedDonut<Datum>>>(null)\n  const componentRef = useRef<NestedDonut<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<NestedDonut<Datum>>)\n\n    const c = new NestedDonut<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 VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisNestedDonutFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,0BAA0B,YAAY;AAGnD,SAAS,iBAAyB,OAAmC,MAA4D;AAC/H,QAAM,MAAM,OAAgD,IAAI;AAChE,QAAM,eAAe,OAAuC,MAAS;AAGrE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,YAAmB,KAAK;AACtC,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,iBAAqF,MAAM,KAAK,MAAM,WAAW,gBAAgB,GAAG,aAAa;"}

package/components/plotband/index.d.ts

@@ -1,10 +1,12 @@
-import { Ref } from 'react';
-import { Plotband, PlotbandConfigInterface } from '@unovis/ts';
-export declare type VisPlotbandRef<Datum> = {
-    component?: Plotband<Datum>;
-};
-export declare type VisPlotbandProps<Datum> = PlotbandConfigInterface<Datum> & {
-    ref?: Ref<VisPlotbandRef<Datum>>;
-};
-export declare const VisPlotbandSelectors: typeof import("@unovis/ts/dist/components/plotband/style");
-export declare const VisPlotband: (<Datum>(props: VisPlotbandProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Plotband } from '@unovis/ts/components/plotband';
+import { PlotbandConfigInterface } from '@unovis/ts/components/plotband/config';
+
+export type VisPlotbandRef<Datum> = {
+    component?: Plotband<Datum>;
+};
+export type VisPlotbandProps<Datum> = PlotbandConfigInterface<Datum> & {
+    ref?: Ref<VisPlotbandRef<Datum>>;
+};
+export declare const VisPlotbandSelectors: typeof import("@unovis/ts/components/plotband/style");
+export declare const VisPlotband: (<Datum>(props: VisPlotbandProps<Datum>) => JSX.Element | null);

package/components/plotband/index.js

@@ -1,29 +1,34 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { Plotband } from '@unovis/ts';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisPlotbandSelectors = Plotband.selectors;
-function VisPlotbandFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new Plotband(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-component", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { Plotband } from "@unovis/ts/components/plotband";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisPlotbandSelectors = Plotband.selectors;
+function VisPlotbandFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Plotband(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-component", { ref });
+}
 const VisPlotband = React.memo(React.forwardRef(VisPlotbandFC), arePropsEqual);
-
-export { VisPlotband, VisPlotbandSelectors };
+export {
+  VisPlotband,
+  VisPlotbandSelectors
+};
 //# sourceMappingURL=index.js.map

package/components/plotband/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/plotband/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 { Plotband, PlotbandConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisPlotbandRef<Datum> = {\n  component?: Plotband<Datum>;\n}\n\nexport type VisPlotbandProps<Datum> = PlotbandConfigInterface<Datum> & {\n  ref?: Ref<VisPlotbandRef<Datum>>;\n}\n\nexport const VisPlotbandSelectors = Plotband.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisPlotbandFC<Datum> (props: VisPlotbandProps<Datum>, fRef: ForwardedRef<VisPlotbandRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Plotband<Datum>>>(null)\n  const componentRef = useRef<Plotband<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Plotband<Datum>>)\n\n    const c = new Plotband<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\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 VisPlotband: (<Datum>(props: VisPlotbandProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisPlotbandFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAkBa,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;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,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/plotband/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 { Plotband } from '@unovis/ts/components/plotband'\nimport { PlotbandConfigInterface } from '@unovis/ts/components/plotband/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 VisPlotbandRef<Datum> = {\n  component?: Plotband<Datum>;\n}\n\nexport type VisPlotbandProps<Datum> = PlotbandConfigInterface<Datum> & {\n  ref?: Ref<VisPlotbandRef<Datum>>;\n}\n\nexport const VisPlotbandSelectors = Plotband.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisPlotbandFC<Datum> (props: VisPlotbandProps<Datum>, fRef: ForwardedRef<VisPlotbandRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Plotband<Datum>>>(null)\n  const componentRef = useRef<Plotband<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Plotband<Datum>>)\n\n    const c = new Plotband<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\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 VisPlotband: (<Datum>(props: VisPlotbandProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisPlotbandFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBO,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;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,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,cAA+E,MAAM,KAAK,MAAM,WAAW,aAAa,GAAG,aAAa;"}

package/components/plotline/index.d.ts

@@ -1,10 +1,12 @@
-import { Ref } from 'react';
-import { Plotline, PlotlineConfigInterface } from '@unovis/ts';
-export declare type VisPlotlineRef<Datum> = {
-    component?: Plotline<Datum>;
-};
-export declare type VisPlotlineProps<Datum> = PlotlineConfigInterface<Datum> & {
-    ref?: Ref<VisPlotlineRef<Datum>>;
-};
-export declare const VisPlotlineSelectors: typeof import("@unovis/ts/dist/components/plotline/style");
-export declare const VisPlotline: (<Datum>(props: VisPlotlineProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Plotline } from '@unovis/ts/components/plotline';
+import { PlotlineConfigInterface } from '@unovis/ts/components/plotline/config';
+
+export type VisPlotlineRef<Datum> = {
+    component?: Plotline<Datum>;
+};
+export type VisPlotlineProps<Datum> = PlotlineConfigInterface<Datum> & {
+    ref?: Ref<VisPlotlineRef<Datum>>;
+};
+export declare const VisPlotlineSelectors: typeof import("@unovis/ts/components/plotline/style");
+export declare const VisPlotline: (<Datum>(props: VisPlotlineProps<Datum>) => JSX.Element | null);

package/components/plotline/index.js

@@ -1,29 +1,34 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { Plotline } from '@unovis/ts';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisPlotlineSelectors = Plotline.selectors;
-function VisPlotlineFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new Plotline(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-component", { ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { Plotline } from "@unovis/ts/components/plotline";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisPlotlineSelectors = Plotline.selectors;
+function VisPlotlineFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new Plotline(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-component", { ref });
+}
 const VisPlotline = React.memo(React.forwardRef(VisPlotlineFC), arePropsEqual);
-
-export { VisPlotline, VisPlotlineSelectors };
+export {
+  VisPlotline,
+  VisPlotlineSelectors
+};
 //# sourceMappingURL=index.js.map