@unovis/react 1.1.2-beta.0 → 1.1.2-beta.2

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

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { NestedDonut, NestedDonutConfigInterface } from '@unovis/ts';
+export declare type VisNestedDonutRef<Datum> = {
+    component?: NestedDonut<Datum>;
+};
+export declare type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisNestedDonutRef<Datum>>;
+};
+export declare const VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null);

package/components/nested-donut/index.js

@@ -0,0 +1,30 @@
+import React, { useRef, useEffect, useImperativeHandle } from 'react';
+import { NestedDonut } from '@unovis/ts';
+import { arePropsEqual } from '../../utils/react.js';
+
+function VisNestedDonutFC(props, fRef) {
+    const ref = useRef(null);
+    const componentRef = useRef(undefined);
+    useEffect(() => {
+        const element = ref.current;
+        const c = new NestedDonut(props);
+        componentRef.current = c;
+        element.__component__ = c;
+        return () => {
+            componentRef.current = undefined;
+            c.destroy();
+        };
+    }, []);
+    useEffect(() => {
+        const component = componentRef.current;
+        if (props.data)
+            component === null || component === void 0 ? void 0 : component.setData(props.data);
+        component === null || component === void 0 ? void 0 : component.setConfig(props);
+    });
+    useImperativeHandle(fRef, () => ({ component: componentRef.current }), [componentRef.current]);
+    return React.createElement("vis-component", { ref: ref });
+}
+const VisNestedDonut = React.memo(React.forwardRef(VisNestedDonutFC), arePropsEqual);
+
+export { VisNestedDonut };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { NestedDonut, NestedDonutConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisNestedDonutRef<Datum> = {\n  component?: NestedDonut<Datum>;\n}\n\nexport type VisNestedDonutProps<Datum> = NestedDonutConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisNestedDonutRef<Datum>>;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisNestedDonutFC<Datum> (props: VisNestedDonutProps<Datum>, fRef: ForwardedRef<VisNestedDonutRef<Datum>>): JSX.Element {\n  const ref = useRef<VisComponentElement<NestedDonut<Datum>>>(null)\n  const componentRef = useRef<NestedDonut<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<NestedDonut<Datum>>)\n\n    const c = new NestedDonut<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ component: componentRef.current }), [componentRef.current])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisNestedDonut: (<Datum>(props: VisNestedDonutProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisNestedDonutFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBA,SAAS,gBAAgB,CAAS,KAAiC,EAAE,IAA4C,EAAA;AAC/G,IAAA,MAAM,GAAG,GAAG,MAAM,CAA0C,IAAI,CAAC,CAAA;AACjE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiC,SAAS,CAAC,CAAA;IAGtE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAmD,CAAA;AAExE,QAAA,MAAM,CAAC,GAAG,IAAI,WAAW,CAAQ,KAAK,CAAC,CAAA;AACvC,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,IAAI,KAAK,CAAC,IAAI;YAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC9C,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;AAC9F,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,cAAc,GAAuE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,aAAa;;;;"}

package/components.d.ts

@@ -8,6 +8,7 @@ export * from './components/donut';
 export * from './components/free-brush';
 export * from './components/graph';
 export * from './components/grouped-bar/';
+export * from './components/nested-donut';
 export * from './components/scatter/';
 export * from './components/sankey';
 export * from './components/stacked-bar/';

package/index.js

@@ -10,6 +10,7 @@ export { VisDonut } from './components/donut/index.js';
 export { VisFreeBrush } from './components/free-brush/index.js';
 export { VisGraph } from './components/graph/index.js';
 export { VisGroupedBar } from './components/grouped-bar/index.js';
+export { VisNestedDonut } from './components/nested-donut/index.js';
 export { VisScatter } from './components/scatter/index.js';
 export { VisSankey } from './components/sankey/index.js';
 export { VisStackedBar } from './components/stacked-bar/index.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/react",
   "description": "Modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript",
-  "version": "1.1.2-beta.0",
+  "version": "1.1.2-beta.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -35,7 +35,7 @@
     "publish:dist": "rm -rf dist/.cache; cp ./{LICENSE,README.md,package.json} ./dist; cd ./dist; npm publish"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.1.2-beta.0",
+    "@unovis/ts": "1.1.2-beta.2",
     "react": ">=16.8.0 || ^17 || ^18",
     "react-dom": ">=16.8.0 || ^17 || ^18"
   },