@unovis/react 1.7.0-pre.2 → 1.7.0

package/components/chord-diagram/index.js

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

package/components/chord-diagram/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/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 { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisChordDiagramRef<N extends ChordInputNode, L extends ChordInputLink> = {\n  component?: ChordDiagram<N, L>;\n}\n\nexport type VisChordDiagramProps<N extends ChordInputNode, L extends ChordInputLink> = ChordDiagramConfigInterface<N, L> & {\n  data?: { nodes: N[]; links?: L[] };\n  ref?: Ref<VisChordDiagramRef<N, L>>;\n}\n\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisChordDiagramFC<N extends ChordInputNode, L extends ChordInputLink> (props: VisChordDiagramProps<N, L>, fRef: ForwardedRef<VisChordDiagramRef<N, L>>): ReactElement {\n  const ref = useRef<VisComponentElement<ChordDiagram<N, L>>>(null)\n  const componentRef = useRef<ChordDiagram<N, L> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<ChordDiagram<N, L>>)\n\n    const c = new ChordDiagram<N, L>(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 VisChordDiagram: (<N extends ChordInputNode, L extends ChordInputLink>(props: VisChordDiagramProps<N, L>) => JSX.Element | null) = React.memo(React.forwardRef(VisChordDiagramFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,wBAAwB,GAAG,YAAY,CAAC,UAAS;AAG9D,SAAS,iBAAiB,CAAsD,KAAiC,EAAE,IAA4C,EAAA;AAC7J,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,YAAY,CAAO,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,eAAe,GAAoH,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/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 { ChordDiagram } from '@unovis/ts/components/chord-diagram'\nimport { ChordDiagramConfigInterface } from '@unovis/ts/components/chord-diagram/config'\nimport { ChordInputNode, ChordInputLink } from '@unovis/ts/components/chord-diagram/types'\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 VisChordDiagramRef<N extends ChordInputNode, L extends ChordInputLink> = {\n  component?: ChordDiagram<N, L>;\n}\n\nexport type VisChordDiagramProps<N extends ChordInputNode, L extends ChordInputLink> = ChordDiagramConfigInterface<N, L> & {\n  data?: { nodes: N[]; links?: L[] };\n  ref?: Ref<VisChordDiagramRef<N, L>>;\n}\n\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisChordDiagramFC<N extends ChordInputNode, L extends ChordInputLink> (props: VisChordDiagramProps<N, L>, fRef: ForwardedRef<VisChordDiagramRef<N, L>>): ReactElement {\n  const ref = useRef<VisComponentElement<ChordDiagram<N, L>>>(null)\n  const componentRef = useRef<ChordDiagram<N, L> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<ChordDiagram<N, L>>)\n\n    const c = new ChordDiagram<N, L>(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 VisChordDiagram: (<N extends ChordInputNode, L extends ChordInputLink>(props: VisChordDiagramProps<N, L>) => JSX.Element | null) = React.memo(React.forwardRef(VisChordDiagramFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAsBO,MAAM,2BAA2B,aAAa;AAGrD,SAAS,kBAAuE,OAAmC,MAA4D;AAC7K,QAAM,MAAM,OAAgD,IAAI;AAChE,QAAM,eAAe,OAAuC,MAAS;AAGrE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,aAAmB,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,kBAAmI,MAAM,KAAK,MAAM,WAAW,iBAAiB,GAAG,aAAa;"}

package/components/crosshair/index.d.ts

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { Crosshair, CrosshairConfigInterface } from '@unovis/ts';
-export declare type VisCrosshairRef<Datum> = {
-    component?: Crosshair<Datum>;
-};
-export declare type VisCrosshairProps<Datum> = CrosshairConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisCrosshairRef<Datum>>;
-};
-export declare const VisCrosshairSelectors: typeof import("@unovis/ts/dist/components/crosshair/style");
-export declare const VisCrosshair: (<Datum>(props: VisCrosshairProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Crosshair } from '@unovis/ts/components/crosshair';
+import { CrosshairConfigInterface } from '@unovis/ts/components/crosshair/config';
+
+export type VisCrosshairRef<Datum> = {
+    component?: Crosshair<Datum>;
+};
+export type VisCrosshairProps<Datum> = CrosshairConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisCrosshairRef<Datum>>;
+};
+export declare const VisCrosshairSelectors: typeof import("@unovis/ts/components/crosshair/style");
+export declare const VisCrosshair: (<Datum>(props: VisCrosshairProps<Datum>) => JSX.Element | null);

package/components/crosshair/index.js

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

package/components/crosshair/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/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 { Crosshair, CrosshairConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisCrosshairRef<Datum> = {\n  component?: Crosshair<Datum>;\n}\n\nexport type VisCrosshairProps<Datum> = CrosshairConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisCrosshairRef<Datum>>;\n}\n\nexport const VisCrosshairSelectors = Crosshair.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisCrosshairFC<Datum> (props: VisCrosshairProps<Datum>, fRef: ForwardedRef<VisCrosshairRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Crosshair<Datum>>>(null)\n  const componentRef = useRef<Crosshair<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Crosshair<Datum>>)\n\n    const c = new Crosshair<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-crosshair 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 VisCrosshair: (<Datum>(props: VisCrosshairProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisCrosshairFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,qBAAqB,GAAG,SAAS,CAAC,UAAS;AAGxD,SAAS,cAAc,CAAS,KAA+B,EAAE,IAA0C,EAAA;AACzG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwC,IAAI,CAAC,CAAA;AAC/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA+B,SAAS,CAAC,CAAA;IAGpE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAiD,CAAA;AAEtE,QAAA,MAAM,CAAC,GAAG,IAAI,SAAS,CAAQ,KAAK,CAAC,CAAA;AACrC,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,YAAY,GAAqE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/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 { Crosshair } from '@unovis/ts/components/crosshair'\nimport { CrosshairConfigInterface } from '@unovis/ts/components/crosshair/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 VisCrosshairRef<Datum> = {\n  component?: Crosshair<Datum>;\n}\n\nexport type VisCrosshairProps<Datum> = CrosshairConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisCrosshairRef<Datum>>;\n}\n\nexport const VisCrosshairSelectors = Crosshair.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisCrosshairFC<Datum> (props: VisCrosshairProps<Datum>, fRef: ForwardedRef<VisCrosshairRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Crosshair<Datum>>>(null)\n  const componentRef = useRef<Crosshair<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Crosshair<Datum>>)\n\n    const c = new Crosshair<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-crosshair 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 VisCrosshair: (<Datum>(props: VisCrosshairProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisCrosshairFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,wBAAwB,UAAU;AAG/C,SAAS,eAAuB,OAAiC,MAA0D;AACzH,QAAM,MAAM,OAA8C,IAAI;AAC9D,QAAM,eAAe,OAAqC,MAAS;AAGnE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,UAAiB,KAAK;AACpC,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,eAAiF,MAAM,KAAK,MAAM,WAAW,cAAc,GAAG,aAAa;"}

package/components/donut/index.d.ts

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { Donut, DonutConfigInterface } from '@unovis/ts';
-export declare type VisDonutRef<Datum> = {
-    component?: Donut<Datum>;
-};
-export declare type VisDonutProps<Datum> = DonutConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisDonutRef<Datum>>;
-};
-export declare const VisDonutSelectors: typeof import("@unovis/ts/dist/components/donut/style");
-export declare const VisDonut: (<Datum>(props: VisDonutProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Donut } from '@unovis/ts/components/donut';
+import { DonutConfigInterface } from '@unovis/ts/components/donut/config';
+
+export type VisDonutRef<Datum> = {
+    component?: Donut<Datum>;
+};
+export type VisDonutProps<Datum> = DonutConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisDonutRef<Datum>>;
+};
+export declare const VisDonutSelectors: typeof import("@unovis/ts/components/donut/style");
+export declare const VisDonut: (<Datum>(props: VisDonutProps<Datum>) => JSX.Element | null);

package/components/donut/index.js

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

package/components/donut/index.js.map

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

@@ -1,11 +1,13 @@
-import { Ref } from 'react';
-import { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts';
-export declare type VisFreeBrushRef<Datum> = {
-    component?: FreeBrush<Datum>;
-};
-export declare type VisFreeBrushProps<Datum> = FreeBrushConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisFreeBrushRef<Datum>>;
-};
-export declare const VisFreeBrushSelectors: typeof import("@unovis/ts/dist/components/free-brush/style");
-export declare const VisFreeBrush: (<Datum>(props: VisFreeBrushProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { FreeBrush } from '@unovis/ts/components/free-brush';
+import { FreeBrushConfigInterface } from '@unovis/ts/components/free-brush/config';
+
+export type VisFreeBrushRef<Datum> = {
+    component?: FreeBrush<Datum>;
+};
+export type VisFreeBrushProps<Datum> = FreeBrushConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisFreeBrushRef<Datum>>;
+};
+export declare const VisFreeBrushSelectors: typeof import("@unovis/ts/components/free-brush/style");
+export declare const VisFreeBrush: (<Datum>(props: VisFreeBrushProps<Datum>) => JSX.Element | null);

package/components/free-brush/index.js

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

package/components/free-brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/free-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 { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisFreeBrushRef<Datum> = {\n  component?: FreeBrush<Datum>;\n}\n\nexport type VisFreeBrushProps<Datum> = FreeBrushConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisFreeBrushRef<Datum>>;\n}\n\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisFreeBrushFC<Datum> (props: VisFreeBrushProps<Datum>, fRef: ForwardedRef<VisFreeBrushRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<FreeBrush<Datum>>>(null)\n  const componentRef = useRef<FreeBrush<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<FreeBrush<Datum>>)\n\n    const c = new FreeBrush<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 VisFreeBrush: (<Datum>(props: VisFreeBrushProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisFreeBrushFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,qBAAqB,GAAG,SAAS,CAAC,UAAS;AAGxD,SAAS,cAAc,CAAS,KAA+B,EAAE,IAA0C,EAAA;AACzG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwC,IAAI,CAAC,CAAA;AAC/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA+B,SAAS,CAAC,CAAA;IAGpE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAiD,CAAA;AAEtE,QAAA,MAAM,CAAC,GAAG,IAAI,SAAS,CAAQ,KAAK,CAAC,CAAA;AACrC,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,YAAY,GAAqE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/free-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 { FreeBrush } from '@unovis/ts/components/free-brush'\nimport { FreeBrushConfigInterface } from '@unovis/ts/components/free-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 VisFreeBrushRef<Datum> = {\n  component?: FreeBrush<Datum>;\n}\n\nexport type VisFreeBrushProps<Datum> = FreeBrushConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisFreeBrushRef<Datum>>;\n}\n\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisFreeBrushFC<Datum> (props: VisFreeBrushProps<Datum>, fRef: ForwardedRef<VisFreeBrushRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<FreeBrush<Datum>>>(null)\n  const componentRef = useRef<FreeBrush<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<FreeBrush<Datum>>)\n\n    const c = new FreeBrush<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 VisFreeBrush: (<Datum>(props: VisFreeBrushProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisFreeBrushFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,wBAAwB,UAAU;AAG/C,SAAS,eAAuB,OAAiC,MAA0D;AACzH,QAAM,MAAM,OAA8C,IAAI;AAC9D,QAAM,eAAe,OAAqC,MAAS;AAGnE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,UAAiB,KAAK;AACpC,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,eAAiF,MAAM,KAAK,MAAM,WAAW,cAAc,GAAG,aAAa;"}

package/components/graph/index.d.ts

@@ -1,36 +1,39 @@
-import { Ref } from 'react';
-import { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts';
-export declare type VisGraphRef<N extends GraphInputNode, L extends GraphInputLink> = {
-    component?: Graph<N, L>;
-};
-export declare type VisGraphProps<N extends GraphInputNode, L extends GraphInputLink> = GraphConfigInterface<N, L> & {
-    data?: {
-        nodes: N[];
-        links?: L[];
-    };
-    ref?: Ref<VisGraphRef<N, L>>;
-};
-export declare const VisGraphSelectors: {
-    root: string;
-    graphGroup: string;
-    background: string;
-    node: string;
-    nodeShape: string;
-    nodeGauge: string;
-    nodeSideLabel: string;
-    nodeLabel: string;
-    dimmedNode: string;
-    link: string;
-    linkLine: string;
-    linkLabel: string;
-    dimmedLink: string;
-    panel: string;
-    panelRect: string;
-    panelSelection: string;
-    panelLabel: string;
-    panelLabelText: string;
-    panelSideIcon: string;
-    panelSideIconShape: string;
-    panelSideIconSymbol: string;
-};
-export declare const VisGraph: (<N extends GraphInputNode, L extends GraphInputLink>(props: VisGraphProps<N, L>) => JSX.Element | null);
+import { Ref } from 'react';
+import { Graph } from '@unovis/ts/components/graph';
+import { GraphConfigInterface } from '@unovis/ts/components/graph/config';
+import { GraphInputNode, GraphInputLink } from '@unovis/ts/types/graph';
+
+export type VisGraphRef<N extends GraphInputNode, L extends GraphInputLink> = {
+    component?: Graph<N, L>;
+};
+export type VisGraphProps<N extends GraphInputNode, L extends GraphInputLink> = GraphConfigInterface<N, L> & {
+    data?: {
+        nodes: N[];
+        links?: L[];
+    };
+    ref?: Ref<VisGraphRef<N, L>>;
+};
+export declare const VisGraphSelectors: {
+    root: string;
+    graphGroup: string;
+    background: string;
+    node: string;
+    nodeShape: string;
+    nodeGauge: string;
+    nodeSideLabel: string;
+    nodeLabel: string;
+    dimmedNode: string;
+    link: string;
+    linkLine: string;
+    linkLabel: string;
+    dimmedLink: string;
+    panel: string;
+    panelRect: string;
+    panelSelection: string;
+    panelLabel: string;
+    panelLabelText: string;
+    panelSideIcon: string;
+    panelSideIconShape: string;
+    panelSideIconSymbol: string;
+};
+export declare const VisGraph: (<N extends GraphInputNode, L extends GraphInputLink>(props: VisGraphProps<N, L>) => JSX.Element | null);

package/components/graph/index.js

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

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/graph/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 { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisGraphRef<N extends GraphInputNode, L extends GraphInputLink> = {\n  component?: Graph<N, L>;\n}\n\nexport type VisGraphProps<N extends GraphInputNode, L extends GraphInputLink> = GraphConfigInterface<N, L> & {\n  data?: { nodes: N[]; links?: L[] };\n  ref?: Ref<VisGraphRef<N, L>>;\n}\n\nexport const VisGraphSelectors = Graph.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGraphFC<N extends GraphInputNode, L extends GraphInputLink> (props: VisGraphProps<N, L>, fRef: ForwardedRef<VisGraphRef<N, L>>): ReactElement {\n  const ref = useRef<VisComponentElement<Graph<N, L>>>(null)\n  const componentRef = useRef<Graph<N, L> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Graph<N, L>>)\n\n    const c = new Graph<N, L>(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 VisGraph: (<N extends GraphInputNode, L extends GraphInputLink>(props: VisGraphProps<N, L>) => JSX.Element | null) = React.memo(React.forwardRef(VisGraphFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,iBAAiB,GAAG,KAAK,CAAC,UAAS;AAGhD,SAAS,UAAU,CAAsD,KAA0B,EAAE,IAAqC,EAAA;AACxI,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,KAAK,CAAO,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,QAAQ,GAA6G,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/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 { Graph } from '@unovis/ts/components/graph'\nimport { GraphConfigInterface } from '@unovis/ts/components/graph/config'\nimport { GraphInputNode, GraphInputLink } from '@unovis/ts/types/graph'\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 VisGraphRef<N extends GraphInputNode, L extends GraphInputLink> = {\n  component?: Graph<N, L>;\n}\n\nexport type VisGraphProps<N extends GraphInputNode, L extends GraphInputLink> = GraphConfigInterface<N, L> & {\n  data?: { nodes: N[]; links?: L[] };\n  ref?: Ref<VisGraphRef<N, L>>;\n}\n\nexport const VisGraphSelectors = Graph.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGraphFC<N extends GraphInputNode, L extends GraphInputLink> (props: VisGraphProps<N, L>, fRef: ForwardedRef<VisGraphRef<N, L>>): ReactElement {\n  const ref = useRef<VisComponentElement<Graph<N, L>>>(null)\n  const componentRef = useRef<Graph<N, L> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Graph<N, L>>)\n\n    const c = new Graph<N, L>(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 VisGraph: (<N extends GraphInputNode, L extends GraphInputLink>(props: VisGraphProps<N, L>) => JSX.Element | null) = React.memo(React.forwardRef(VisGraphFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAsBO,MAAM,oBAAoB,MAAM;AAGvC,SAAS,WAAgE,OAA4B,MAAqD;AACxJ,QAAM,MAAM,OAAyC,IAAI;AACzD,QAAM,eAAe,OAAgC,MAAS;AAG9D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,MAAY,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,WAAqH,MAAM,KAAK,MAAM,WAAW,UAAU,GAAG,aAAa;"}