@unovis/react 1.5.1-ql.2 → 1.5.1-xplg.0

package/components/graph/index.d.ts

@@ -22,6 +22,7 @@ export declare const VisGraphSelectors: {
     dimmedNode: string;
     link: string;
     linkLine: string;
+    linkLabel: string;
     dimmedLink: string;
     panel: string;
     panelRect: string;

package/components/treemap/index.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { Treemap, TreemapConfigInterface } from '@unovis/ts';
+export declare type VisTreemapRef<Datum> = {
+    component?: Treemap<Datum>;
+};
+export declare type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisTreemapRef<Datum>>;
+};
+export declare const VisTreemapSelectors: typeof import("@unovis/ts/lib/components/treemap/style");
+export declare const VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null);

package/components/treemap/index.js

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

package/components/treemap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { Treemap, TreemapConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisTreemapRef<Datum> = {\n  component?: Treemap<Datum>;\n}\n\nexport type VisTreemapProps<Datum> = TreemapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisTreemapRef<Datum>>;\n}\n\nexport const VisTreemapSelectors = Treemap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisTreemapFC<Datum> (props: VisTreemapProps<Datum>, fRef: ForwardedRef<VisTreemapRef<Datum>>): JSX.Element {\n  const ref = useRef<VisComponentElement<Treemap<Datum>>>(null)\n  const componentRef = useRef<Treemap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<Treemap<Datum>>)\n\n    const c = new Treemap<Datum>(props)\n    componentRef.current = c\n    element.__component__ = c\n\n    return () => {\n      componentRef.current = undefined\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const component = componentRef.current\n    if (props.data) component?.setData(props.data)\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\n  return <vis-component ref={ref} />\n}\n\n// We export a memoized component to avoid unnecessary re-renders\n//  and define its type explicitly to help react-docgen-typescript to extract information about props\nexport const VisTreemap: (<Datum>(props: VisTreemapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisTreemapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAmBa,MAAA,mBAAmB,GAAG,OAAO,CAAC,UAAS;AAGpD,SAAS,YAAY,CAAS,KAA6B,EAAE,IAAwC,EAAA;AACnG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAsC,IAAI,CAAC,CAAA;AAC7D,IAAA,MAAM,YAAY,GAAG,MAAM,CAA6B,SAAS,CAAC,CAAA;IAGlE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA+C,CAAA;AAEpE,QAAA,MAAM,CAAC,GAAG,IAAI,OAAO,CAAQ,KAAK,CAAC,CAAA;AACnC,QAAA,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACxB,QAAA,OAAO,CAAC,aAAa,GAAG,CAAC,CAAA;AAEzB,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;YAChC,CAAC,CAAC,OAAO,EAAE,CAAA;AACb,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,IAAI,KAAK,CAAC,IAAI;YAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC9C,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAS,GAAA,EAAM,OAAO,YAAY,CAAC,OAAO,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3F,IAAA,OAAO,KAAe,CAAA,aAAA,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,GAAG,GAAI,CAAA;AACpC,CAAC;AAIY,MAAA,UAAU,GAAmE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,aAAa;;;;"}

package/components.d.ts

@@ -17,6 +17,7 @@ export * from './components/timeline/';
 export * from './components/topojson-map/';
 export * from './components/xy-labels';
 export * from './components/annotations';
+export * from './components/treemap';
 export * from './html-components/bullet-legend';
 export * from './html-components/leaflet-map';
 export * from './html-components/leaflet-flow-map';

package/index.js

@@ -19,6 +19,7 @@ export { VisTimeline, VisTimelineSelectors } from './components/timeline/index.j
 export { VisTopoJSONMap, VisTopoJSONMapSelectors } from './components/topojson-map/index.js';
 export { VisXYLabels, VisXYLabelsSelectors } from './components/xy-labels/index.js';
 export { VisAnnotations, VisAnnotationsSelectors } from './components/annotations/index.js';
+export { VisTreemap, VisTreemapSelectors } from './components/treemap/index.js';
 export { VisBulletLegend, VisBulletLegendSelectors } from './html-components/bullet-legend/index.js';
 export { VisLeafletMap, VisLeafletMapSelectors } from './html-components/leaflet-map/index.js';
 export { VisLeafletFlowMap, VisLeafletFlowMapSelectors } from './html-components/leaflet-flow-map/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,8 +1,7 @@
 {
   "name": "@unovis/react",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.5.1-ql.2",
-  "packageManager": "npm@10.9.1",
+  "version": "1.5.1-xplg.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -36,7 +35,7 @@
     "publish:dist": "rm -rf dist/.cache; cp ./{LICENSE,README.md,package.json} ./dist; cd ./dist; npm publish"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.5.0",
+    "@unovis/ts": "1.5.1-xplg.0",
     "react": ">=16.8.0 || ^17 || ^18 || ^19",
     "react-dom": ">=16.8.0 || ^17 || ^18 || ^19"
   },