@unovis/react 1.5.1-xplg.1 → 1.5.1-xplg.2

package/components.d.ts

@@ -19,5 +19,6 @@ export * from './components/xy-labels';
 export * from './components/annotations';
 export * from './components/treemap';
 export * from './html-components/bullet-legend';
+export * from './html-components/rolling-pin-legend';
 export * from './html-components/leaflet-map';
 export * from './html-components/leaflet-flow-map';

package/html-components/rolling-pin-legend/index.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { RollingPinLegend, RollingPinLegendConfigInterface } from '@unovis/ts';
+export declare type VisRollingPinLegendRef = {
+    component?: RollingPinLegend;
+};
+export declare type VisRollingPinLegendProps = RollingPinLegendConfigInterface & {
+    ref?: Ref<VisRollingPinLegendRef>;
+    className?: string;
+};
+export declare const VisRollingPinLegendSelectors: typeof import("@unovis/ts/lib/components/rolling-pin-legend/style");
+export declare const VisRollingPinLegend: ((props: VisRollingPinLegendProps) => JSX.Element | null);

package/html-components/rolling-pin-legend/index.js

@@ -0,0 +1,23 @@
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { RollingPinLegend } from '@unovis/ts';
+import { arePropsEqual } from '../../utils/react.js';
+
+const VisRollingPinLegendSelectors = RollingPinLegend.selectors;
+function VisRollingPinLegendFC(props, fRef) {
+    const ref = useRef(null);
+    const [component, setComponent] = useState();
+    useEffect(() => {
+        const c = new RollingPinLegend(ref.current, props);
+        setComponent(c);
+        return () => c === null || c === void 0 ? void 0 : c.destroy();
+    }, []);
+    useEffect(() => {
+        component === null || component === void 0 ? void 0 : component.setConfig(props);
+    });
+    useImperativeHandle(fRef, () => ({ get component() { return component; } }), []);
+    return React.createElement("div", { className: props.className, ref: ref });
+}
+const VisRollingPinLegend = React.memo(React.forwardRef(VisRollingPinLegendFC), arePropsEqual);
+
+export { VisRollingPinLegend, VisRollingPinLegendSelectors };
+//# sourceMappingURL=index.js.map

package/html-components/rolling-pin-legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/rolling-pin-legend/index.tsx"],"sourcesContent":["// !!! This code was automatically generated. You should not change it !!!\nimport React, { ForwardedRef, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { RollingPinLegend, RollingPinLegendConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\nexport type VisRollingPinLegendRef = {\n  component?: RollingPinLegend;\n}\n\nexport type VisRollingPinLegendProps = RollingPinLegendConfigInterface & {\n  ref?: Ref<VisRollingPinLegendRef>;\n  className?: string;\n}\n\nexport const VisRollingPinLegendSelectors = RollingPinLegend.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisRollingPinLegendFC (props: VisRollingPinLegendProps, fRef: ForwardedRef<VisRollingPinLegendRef>): JSX.Element {\n  const ref = useRef<HTMLDivElement>(null)\n  const [component, setComponent] = useState<RollingPinLegend>()\n\n  // On Mount\n  useEffect(() => {\n    const c = new RollingPinLegend(ref.current as HTMLDivElement, props)\n    setComponent(c)\n\n    return () => c?.destroy()\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    component?.setConfig(props)\n  })\n\n  useImperativeHandle(fRef, () => ({ get component () { return component } }), [])\n  return <div className={props.className} 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 VisRollingPinLegend: ((props: VisRollingPinLegendProps) => JSX.Element | null) = React.memo(React.forwardRef(VisRollingPinLegendFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAgBa,MAAA,4BAA4B,GAAG,gBAAgB,CAAC,UAAS;AAGtE,SAAS,qBAAqB,CAAE,KAA+B,EAAE,IAA0C,EAAA;AACzG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAoB,CAAA;IAG9D,SAAS,CAAC,MAAK;QACb,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,OAAyB,EAAE,KAAK,CAAC,CAAA;QACpE,YAAY,CAAC,CAAC,CAAC,CAAA;QAEf,OAAO,MAAM,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,OAAO,EAAE,CAAA;KAC1B,EAAE,EAAE,CAAC,CAAA;IAGN,SAAS,CAAC,MAAK;QACb,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,KAAM,OAAO,SAAS,CAAA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAChF,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA;AACtD,CAAC;AAIY,MAAA,mBAAmB,GAA8D,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,EAAE,aAAa;;;;"}

package/index.js

@@ -21,6 +21,7 @@ export { VisXYLabels, VisXYLabelsSelectors } from './components/xy-labels/index.
 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 { VisRollingPinLegend, VisRollingPinLegendSelectors } from './html-components/rolling-pin-legend/index.js';
 export { VisLeafletMap, VisLeafletMapSelectors } from './html-components/leaflet-map/index.js';
 export { VisLeafletFlowMap, VisLeafletFlowMapSelectors } from './html-components/leaflet-flow-map/index.js';
 export { VisTimeSeries } from './composites/time-series/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, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.5.1-xplg.1",
+  "version": "1.5.1-xplg.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.5.1-xplg.1",
+    "@unovis/ts": "1.5.1-xplg.2",
     "react": ">=16.8.0 || ^17 || ^18 || ^19",
     "react-dom": ">=16.8.0 || ^17 || ^18 || ^19"
   },