@unovis/react 1.7.0-pre.2 → 1.7.0

package/README.md

@@ -1,5 +1,9 @@
 ![cover](https://user-images.githubusercontent.com/755708/194946760-13db0396-c429-4abb-8324-a5efae0455e2.png)
 
+<a href="https://npmx.dev/package/@unovis/react"><img src="https://npmx.dev/api/registry/badge/version/@unovis/react" alt="Version"></a>
+<a href="https://npmx.dev/package/@unovis/react"><img src="https://npmx.dev/api/registry/badge/downloads/@unovis/react" alt="Downloads"></a>
+<a href="https://github.com/f5/unovis/blob/main/LICENSE"><img src="https://img.shields.io/github/license/f5/unovis" alt="License"></a>
+
 🟨 **Unovis** is a modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.
 
 `@unovis/react` provides React components for `@unovis/ts`, which makes Unovis integration into a React

package/components/annotations/index.d.ts

@@ -1,10 +1,12 @@
-import { Ref } from 'react';
-import { Annotations, AnnotationsConfigInterface } from '@unovis/ts';
-export declare type VisAnnotationsRef = {
-    component?: Annotations;
-};
-export declare type VisAnnotationsProps = AnnotationsConfigInterface & {
-    ref?: Ref<VisAnnotationsRef>;
-};
-export declare const VisAnnotationsSelectors: typeof import("@unovis/ts/dist/components/annotations/style");
-export declare const VisAnnotations: ((props: VisAnnotationsProps) => JSX.Element | null);
+import { Ref } from 'react';
+import { Annotations } from '@unovis/ts/components/annotations';
+import { AnnotationsConfigInterface } from '@unovis/ts/components/annotations/config';
+
+export type VisAnnotationsRef = {
+    component?: Annotations;
+};
+export type VisAnnotationsProps = AnnotationsConfigInterface & {
+    ref?: Ref<VisAnnotationsRef>;
+};
+export declare const VisAnnotationsSelectors: typeof import("@unovis/ts/components/annotations/style");
+export declare const VisAnnotations: ((props: VisAnnotationsProps) => JSX.Element | null);

package/components/annotations/index.js

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

package/components/annotations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/annotations/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 { Annotations, AnnotationsConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisAnnotationsRef = {\n  component?: Annotations;\n}\n\nexport type VisAnnotationsProps = AnnotationsConfigInterface & {\n  ref?: Ref<VisAnnotationsRef>;\n}\n\nexport const VisAnnotationsSelectors = Annotations.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAnnotationsFC (props: VisAnnotationsProps, fRef: ForwardedRef<VisAnnotationsRef>): ReactElement {\n  const ref = useRef<VisComponentElement<Annotations>>(null)\n  const componentRef = useRef<Annotations | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Annotations>)\n\n    const c = new Annotations(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-annotations 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 VisAnnotations: ((props: VisAnnotationsProps) => JSX.Element | null) = React.memo(React.forwardRef(VisAnnotationsFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAkBa,MAAA,uBAAuB,GAAG,WAAW,CAAC,UAAS;AAG5D,SAAS,gBAAgB,CAAE,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,WAAW,CAAC,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;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,KAAiB,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACtC,CAAC;AAIY,MAAA,cAAc,GAAyD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/annotations/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 { Annotations } from '@unovis/ts/components/annotations'\nimport { AnnotationsConfigInterface } from '@unovis/ts/components/annotations/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 VisAnnotationsRef = {\n  component?: Annotations;\n}\n\nexport type VisAnnotationsProps = AnnotationsConfigInterface & {\n  ref?: Ref<VisAnnotationsRef>;\n}\n\nexport const VisAnnotationsSelectors = Annotations.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAnnotationsFC (props: VisAnnotationsProps, fRef: ForwardedRef<VisAnnotationsRef>): ReactElement {\n  const ref = useRef<VisComponentElement<Annotations>>(null)\n  const componentRef = useRef<Annotations | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Annotations>)\n\n    const c = new Annotations(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-annotations 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 VisAnnotations: ((props: VisAnnotationsProps) => JSX.Element | null) = React.memo(React.forwardRef(VisAnnotationsFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBO,MAAM,0BAA0B,YAAY;AAGnD,SAAS,iBAAkB,OAA4B,MAAqD;AAC1G,QAAM,MAAM,OAAyC,IAAI;AACzD,QAAM,eAAe,OAAgC,MAAS;AAG9D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,YAAY,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;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,qBAAgB,IAAA,CAAU;AACpC;AAIO,MAAM,iBAAuE,MAAM,KAAK,MAAM,WAAW,gBAAgB,GAAG,aAAa;"}

package/components/area/index.d.ts

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { Area, AreaConfigInterface } from '@unovis/ts';
-export declare type VisAreaRef<Datum> = {
-    component?: Area<Datum>;
-};
-export declare type VisAreaProps<Datum> = AreaConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisAreaRef<Datum>>;
-};
-export declare const VisAreaSelectors: typeof import("@unovis/ts/dist/components/area/style");
-export declare const VisArea: (<Datum>(props: VisAreaProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Area } from '@unovis/ts/components/area';
+import { AreaConfigInterface } from '@unovis/ts/components/area/config';
+
+export type VisAreaRef<Datum> = {
+    component?: Area<Datum>;
+};
+export type VisAreaProps<Datum> = AreaConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisAreaRef<Datum>>;
+};
+export declare const VisAreaSelectors: typeof import("@unovis/ts/components/area/style");
+export declare const VisArea: (<Datum>(props: VisAreaProps<Datum>) => JSX.Element | null);

package/components/area/index.js

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

package/components/area/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/area/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 { Area, AreaConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisAreaRef<Datum> = {\n  component?: Area<Datum>;\n}\n\nexport type VisAreaProps<Datum> = AreaConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisAreaRef<Datum>>;\n}\n\nexport const VisAreaSelectors = Area.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAreaFC<Datum> (props: VisAreaProps<Datum>, fRef: ForwardedRef<VisAreaRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Area<Datum>>>(null)\n  const componentRef = useRef<Area<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Area<Datum>>)\n\n    const c = new Area<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 VisArea: (<Datum>(props: VisAreaProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisAreaFC), 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/area/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 { Area } from '@unovis/ts/components/area'\nimport { AreaConfigInterface } from '@unovis/ts/components/area/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 VisAreaRef<Datum> = {\n  component?: Area<Datum>;\n}\n\nexport type VisAreaProps<Datum> = AreaConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisAreaRef<Datum>>;\n}\n\nexport const VisAreaSelectors = Area.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAreaFC<Datum> (props: VisAreaProps<Datum>, fRef: ForwardedRef<VisAreaRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Area<Datum>>>(null)\n  const componentRef = useRef<Area<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Area<Datum>>)\n\n    const c = new Area<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 VisArea: (<Datum>(props: VisAreaProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisAreaFC), 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/axis/index.d.ts

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { Axis, AxisConfigInterface } from '@unovis/ts';
-export declare type VisAxisRef<Datum> = {
-    component?: Axis<Datum>;
-};
-export declare type VisAxisProps<Datum> = AxisConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisAxisRef<Datum>>;
-};
-export declare const VisAxisSelectors: typeof import("@unovis/ts/dist/components/axis/style");
-export declare const VisAxis: (<Datum>(props: VisAxisProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Axis } from '@unovis/ts/components/axis';
+import { AxisConfigInterface } from '@unovis/ts/components/axis/config';
+
+export type VisAxisRef<Datum> = {
+    component?: Axis<Datum>;
+};
+export type VisAxisProps<Datum> = AxisConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisAxisRef<Datum>>;
+};
+export declare const VisAxisSelectors: typeof import("@unovis/ts/components/axis/style");
+export declare const VisAxis: (<Datum>(props: VisAxisProps<Datum>) => JSX.Element | null);

package/components/axis/index.js

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

package/components/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/axis/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 { Axis, AxisConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisAxisRef<Datum> = {\n  component?: Axis<Datum>;\n}\n\nexport type VisAxisProps<Datum> = AxisConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisAxisRef<Datum>>;\n}\n\nexport const VisAxisSelectors = Axis.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAxisFC<Datum> (props: VisAxisProps<Datum>, fRef: ForwardedRef<VisAxisRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Axis<Datum>>>(null)\n  const componentRef = useRef<Axis<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Axis<Datum>>)\n\n    const c = new Axis<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-axis 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 VisAxis: (<Datum>(props: VisAxisProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisAxisFC), 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,KAAU,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AAC/B,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/axis/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 { Axis } from '@unovis/ts/components/axis'\nimport { AxisConfigInterface } from '@unovis/ts/components/axis/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 VisAxisRef<Datum> = {\n  component?: Axis<Datum>;\n}\n\nexport type VisAxisProps<Datum> = AxisConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisAxisRef<Datum>>;\n}\n\nexport const VisAxisSelectors = Axis.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisAxisFC<Datum> (props: VisAxisProps<Datum>, fRef: ForwardedRef<VisAxisRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Axis<Datum>>>(null)\n  const componentRef = useRef<Axis<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Axis<Datum>>)\n\n    const c = new Axis<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-axis 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 VisAxis: (<Datum>(props: VisAxisProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisAxisFC), 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,cAAS,IAAA,CAAU;AAC7B;AAIO,MAAM,UAAuE,MAAM,KAAK,MAAM,WAAW,SAAS,GAAG,aAAa;"}

package/components/boxplot/index.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'react';
+import { Boxplot } from '@unovis/ts/components/boxplot';
+import { BoxplotConfigInterface } from '@unovis/ts/components/boxplot/config';
+
+export type VisBoxplotRef<Datum> = {
+    component?: Boxplot<Datum>;
+};
+export type VisBoxplotProps<Datum> = BoxplotConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisBoxplotRef<Datum>>;
+};
+export declare const VisBoxplotSelectors: typeof import("@unovis/ts/components/boxplot/style");
+export declare const VisBoxplot: (<Datum>(props: VisBoxplotProps<Datum>) => JSX.Element | null);

package/components/boxplot/index.js

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

package/components/boxplot/index.js.map

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

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { Brush, BrushConfigInterface } from '@unovis/ts';
-export declare type VisBrushRef<Datum> = {
-    component?: Brush<Datum>;
-};
-export declare type VisBrushProps<Datum> = BrushConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisBrushRef<Datum>>;
-};
-export declare const VisBrushSelectors: typeof import("@unovis/ts/dist/components/brush/style");
-export declare const VisBrush: (<Datum>(props: VisBrushProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Brush } from '@unovis/ts/components/brush';
+import { BrushConfigInterface } from '@unovis/ts/components/brush/config';
+
+export type VisBrushRef<Datum> = {
+    component?: Brush<Datum>;
+};
+export type VisBrushProps<Datum> = BrushConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisBrushRef<Datum>>;
+};
+export declare const VisBrushSelectors: typeof import("@unovis/ts/components/brush/style");
+export declare const VisBrush: (<Datum>(props: VisBrushProps<Datum>) => JSX.Element | null);

package/components/brush/index.js

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

package/components/brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/brush/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 { Brush, BrushConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisBrushRef<Datum> = {\n  component?: Brush<Datum>;\n}\n\nexport type VisBrushProps<Datum> = BrushConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisBrushRef<Datum>>;\n}\n\nexport const VisBrushSelectors = Brush.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisBrushFC<Datum> (props: VisBrushProps<Datum>, fRef: ForwardedRef<VisBrushRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Brush<Datum>>>(null)\n  const componentRef = useRef<Brush<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Brush<Datum>>)\n\n    const c = new Brush<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 VisBrush: (<Datum>(props: VisBrushProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisBrushFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,iBAAiB,GAAG,KAAK,CAAC,UAAS;AAGhD,SAAS,UAAU,CAAS,KAA2B,EAAE,IAAsC,EAAA;AAC7F,IAAA,MAAM,GAAG,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAA;AAC3D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA2B,SAAS,CAAC,CAAA;IAGhE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA6C,CAAA;AAElE,QAAA,MAAM,CAAC,GAAG,IAAI,KAAK,CAAQ,KAAK,CAAC,CAAA;AACjC,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,QAAQ,GAAiE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/brush/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 { Brush } from '@unovis/ts/components/brush'\nimport { BrushConfigInterface } from '@unovis/ts/components/brush/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 VisBrushRef<Datum> = {\n  component?: Brush<Datum>;\n}\n\nexport type VisBrushProps<Datum> = BrushConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisBrushRef<Datum>>;\n}\n\nexport const VisBrushSelectors = Brush.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisBrushFC<Datum> (props: VisBrushProps<Datum>, fRef: ForwardedRef<VisBrushRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Brush<Datum>>>(null)\n  const componentRef = useRef<Brush<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Brush<Datum>>)\n\n    const c = new Brush<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 VisBrush: (<Datum>(props: VisBrushProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisBrushFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,oBAAoB,MAAM;AAGvC,SAAS,WAAmB,OAA6B,MAAsD;AAC7G,QAAM,MAAM,OAA0C,IAAI;AAC1D,QAAM,eAAe,OAAiC,MAAS;AAG/D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,MAAa,KAAK;AAChC,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,WAAyE,MAAM,KAAK,MAAM,WAAW,UAAU,GAAG,aAAa;"}

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

@@ -1,14 +1,17 @@
-import { Ref } from 'react';
-import { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts';
-export declare type VisChordDiagramRef<N extends ChordInputNode, L extends ChordInputLink> = {
-    component?: ChordDiagram<N, L>;
-};
-export declare type VisChordDiagramProps<N extends ChordInputNode, L extends ChordInputLink> = ChordDiagramConfigInterface<N, L> & {
-    data?: {
-        nodes: N[];
-        links?: L[];
-    };
-    ref?: Ref<VisChordDiagramRef<N, L>>;
-};
-export declare const VisChordDiagramSelectors: typeof import("@unovis/ts/dist/components/chord-diagram/style");
-export declare const VisChordDiagram: (<N extends ChordInputNode, L extends ChordInputLink>(props: VisChordDiagramProps<N, L>) => JSX.Element | null);
+import { Ref } from 'react';
+import { ChordDiagram } from '@unovis/ts/components/chord-diagram';
+import { ChordDiagramConfigInterface } from '@unovis/ts/components/chord-diagram/config';
+import { ChordInputNode, ChordInputLink } from '@unovis/ts/components/chord-diagram/types';
+
+export type VisChordDiagramRef<N extends ChordInputNode, L extends ChordInputLink> = {
+    component?: ChordDiagram<N, L>;
+};
+export type VisChordDiagramProps<N extends ChordInputNode, L extends ChordInputLink> = ChordDiagramConfigInterface<N, L> & {
+    data?: {
+        nodes: N[];
+        links?: L[];
+    };
+    ref?: Ref<VisChordDiagramRef<N, L>>;
+};
+export declare const VisChordDiagramSelectors: typeof import("@unovis/ts/components/chord-diagram/style");
+export declare const VisChordDiagram: (<N extends ChordInputNode, L extends ChordInputLink>(props: VisChordDiagramProps<N, L>) => JSX.Element | null);