@unovis/react 1.7.1 → 1.8.0-vpd-beta.0

package/components/annotations/index.js

@@ -6,9 +6,10 @@ const VisAnnotationsSelectors = Annotations.selectors;
 function VisAnnotationsFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const config = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Annotations(props);
+    const c = new Annotations(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,7 +19,7 @@ function VisAnnotationsFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    component?.setConfig(props);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  const config = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Annotations>)\n\n    const c = new Annotations(config)\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(config)\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;AAC9D,QAAM,SAAS;AAGf,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,YAAY,MAAM;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;AAE/B,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisAreaSelectors = Area.selectors;
 function VisAreaFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Area(props);
+    const c = new Area(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisAreaFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Area<Datum>>)\n\n    const c = new Area<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAE9D,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,KAAY,MAAM;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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisAxisSelectors = Axis.selectors;
 function VisAxisFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Axis(props);
+    const c = new Axis(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisAxisFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Axis<Datum>>)\n\n    const c = new Axis<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAE9D,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,KAAY,MAAM;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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisBoxplotSelectors = Boxplot.selectors;
 function VisBoxplotFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Boxplot(props);
+    const c = new Boxplot(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisBoxplotFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

package/components/boxplot/index.js.map

@@ -1 +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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Boxplot<Datum>>)\n\n    const c = new Boxplot<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAEjE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,QAAe,MAAM;AACnC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisBrushSelectors = Brush.selectors;
 function VisBrushFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Brush(props);
+    const c = new Brush(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisBrushFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Brush<Datum>>)\n\n    const c = new Brush<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAE/D,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,MAAa,MAAM;AACjC,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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisChordDiagramSelectors = ChordDiagram.selectors;
 function VisChordDiagramFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new ChordDiagram(props);
+    const c = new ChordDiagram(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisChordDiagramFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<ChordDiagram<N, L>>)\n\n    const c = new ChordDiagram<N, L>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAErE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,aAAmB,MAAM;AACvC,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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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/circular-bar/index.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'react';
+import { CircularBar } from '@unovis/ts/components/circular-bar';
+import { CircularBarConfigInterface } from '@unovis/ts/components/circular-bar/config';
+
+export type VisCircularBarRef<Datum> = {
+    component?: CircularBar<Datum>;
+};
+export type VisCircularBarProps<Datum> = CircularBarConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisCircularBarRef<Datum>>;
+};
+export declare const VisCircularBarSelectors: typeof import("@unovis/ts/components/circular-bar/style");
+export declare const VisCircularBar: (<Datum>(props: VisCircularBarProps<Datum>) => JSX.Element | null);

package/components/circular-bar/index.js

@@ -0,0 +1,36 @@
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { CircularBar } from "@unovis/ts/components/circular-bar";
+import { arePropsEqual } from "../../utils/react.js";
+import { useContainerRenderOnUpdate } from "../../utils/container.js";
+const VisCircularBarSelectors = CircularBar.selectors;
+function VisCircularBarFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  const { data, ...config } = props;
+  useEffect(() => {
+    const element = ref.current;
+    const c = new CircularBar(config);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
+  });
+  useContainerRenderOnUpdate();
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("vis-component", { ref });
+}
+const VisCircularBar = React.memo(React.forwardRef(VisCircularBarFC), arePropsEqual);
+export {
+  VisCircularBar,
+  VisCircularBarSelectors
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/circular-bar/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef } from 'react'\nimport { CircularBar } from '@unovis/ts/components/circular-bar'\nimport { CircularBarConfigInterface } from '@unovis/ts/components/circular-bar/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisCircularBarRef<Datum> = {\n  component?: CircularBar<Datum>;\n}\n\nexport type VisCircularBarProps<Datum> = CircularBarConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisCircularBarRef<Datum>>;\n}\n\nexport const VisCircularBarSelectors = CircularBar.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisCircularBarFC<Datum> (props: VisCircularBarProps<Datum>, fRef: ForwardedRef<VisCircularBarRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<CircularBar<Datum>>>(null)\n  const componentRef = useRef<CircularBar<Datum> | undefined>(undefined)\n  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<CircularBar<Datum>>)\n\n    const c = new CircularBar<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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 VisCircularBar: (<Datum>(props: VisCircularBarProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisCircularBarFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,0BAA0B,YAAY;AAGnD,SAAS,iBAAyB,OAAmC,MAA4D;AAC/H,QAAM,MAAM,OAAgD,IAAI;AAChE,QAAM,eAAe,OAAuC,MAAS;AAErE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,YAAmB,MAAM;AACvC,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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,iBAAqF,MAAM,KAAK,MAAM,WAAW,gBAAgB,GAAG,aAAa;"}

package/components/crosshair/index.js

@@ -6,9 +6,10 @@ const VisCrosshairSelectors = Crosshair.selectors;
 function VisCrosshairFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Crosshair(props);
+    const c = new Crosshair(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisCrosshairFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Crosshair<Datum>>)\n\n    const c = new Crosshair<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAEnE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,UAAiB,MAAM;AACrC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisDonutSelectors = Donut.selectors;
 function VisDonutFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Donut(props);
+    const c = new Donut(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisDonutFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Donut<Datum>>)\n\n    const c = new Donut<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAE/D,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,MAAa,MAAM;AACjC,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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisFreeBrushSelectors = FreeBrush.selectors;
 function VisFreeBrushFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new FreeBrush(props);
+    const c = new FreeBrush(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisFreeBrushFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<FreeBrush<Datum>>)\n\n    const c = new FreeBrush<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAEnE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,UAAiB,MAAM;AACrC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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.js

@@ -6,9 +6,10 @@ const VisGraphSelectors = Graph.selectors;
 function VisGraphFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Graph(props);
+    const c = new Graph(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisGraphFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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 } 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;"}
+{"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 } 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  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Graph<N, L>>)\n\n    const c = new Graph<N, L>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\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;AAE9D,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,MAAY,MAAM;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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,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;"}

package/components/grouped-bar/index.js

@@ -6,9 +6,10 @@ const VisGroupedBarSelectors = GroupedBar.selectors;
 function VisGroupedBarFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new GroupedBar(props);
+    const c = new GroupedBar(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisGroupedBarFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { GroupedBar } from '@unovis/ts/components/grouped-bar'\nimport { GroupedBarConfigInterface } from '@unovis/ts/components/grouped-bar/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisGroupedBarRef<Datum> = {\n  component?: GroupedBar<Datum>;\n}\n\nexport type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisGroupedBarRef<Datum>>;\n}\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGroupedBarFC<Datum> (props: VisGroupedBarProps<Datum>, fRef: ForwardedRef<VisGroupedBarRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<GroupedBar<Datum>>>(null)\n  const componentRef = useRef<GroupedBar<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<GroupedBar<Datum>>)\n\n    const c = new GroupedBar<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisGroupedBarFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,yBAAyB,WAAW;AAGjD,SAAS,gBAAwB,OAAkC,MAA2D;AAC5H,QAAM,MAAM,OAA+C,IAAI;AAC/D,QAAM,eAAe,OAAsC,MAAS;AAGpE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,WAAkB,KAAK;AACrC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,MAAM,KAAM,YAAW,QAAQ,MAAM,IAAI;AAC7C,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,gBAAmF,MAAM,KAAK,MAAM,WAAW,eAAe,GAAG,aAAa;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef } from 'react'\nimport { GroupedBar } from '@unovis/ts/components/grouped-bar'\nimport { GroupedBarConfigInterface } from '@unovis/ts/components/grouped-bar/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisGroupedBarRef<Datum> = {\n  component?: GroupedBar<Datum>;\n}\n\nexport type VisGroupedBarProps<Datum> = GroupedBarConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisGroupedBarRef<Datum>>;\n}\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisGroupedBarFC<Datum> (props: VisGroupedBarProps<Datum>, fRef: ForwardedRef<VisGroupedBarRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<GroupedBar<Datum>>>(null)\n  const componentRef = useRef<GroupedBar<Datum> | undefined>(undefined)\n  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<GroupedBar<Datum>>)\n\n    const c = new GroupedBar<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisGroupedBar: (<Datum>(props: VisGroupedBarProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisGroupedBarFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,yBAAyB,WAAW;AAGjD,SAAS,gBAAwB,OAAkC,MAA2D;AAC5H,QAAM,MAAM,OAA+C,IAAI;AAC/D,QAAM,eAAe,OAAsC,MAAS;AAEpE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,WAAkB,MAAM;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,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,gBAAmF,MAAM,KAAK,MAAM,WAAW,eAAe,GAAG,aAAa;"}

package/components/heatmap/index.js

@@ -6,9 +6,10 @@ const VisHeatmapSelectors = Heatmap.selectors;
 function VisHeatmapFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Heatmap(props);
+    const c = new Heatmap(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisHeatmapFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {

package/components/heatmap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/heatmap/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Heatmap } from '@unovis/ts/components/heatmap'\nimport { HeatmapConfigInterface } from '@unovis/ts/components/heatmap/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisHeatmapRef<Datum> = {\n  component?: Heatmap<Datum>;\n}\n\nexport type VisHeatmapProps<Datum> = HeatmapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisHeatmapRef<Datum>>;\n}\n\nexport const VisHeatmapSelectors = Heatmap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisHeatmapFC<Datum> (props: VisHeatmapProps<Datum>, fRef: ForwardedRef<VisHeatmapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Heatmap<Datum>>>(null)\n  const componentRef = useRef<Heatmap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Heatmap<Datum>>)\n\n    const c = new Heatmap<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisHeatmap: (<Datum>(props: VisHeatmapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisHeatmapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,sBAAsB,QAAQ;AAG3C,SAAS,aAAqB,OAA+B,MAAwD;AACnH,QAAM,MAAM,OAA4C,IAAI;AAC5D,QAAM,eAAe,OAAmC,MAAS;AAGjE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,QAAe,KAAK;AAClC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,MAAM,KAAM,YAAW,QAAQ,MAAM,IAAI;AAC7C,eAAW,UAAU,KAAK;AAAA,EAC5B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,aAA6E,MAAM,KAAK,MAAM,WAAW,YAAY,GAAG,aAAa;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/heatmap/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, ReactElement, Ref, useImperativeHandle, useEffect, useRef } from 'react'\nimport { Heatmap } from '@unovis/ts/components/heatmap'\nimport { HeatmapConfigInterface } from '@unovis/ts/components/heatmap/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { useContainerRenderOnUpdate } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisHeatmapRef<Datum> = {\n  component?: Heatmap<Datum>;\n}\n\nexport type VisHeatmapProps<Datum> = HeatmapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisHeatmapRef<Datum>>;\n}\n\nexport const VisHeatmapSelectors = Heatmap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisHeatmapFC<Datum> (props: VisHeatmapProps<Datum>, fRef: ForwardedRef<VisHeatmapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<Heatmap<Datum>>>(null)\n  const componentRef = useRef<Heatmap<Datum> | undefined>(undefined)\n  // Separate the config properties from the props that should not be passed to the component\n  const { data, ...config } = props\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Heatmap<Datum>>)\n\n    const c = new Heatmap<Datum>(config)\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 (data !== undefined) component?.setData(data)\n    component?.setConfig(config)\n  })\n\n  // Ask the container to re-render when this component's config changes (see `useContainerRenderOnUpdate`)\n  useContainerRenderOnUpdate()\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisHeatmap: (<Datum>(props: VisHeatmapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisHeatmapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAqBO,MAAM,sBAAsB,QAAQ;AAG3C,SAAS,aAAqB,OAA+B,MAAwD;AACnH,QAAM,MAAM,OAA4C,IAAI;AAC5D,QAAM,eAAe,OAAmC,MAAS;AAEjE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW;AAG5B,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,QAAe,MAAM;AACnC,iBAAa,UAAU;AACvB,YAAQ,gBAAgB;AAExB,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,SAAS,OAAW,YAAW,QAAQ,IAAI;AAC/C,eAAW,UAAU,MAAM;AAAA,EAC7B,CAAC;AAGD,6BAAA;AAEA,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,mBAAc,IAAA,CAAU;AAClC;AAIO,MAAM,aAA6E,MAAM,KAAK,MAAM,WAAW,YAAY,GAAG,aAAa;"}

package/components/line/index.js

@@ -6,9 +6,10 @@ const VisLineSelectors = Line.selectors;
 function VisLineFC(props, fRef) {
   const ref = useRef(null);
   const componentRef = useRef(void 0);
+  const { data, ...config } = props;
   useEffect(() => {
     const element = ref.current;
-    const c = new Line(props);
+    const c = new Line(config);
     componentRef.current = c;
     element.__component__ = c;
     return () => {
@@ -18,8 +19,8 @@ function VisLineFC(props, fRef) {
   }, []);
   useEffect(() => {
     const component = componentRef.current;
-    if (props.data) component?.setData(props.data);
-    component?.setConfig(props);
+    if (data !== void 0) component?.setData(data);
+    component?.setConfig(config);
   });
   useContainerRenderOnUpdate();
   useImperativeHandle(fRef, () => ({ get component() {