@unovis/react 1.7.0-pre.1 → 1.7.0

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

@@ -1,29 +1,32 @@
-import React, { useRef, 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 componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new RollingPinLegend(ref.current, props);
-        componentRef.current = c;
-        element.__component__ = c;
-        return () => {
-            componentRef.current = undefined;
-            c.destroy();
-        };
-    }, []);
-    useEffect(() => {
-        const component = componentRef.current;
-        component === null || component === void 0 ? void 0 : component.setConfig(props);
-    });
-    useImperativeHandle(fRef, () => ({ get component() { return componentRef.current; } }), []);
-    return React.createElement("div", { className: props.className, ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { RollingPinLegend } from "@unovis/ts/components/rolling-pin-legend";
+import { arePropsEqual } from "../../utils/react.js";
+const VisRollingPinLegendSelectors = RollingPinLegend.selectors;
+function VisRollingPinLegendFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new RollingPinLegend(ref.current, props);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    component?.setConfig(props);
+  });
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("div", { className: props.className, ref });
+}
 const VisRollingPinLegend = React.memo(React.forwardRef(VisRollingPinLegendFC), arePropsEqual);
-
-export { VisRollingPinLegend, VisRollingPinLegendSelectors };
+export {
+  VisRollingPinLegend,
+  VisRollingPinLegendSelectors
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +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, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { RollingPinLegend, RollingPinLegendConfigInterface } from '@unovis/ts'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\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>): ReactElement {\n  const ref = useRef<VisComponentElement<RollingPinLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<RollingPinLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<RollingPinLegend, HTMLDivElement>)\n\n    const c = new RollingPinLegend(ref.current as VisComponentElement<RollingPinLegend, HTMLDivElement>, 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  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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":";;;;AAmBa,MAAA,4BAA4B,GAAG,gBAAgB,CAAC,UAAS;AAGtE,SAAS,qBAAqB,CAAE,KAA+B,EAAE,IAA0C,EAAA;AACzG,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwD,IAAI,CAAC,CAAA;AAC/E,IAAA,MAAM,YAAY,GAAG,MAAM,CAA+B,SAAS,CAAC,CAAA;IAGpE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAiE,CAAA;QAEtF,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,OAAgE,EAAE,KAAK,CAAC,CAAA;AAC3G,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;QAEtC,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;IAC3F,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;;;;"}
+{"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, ReactElement, Ref, useImperativeHandle, useEffect, useRef, useState } from 'react'\nimport { RollingPinLegend } from '@unovis/ts/components/rolling-pin-legend'\nimport { RollingPinLegendConfigInterface } from '@unovis/ts/components/rolling-pin-legend/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\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>): ReactElement {\n  const ref = useRef<VisComponentElement<RollingPinLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<RollingPinLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<RollingPinLegend, HTMLDivElement>)\n\n    const c = new RollingPinLegend(ref.current as VisComponentElement<RollingPinLegend, HTMLDivElement>, 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  useImperativeHandle(fRef, () => ({ get component () { return componentRef.current } }), [])\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":";;;AAoBO,MAAM,+BAA+B,iBAAiB;AAG7D,SAAS,sBAAuB,OAAiC,MAA0D;AACzH,QAAM,MAAM,OAA8D,IAAI;AAC9E,QAAM,eAAe,OAAqC,MAAS;AAGnE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,iBAAiB,IAAI,SAAkE,KAAK;AAC1G,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;AAED,sBAAoB,MAAM,OAAO,EAAE,IAAI,YAAa;AAAE,WAAO,aAAa;AAAA,EAAQ,EAAA,IAAM,EAAE;AAC1F,SAAO,sBAAA,cAAC,OAAA,EAAI,WAAW,MAAM,WAAW,KAAU;AACpD;AAIO,MAAM,sBAAiF,MAAM,KAAK,MAAM,WAAW,qBAAqB,GAAG,aAAa;"}

package/index.d.ts

@@ -1,3 +1,3 @@
-export * from './containers';
-export * from './components';
-export * from './composites';
+export * from './containers';
+export * from './components';
+export * from './composites';

package/index.js

@@ -1,31 +1,112 @@
-export { VisXYContainer, VisXYContainerFC } from './containers/xy-container/index.js';
-export { VisSingleContainer } from './containers/single-container/index.js';
-export { VisLine, VisLineSelectors } from './components/line/index.js';
-export { VisArea, VisAreaSelectors } from './components/area/index.js';
-export { VisAxis, VisAxisSelectors } from './components/axis/index.js';
-export { VisBrush, VisBrushSelectors } from './components/brush/index.js';
-export { VisChordDiagram, VisChordDiagramSelectors } from './components/chord-diagram/index.js';
-export { VisCrosshair, VisCrosshairSelectors } from './components/crosshair/index.js';
-export { VisDonut, VisDonutSelectors } from './components/donut/index.js';
-export { VisFreeBrush, VisFreeBrushSelectors } from './components/free-brush/index.js';
-export { VisGraph, VisGraphSelectors } from './components/graph/index.js';
-export { VisGroupedBar, VisGroupedBarSelectors } from './components/grouped-bar/index.js';
-export { VisNestedDonut, VisNestedDonutSelectors } from './components/nested-donut/index.js';
-export { VisScatter, VisScatterSelectors } from './components/scatter/index.js';
-export { VisSankey, VisSankeySelectors } from './components/sankey/index.js';
-export { VisStackedBar, VisStackedBarSelectors } from './components/stacked-bar/index.js';
-export { VisTooltip, VisTooltipSelectors } from './components/tooltip/index.js';
-export { VisTimeline, VisTimelineSelectors } from './components/timeline/index.js';
-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 { VisPlotband, VisPlotbandSelectors } from './components/plotband/index.js';
-export { VisTreemap, VisTreemapSelectors } from './components/treemap/index.js';
-export { VisPlotline, VisPlotlineSelectors } from './components/plotline/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 { VisFlowLegend, VisFlowLegendSelectors } from './html-components/flow-legend/index.js';
-export { VisTimeSeries } from './composites/time-series/index.js';
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._timeSeriesContainer_1ayv5_1 {\n  position: relative;\n  height: 400px;\n  width: 100%;\n  font-family: sans-serif;\n}\n\n._timeSeriesModule_1ayv5_8 {\n  width: 100%;\n  height: 70%;\n  position: relative;\n}\n\n._navigationModule_1ayv5_14 {\n  width: 100%;\n  height: 30%;\n  position: relative;\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import { VisAnnotations, VisAnnotationsSelectors } from "./components/annotations/index.js";
+import { VisArea, VisAreaSelectors } from "./components/area/index.js";
+import { VisAxis, VisAxisSelectors } from "./components/axis/index.js";
+import { VisBoxplot, VisBoxplotSelectors } from "./components/boxplot/index.js";
+import { VisBrush, VisBrushSelectors } from "./components/brush/index.js";
+import { VisBulletLegend, VisBulletLegendSelectors } from "./html-components/bullet-legend/index.js";
+import { VisChordDiagram, VisChordDiagramSelectors } from "./components/chord-diagram/index.js";
+import { VisCrosshair, VisCrosshairSelectors } from "./components/crosshair/index.js";
+import { VisDonut, VisDonutSelectors } from "./components/donut/index.js";
+import { VisFlowLegend, VisFlowLegendSelectors } from "./html-components/flow-legend/index.js";
+import { VisFreeBrush, VisFreeBrushSelectors } from "./components/free-brush/index.js";
+import { VisGraph, VisGraphSelectors } from "./components/graph/index.js";
+import { VisGroupedBar, VisGroupedBarSelectors } from "./components/grouped-bar/index.js";
+import { VisHeatmap, VisHeatmapSelectors } from "./components/heatmap/index.js";
+import { VisLeafletFlowMap, VisLeafletFlowMapSelectors } from "./html-components/leaflet-flow-map/index.js";
+import { VisLeafletMap, VisLeafletMapSelectors } from "./html-components/leaflet-map/index.js";
+import { VisLine, VisLineSelectors } from "./components/line/index.js";
+import { VisNestedDonut, VisNestedDonutSelectors } from "./components/nested-donut/index.js";
+import { VisPlotband, VisPlotbandSelectors } from "./components/plotband/index.js";
+import { VisPlotline, VisPlotlineSelectors } from "./components/plotline/index.js";
+import { VisRadialBar, VisRadialBarSelectors } from "./components/radial-bar/index.js";
+import { VisRollingPinLegend, VisRollingPinLegendSelectors } from "./html-components/rolling-pin-legend/index.js";
+import { VisSankey, VisSankeySelectors } from "./components/sankey/index.js";
+import { VisScatter, VisScatterSelectors } from "./components/scatter/index.js";
+import { VisSingleContainer } from "./containers/single-container/index.js";
+import { VisStackedBar, VisStackedBarSelectors } from "./components/stacked-bar/index.js";
+import { VisTimeSeries } from "./composites/time-series/index.js";
+import { VisTimeline, VisTimelineSelectors } from "./components/timeline/index.js";
+import { VisTooltip, VisTooltipSelectors } from "./components/tooltip/index.js";
+import { VisTopoJSONMap, VisTopoJSONMapSelectors } from "./components/topojson-map/index.js";
+import { VisTreemap, VisTreemapSelectors } from "./components/treemap/index.js";
+import { VisXYContainer, VisXYContainerFC } from "./containers/xy-container/index.js";
+import { VisXYLabels, VisXYLabelsSelectors } from "./components/xy-labels/index.js";
+export {
+  VisAnnotations,
+  VisAnnotationsSelectors,
+  VisArea,
+  VisAreaSelectors,
+  VisAxis,
+  VisAxisSelectors,
+  VisBoxplot,
+  VisBoxplotSelectors,
+  VisBrush,
+  VisBrushSelectors,
+  VisBulletLegend,
+  VisBulletLegendSelectors,
+  VisChordDiagram,
+  VisChordDiagramSelectors,
+  VisCrosshair,
+  VisCrosshairSelectors,
+  VisDonut,
+  VisDonutSelectors,
+  VisFlowLegend,
+  VisFlowLegendSelectors,
+  VisFreeBrush,
+  VisFreeBrushSelectors,
+  VisGraph,
+  VisGraphSelectors,
+  VisGroupedBar,
+  VisGroupedBarSelectors,
+  VisHeatmap,
+  VisHeatmapSelectors,
+  VisLeafletFlowMap,
+  VisLeafletFlowMapSelectors,
+  VisLeafletMap,
+  VisLeafletMapSelectors,
+  VisLine,
+  VisLineSelectors,
+  VisNestedDonut,
+  VisNestedDonutSelectors,
+  VisPlotband,
+  VisPlotbandSelectors,
+  VisPlotline,
+  VisPlotlineSelectors,
+  VisRadialBar,
+  VisRadialBarSelectors,
+  VisRollingPinLegend,
+  VisRollingPinLegendSelectors,
+  VisSankey,
+  VisSankeySelectors,
+  VisScatter,
+  VisScatterSelectors,
+  VisSingleContainer,
+  VisStackedBar,
+  VisStackedBarSelectors,
+  VisTimeSeries,
+  VisTimeline,
+  VisTimelineSelectors,
+  VisTooltip,
+  VisTooltipSelectors,
+  VisTopoJSONMap,
+  VisTopoJSONMapSelectors,
+  VisTreemap,
+  VisTreemapSelectors,
+  VisXYContainer,
+  VisXYContainerFC,
+  VisXYLabels,
+  VisXYLabelsSelectors
+};
 //# sourceMappingURL=index.js.map

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,8 @@
 {
   "name": "@unovis/react",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.7.0-pre.1",
-  "packageManager": "npm@10.9.1",
+  "version": "1.7.0",
+  "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -29,35 +29,37 @@
   "main": "./index.js",
   "types": "./index.d.ts",
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "composites/time-series/style.module.css.js",
+    "dist/composites/time-series/style.module.css.js"
+  ],
   "scripts": {
-    "build": "rimraf dist && tsc --project tsconfig.lib.json --emitDeclarationOnly && rollup --config; rm -rf dist/.cache; cp LICENSE README.md package.json ./dist",
+    "build": "vite build; rm -rf dist/.cache; cp LICENSE README.md package.json ./dist",
     "tsc": "tsc",
-    "generate": "rollup -c ./autogen/rollup.config.js; node .autogen.cjs; rm .autogen.cjs",
-    "publish:dist": "cd ./dist; npm publish"
+    "generate": "tsx ./autogen/index.ts",
+    "publish:dist": "cd ./dist; npm publish",
+    "license:check": "pnpm license-report --config=../../lic-report-config.json > licences.md"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.7.0-pre.1",
+    "@unovis/ts": "1.7.0",
     "react": ">=16.8.0 || ^17 || ^18 || ^19",
     "react-dom": ">=16.8.0 || ^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@types/react": ">=16.8.0",
+    "@unovis/ts": "workspace:*",
+    "@unovis/shared": "workspace:*",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@types/react": "^17.0.22",
     "@types/node": "^16.11.17",
-    "@zerollup/ts-transform-paths": "^1.7.18",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "@types/d3-dispatch": "3.0.6",
+    "buffer-from": "^1.1.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.61.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-rename-node-modules": "^1.3.1",
-    "rollup-plugin-typescript2": "^0.31.1",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
-    "tslib": "^2.3.1",
-    "ttypescript": "^1.5.13",
-    "typescript": "~4.2.4"
-  },
-  "dependencies": {}
+    "typescript": "catalog:",
+    "tsx": "^4.19.1",
+    "vite": "catalog:",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
+    "vite-plugin-dts": "^3.5.3"
+  }
 }

package/types/dom.d.ts

@@ -1,3 +1,3 @@
-export declare type VisComponentElement<T, E = HTMLElement> = E & {
-    __component__: T;
-};
+export type VisComponentElement<T, E = HTMLElement> = E & {
+    __component__: T;
+};

package/utils/container.d.ts

@@ -0,0 +1,5 @@
+export type VisContainerContextValue = {
+    requestRender: () => void;
+};
+export declare const VisContainerContext: import('react').Context<VisContainerContextValue | undefined>;
+export declare function useContainerRenderOnUpdate(): void;

package/utils/container.js

@@ -0,0 +1,18 @@
+import { createContext, useContext, useRef, useEffect } from "react";
+const VisContainerContext = createContext(void 0);
+function useContainerRenderOnUpdate() {
+  const requestRender = useContext(VisContainerContext)?.requestRender;
+  const isInitialRunRef = useRef(true);
+  useEffect(() => {
+    if (isInitialRunRef.current) {
+      isInitialRunRef.current = false;
+      return;
+    }
+    requestRender?.();
+  });
+}
+export {
+  VisContainerContext,
+  useContainerRenderOnUpdate
+};
+//# sourceMappingURL=container.js.map

package/utils/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../src/utils/container.ts"],"sourcesContent":["import { createContext, useContext, useEffect, useRef } from 'react'\n\nexport type VisContainerContextValue = {\n  /** Asks the owning container to schedule a re-render. */\n  requestRender: () => void;\n}\n\n/** Lets a component wrapper ask its container to re-render.\n *\n * A component's `setConfig()` only stores the new config, it doesn't paint — containers own the\n * render loop because they're the ones that recalculate sizes, margins, scales and shared domains\n * in `_preRender()`. The container's own props-update effect can't be relied on to notice a\n * component-level change: `VisSingleContainer` / `VisXYContainer` re-render only when *their*\n * props change, which doesn't happen when a new accessor reaches the component through React\n * context, a parent's state, or any other path that skips the container's props. Without this\n * channel such an update sets the config and never repaints. */\nexport const VisContainerContext = createContext<VisContainerContextValue | undefined>(undefined)\n\n/** Asks the owning container to re-render whenever this component's props change.\n *\n * No equality check is needed here: component wrappers are memoized with `arePropsEqual` and hold\n * no state or changing context, so after the initial mount they re-render — and re-run this\n * effect — only when their props have actually changed. The mount run is skipped because\n * containers render on mount anyway. No-op for components rendered outside of a Unovis\n * container. */\nexport function useContainerRenderOnUpdate (): void {\n  const requestRender = useContext(VisContainerContext)?.requestRender\n  const isInitialRunRef = useRef(true)\n\n  useEffect(() => {\n    if (isInitialRunRef.current) {\n      isInitialRunRef.current = false\n      return\n    }\n    requestRender?.()\n  })\n}\n"],"names":[],"mappings":";AAgBO,MAAM,sBAAsB,cAAoD,MAAS;AASzF,SAAS,6BAAoC;AAClD,QAAM,gBAAgB,WAAW,mBAAmB,GAAG;AACvD,QAAM,kBAAkB,OAAO,IAAI;AAEnC,YAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,UAAU;AAC1B;AAAA,IACF;AACA,oBAAA;AAAA,EACF,CAAC;AACH;"}

package/utils/react.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
-export declare function arePropsEqual<PropTypes extends {
-    children?: ReactNode;
-}>(prevProps: PropTypes, nextProps: PropTypes): boolean;
+import { ReactNode } from 'react';
+
+export declare function arePropsEqual<PropTypes extends {
+    children?: ReactNode;
+}>(prevProps: PropTypes, nextProps: PropTypes): boolean;

package/utils/react.js

@@ -1,31 +1,24 @@
-import { Children } from 'react';
-import { isEqual } from '@unovis/ts';
-
-function arePropsEqual(prevProps, nextProps) {
-    var _a, _b;
-    if (typeof prevProps.children !== typeof nextProps.children)
-        return false;
-    if (prevProps.children && nextProps.children) {
-        const prevChildren = Children.toArray(prevProps.children);
-        const nextChildren = Children.toArray(nextProps.children);
-        if (prevChildren.length !== nextChildren.length)
-            return false;
-        for (let i = 0; i < nextChildren.length; i += 1) {
-            if (!isEqual((_a = prevChildren[i]) === null || _a === void 0 ? void 0 : _a.props, (_b = nextChildren[i]) === null || _b === void 0 ? void 0 : _b.props))
-                return false;
-            if (!isEqual(prevChildren[i].props, nextChildren[i].props))
-                return false;
-        }
-    }
-    const propKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]));
-    for (const key of propKeys) {
-        if (key === 'children')
-            continue;
-        if (!(isEqual(prevProps[key], nextProps[key])))
-            return false;
-    }
-    return true;
+import { Children } from "react";
+import { isEqual } from "@unovis/ts/utils/data";
+function arePropsEqual(prevProps, nextProps) {
+  if (typeof prevProps.children !== typeof nextProps.children) return false;
+  if (prevProps.children && nextProps.children) {
+    const prevChildren = Children.toArray(prevProps.children);
+    const nextChildren = Children.toArray(nextProps.children);
+    if (prevChildren.length !== nextChildren.length) return false;
+    for (let i = 0; i < nextChildren.length; i += 1) {
+      if (!isEqual(prevChildren[i]?.props, nextChildren[i]?.props)) return false;
+      if (!isEqual(prevChildren[i].props, nextChildren[i].props)) return false;
+    }
+  }
+  const propKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]));
+  for (const key of propKeys) {
+    if (key === "children") continue;
+    if (!isEqual(prevProps[key], nextProps[key])) return false;
+  }
+  return true;
 }
-
-export { arePropsEqual };
+export {
+  arePropsEqual
+};
 //# sourceMappingURL=react.js.map

package/utils/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react'\nimport { isEqual } from '@unovis/ts'\n\nexport function arePropsEqual<PropTypes extends { children?: ReactNode }> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  if (typeof prevProps.children !== typeof nextProps.children) return false\n\n  if (prevProps.children && nextProps.children) {\n    const prevChildren = Children.toArray(prevProps.children) as ReactElement[]\n    const nextChildren = Children.toArray(nextProps.children) as ReactElement[]\n    if (prevChildren.length !== nextChildren.length) return false\n\n    for (let i = 0; i < nextChildren.length; i += 1) {\n      if (!isEqual(prevChildren[i]?.props, nextChildren[i]?.props)) return false\n      if (!isEqual(prevChildren[i].props, nextChildren[i].props)) return false\n    }\n  }\n\n  const propKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)])) as (keyof PropTypes)[]\n  for (const key of propKeys) {\n    if (key === 'children') continue\n    if (!(isEqual(prevProps[key], nextProps[key]))) return false\n  }\n\n  return true\n}\n"],"names":[],"mappings":";;;AAGgB,SAAA,aAAa,CAA8C,SAAoB,EAAE,SAAoB,EAAA;;IACnH,IAAI,OAAO,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAA;AAEzE,IAAA,IAAI,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,EAAE;QAC5C,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAmB,CAAA;QAC3E,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAmB,CAAA;AAC3E,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK,CAAA;AAE7D,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAC/C,YAAA,IAAI,CAAC,OAAO,CAAC,MAAA,YAAY,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,MAAA,YAAY,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC;AAAE,gBAAA,OAAO,KAAK,CAAA;AAC1E,YAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAAE,gBAAA,OAAO,KAAK,CAAA;AACzE,SAAA;AACF,KAAA;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAwB,CAAA;AACnH,IAAA,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;QAC1B,IAAI,GAAG,KAAK,UAAU;YAAE,SAAQ;AAChC,QAAA,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;AAC7D,KAAA;AAED,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}
+{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react'\nimport { isEqual } from '@unovis/ts/utils/data'\n\nexport function arePropsEqual<PropTypes extends { children?: ReactNode }> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  if (typeof prevProps.children !== typeof nextProps.children) return false\n\n  if (prevProps.children && nextProps.children) {\n    const prevChildren = Children.toArray(prevProps.children) as ReactElement[]\n    const nextChildren = Children.toArray(nextProps.children) as ReactElement[]\n    if (prevChildren.length !== nextChildren.length) return false\n\n    for (let i = 0; i < nextChildren.length; i += 1) {\n      if (!isEqual(prevChildren[i]?.props, nextChildren[i]?.props)) return false\n      if (!isEqual(prevChildren[i].props, nextChildren[i].props)) return false\n    }\n  }\n\n  const propKeys = Array.from(new Set([...Object.keys(prevProps), ...Object.keys(nextProps)])) as (keyof PropTypes)[]\n  for (const key of propKeys) {\n    if (key === 'children') continue\n    if (!(isEqual(prevProps[key], nextProps[key]))) return false\n  }\n\n  return true\n}\n"],"names":[],"mappings":";;AAGO,SAAS,cAA2D,WAAsB,WAA+B;AAC9H,MAAI,OAAO,UAAU,aAAa,OAAO,UAAU,SAAU,QAAO;AAEpE,MAAI,UAAU,YAAY,UAAU,UAAU;AAC5C,UAAM,eAAe,SAAS,QAAQ,UAAU,QAAQ;AACxD,UAAM,eAAe,SAAS,QAAQ,UAAU,QAAQ;AACxD,QAAI,aAAa,WAAW,aAAa,OAAQ,QAAO;AAExD,aAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;AAC/C,UAAI,CAAC,QAAQ,aAAa,CAAC,GAAG,OAAO,aAAa,CAAC,GAAG,KAAK,EAAG,QAAO;AACrE,UAAI,CAAC,QAAQ,aAAa,CAAC,EAAE,OAAO,aAAa,CAAC,EAAE,KAAK,EAAG,QAAO;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,WAAW,MAAM,KAAK,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,SAAS,GAAG,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC;AAC3F,aAAW,OAAO,UAAU;AAC1B,QAAI,QAAQ,WAAY;AACxB,QAAI,CAAE,QAAQ,UAAU,GAAG,GAAG,UAAU,GAAG,CAAC,EAAI,QAAO;AAAA,EACzD;AAEA,SAAO;AACT;"}

package/external/style-inject/dist/style-inject.es.js

@@ -1,29 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };
-//# sourceMappingURL=style-inject.es.js.map

package/external/style-inject/dist/style-inject.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}