@unovis/react 1.6.7 → 1.7.0-beta.0

package/containers/xy-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { ReactNode, useEffect, useRef, useState, PropsWithChildren } from 'react'\nimport { XYContainer } from '@unovis/ts/containers/xy-container'\nimport { XYContainerConfigInterface } from '@unovis/ts/containers/xy-container/config'\nimport { XYComponentCore } from '@unovis/ts/core/xy-component'\nimport { Tooltip } from '@unovis/ts/components/tooltip'\nimport { Crosshair } from '@unovis/ts/components/crosshair'\nimport { Axis } from '@unovis/ts/components/axis'\nimport { AxisType } from '@unovis/ts/components/axis/types'\nimport { Annotations } from '@unovis/ts/components/annotations'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYContainerProps<Datum> = XYContainerConfigInterface<Datum> & {\n  data?: Datum[];\n  className?: string;\n  style?: React.CSSProperties | Record<`--${string}`, string | number>;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisXYContainerFC<Datum> (props: PropsWithChildren<VisXYContainerProps<Datum>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const prevPropsRef = useRef<PropsWithChildren<VisXYContainerProps<Datum>>>({})\n  const chartRef = useRef<XYContainer<Datum> | undefined>(undefined)\n  const dataRef = useRef<Datum[] | undefined>(undefined)\n  const animationFrameRef = useRef<number | null>(null)\n\n  const getConfig = (): XYContainerConfigInterface<Datum> => ({\n    components: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<XYComponentCore<Datum>>>('vis-component') ?? [])\n      .map(c => c.__component__)\n      .filter(Boolean) as XYComponentCore<Datum>[],\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n    crosshair: container.current?.querySelector<VisComponentElement<Crosshair<Datum>>>('vis-crosshair')?.__component__,\n    annotations: container.current?.querySelector<VisComponentElement<Annotations>>('vis-annotations')?.__component__,\n    xAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.X),\n    yAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.Y),\n    margin: { top: 5, left: 5, right: 5, bottom: 5 },\n    ...props,\n  })\n\n  // On Mount\n  useEffect(() => {\n    const c = new XYContainer<Datum>(container.current as HTMLDivElement, getConfig(), props.data)\n    chartRef.current = c\n    prevPropsRef.current = props\n    dataRef.current = props.data\n\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current)\n        animationFrameRef.current = null\n        prevPropsRef.current = {}\n      }\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== dataRef.current)) {\n      chartRef.current?.setData(props.data, preventRender)\n      dataRef.current = props.data\n    }\n\n    // Update and render\n    // ! Experimental: we use `requestAnimationFrame` to make the wrapper compatible with React 18 Strict Mode.\n    // React 18 in Strict Mode renders components twice. At the same time, this container will get updated only after\n    // the first render of its children (VisLine, VisArea, ...) meaning that their wrong instances (the ones\n    // that will be destroyed soon) are stored in the `__component__` property of their elements at that moment.\n    // So we delay the container update with `requestAnimationFrame` to wait till the new instances of children\n    // components are available at `__component__`.\n    if (!arePropsEqual(prevPropsRef.current, props)) { // Checking whether the props have changed do avoid multiple renders\n      prevPropsRef.current = props\n      if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current)\n      animationFrameRef.current = requestAnimationFrame(() => {\n        chartRef.current?.updateContainer(getConfig())\n      })\n    }\n  })\n\n  return (\n    <div ref={container} className={props.className} style={props.style}>\n      {props.children}\n    </div>\n  )\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 VisXYContainer: (<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>) => JSX.Element | null) =\n  React.memo(VisXYContainerFC, arePropsEqual)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { ReactNode, useEffect, useMemo, useRef, useState, PropsWithChildren } from 'react'\nimport { XYContainer } from '@unovis/ts/containers/xy-container'\nimport { XYContainerConfigInterface } from '@unovis/ts/containers/xy-container/config'\nimport { XYComponentCore } from '@unovis/ts/core/xy-component'\nimport { Tooltip } from '@unovis/ts/components/tooltip'\nimport { Crosshair } from '@unovis/ts/components/crosshair'\nimport { Axis } from '@unovis/ts/components/axis'\nimport { AxisType } from '@unovis/ts/components/axis/types'\nimport { Annotations } from '@unovis/ts/components/annotations'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\nimport { VisContainerContext, VisContainerContextValue } from 'src/utils/container'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisXYContainerProps<Datum> = XYContainerConfigInterface<Datum> & {\n  data?: Datum[];\n  className?: string;\n  style?: React.CSSProperties | Record<`--${string}`, string | number>;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function VisXYContainerFC<Datum> (props: PropsWithChildren<VisXYContainerProps<Datum>>): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const prevPropsRef = useRef<PropsWithChildren<VisXYContainerProps<Datum>>>({})\n  const chartRef = useRef<XYContainer<Datum> | undefined>(undefined)\n  const dataRef = useRef<Datum[] | undefined>(undefined)\n  const animationFrameRef = useRef<number | null>(null)\n  const renderRequestFrameRef = useRef<number | null>(null)\n\n  // Children ask for a re-render when their own config changes. We coalesce the requests into a single\n  // frame, and skip them when this container's props changed too, because the `updateContainer` call\n  // scheduled below renders on its own.\n  const containerContext = useMemo<VisContainerContextValue>(() => ({\n    requestRender: () => {\n      if (renderRequestFrameRef.current !== null) return\n      renderRequestFrameRef.current = requestAnimationFrame(() => {\n        renderRequestFrameRef.current = null\n        if (animationFrameRef.current !== null) return\n        chartRef.current?.render()\n      })\n    },\n  }), [])\n\n  const getConfig = (): XYContainerConfigInterface<Datum> => ({\n    components: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<XYComponentCore<Datum>>>('vis-component') ?? [])\n      .map(c => c.__component__)\n      .filter(Boolean) as XYComponentCore<Datum>[],\n    tooltip: container.current?.querySelector<VisComponentElement<Tooltip>>('vis-tooltip')?.__component__,\n    crosshair: container.current?.querySelector<VisComponentElement<Crosshair<Datum>>>('vis-crosshair')?.__component__,\n    annotations: container.current?.querySelector<VisComponentElement<Annotations>>('vis-annotations')?.__component__,\n    xAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.X),\n    yAxis: Array\n      .from(container.current?.querySelectorAll<VisComponentElement<Axis<Datum>>>('vis-axis') ?? [])\n      .map(c => c.__component__)\n      .find(c => c.config.type === AxisType.Y),\n    margin: { top: 5, left: 5, right: 5, bottom: 5 },\n    ...props,\n  })\n\n  // On Mount\n  useEffect(() => {\n    const c = new XYContainer<Datum>(container.current as HTMLDivElement, getConfig(), props.data)\n    chartRef.current = c\n    prevPropsRef.current = props\n    dataRef.current = props.data\n\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current)\n        animationFrameRef.current = null\n        prevPropsRef.current = {}\n      }\n      if (renderRequestFrameRef.current !== null) {\n        cancelAnimationFrame(renderRequestFrameRef.current)\n        renderRequestFrameRef.current = null\n      }\n      c.destroy()\n    }\n  }, [])\n\n  // On Props Update\n  useEffect(() => {\n    const preventRender = true\n\n    // Set new Data without re-render\n    if (props.data && (props.data !== dataRef.current)) {\n      chartRef.current?.setData(props.data, preventRender)\n      dataRef.current = props.data\n    }\n\n    // Update and render\n    // ! Experimental: we use `requestAnimationFrame` to make the wrapper compatible with React 18 Strict Mode.\n    // React 18 in Strict Mode renders components twice. At the same time, this container will get updated only after\n    // the first render of its children (VisLine, VisArea, ...) meaning that their wrong instances (the ones\n    // that will be destroyed soon) are stored in the `__component__` property of their elements at that moment.\n    // So we delay the container update with `requestAnimationFrame` to wait till the new instances of children\n    // components are available at `__component__`.\n    if (!arePropsEqual(prevPropsRef.current, props)) { // Checking whether the props have changed do avoid multiple renders\n      prevPropsRef.current = props\n      if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current)\n      animationFrameRef.current = requestAnimationFrame(() => {\n        animationFrameRef.current = null\n        chartRef.current?.updateContainer(getConfig())\n      })\n    }\n  })\n\n  return (\n    <div ref={container} className={props.className} style={props.style}>\n      <VisContainerContext.Provider value={containerContext}>\n        {props.children}\n      </VisContainerContext.Provider>\n    </div>\n  )\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 VisXYContainer: (<Datum>(props: PropsWithChildren<VisXYContainerProps<Datum>>) => JSX.Element | null) =\n  React.memo(VisXYContainerFC, arePropsEqual)\n"],"names":[],"mappings":";;;;;AAyBO,SAAS,iBAAyB,OAAmE;AAC1G,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,eAAe,OAAsD,EAAE;AAC7E,QAAM,WAAW,OAAuC,MAAS;AACjE,QAAM,UAAU,OAA4B,MAAS;AACrD,QAAM,oBAAoB,OAAsB,IAAI;AACpD,QAAM,wBAAwB,OAAsB,IAAI;AAKxD,QAAM,mBAAmB,QAAkC,OAAO;AAAA,IAChE,eAAe,MAAM;AACnB,UAAI,sBAAsB,YAAY,KAAM;AAC5C,4BAAsB,UAAU,sBAAsB,MAAM;AAC1D,8BAAsB,UAAU;AAChC,YAAI,kBAAkB,YAAY,KAAM;AACxC,iBAAS,SAAS,OAAA;AAAA,MACpB,CAAC;AAAA,IACH;AAAA,EAAA,IACE,CAAA,CAAE;AAEN,QAAM,YAAY,OAA0C;AAAA,IAC1D,YAAY,MACT,KAAK,UAAU,SAAS,iBAA8D,eAAe,KAAK,CAAA,CAAE,EAC5G,IAAI,CAAA,MAAK,EAAE,aAAa,EACxB,OAAO,OAAO;AAAA,IACjB,SAAS,UAAU,SAAS,cAA4C,aAAa,GAAG;AAAA,IACxF,WAAW,UAAU,SAAS,cAAqD,eAAe,GAAG;AAAA,IACrG,aAAa,UAAU,SAAS,cAAgD,iBAAiB,GAAG;AAAA,IACpG,OAAO,MACJ,KAAK,UAAU,SAAS,iBAAmD,UAAU,KAAK,EAAE,EAC5F,IAAI,CAAA,MAAK,EAAE,aAAa,EACxB,KAAK,OAAK,EAAE,OAAO,SAAS,SAAS,CAAC;AAAA,IACzC,OAAO,MACJ,KAAK,UAAU,SAAS,iBAAmD,UAAU,KAAK,EAAE,EAC5F,IAAI,CAAA,MAAK,EAAE,aAAa,EACxB,KAAK,OAAK,EAAE,OAAO,SAAS,SAAS,CAAC;AAAA,IACzC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAA;AAAA,IAC7C,GAAG;AAAA,EAAA;AAIL,YAAU,MAAM;AACd,UAAM,IAAI,IAAI,YAAmB,UAAU,SAA2B,UAAA,GAAa,MAAM,IAAI;AAC7F,aAAS,UAAU;AACnB,iBAAa,UAAU;AACvB,YAAQ,UAAU,MAAM;AAExB,WAAO,MAAM;AACX,UAAI,kBAAkB,SAAS;AAC7B,6BAAqB,kBAAkB,OAAO;AAC9C,0BAAkB,UAAU;AAC5B,qBAAa,UAAU,CAAA;AAAA,MACzB;AACA,UAAI,sBAAsB,YAAY,MAAM;AAC1C,6BAAqB,sBAAsB,OAAO;AAClD,8BAAsB,UAAU;AAAA,MAClC;AACA,QAAE,QAAA;AAAA,IACJ;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACd,UAAM,gBAAgB;AAGtB,QAAI,MAAM,QAAS,MAAM,SAAS,QAAQ,SAAU;AAClD,eAAS,SAAS,QAAQ,MAAM,MAAM,aAAa;AACnD,cAAQ,UAAU,MAAM;AAAA,IAC1B;AASA,QAAI,CAAC,cAAc,aAAa,SAAS,KAAK,GAAG;AAC/C,mBAAa,UAAU;AACvB,UAAI,kBAAkB,QAAS,sBAAqB,kBAAkB,OAAO;AAC7E,wBAAkB,UAAU,sBAAsB,MAAM;AACtD,0BAAkB,UAAU;AAC5B,iBAAS,SAAS,gBAAgB,WAAW;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,6CACG,OAAA,EAAI,KAAK,WAAW,WAAW,MAAM,WAAW,OAAO,MAAM,MAAA,GAC5D,sBAAA,cAAC,oBAAoB,UAApB,EAA6B,OAAO,iBAAA,GAClC,MAAM,QACT,CACF;AAEJ;AAIO,MAAM,iBACX,MAAM,KAAK,kBAAkB,aAAa;"}

package/containers.d.ts

@@ -1,2 +1,2 @@
-export * from './containers/xy-container';
-export * from './containers/single-container';
+export * from './containers/xy-container';
+export * from './containers/single-container';

package/html-components/bullet-legend/index.d.ts

@@ -1,12 +1,13 @@
-import { Ref } from 'react';
-import { BulletLegend } from '@unovis/ts/components/bullet-legend';
-import { BulletLegendConfigInterface } from '@unovis/ts/components/bullet-legend/config';
-export declare type VisBulletLegendRef = {
-    component?: BulletLegend;
-};
-export declare type VisBulletLegendProps = BulletLegendConfigInterface & {
-    ref?: Ref<VisBulletLegendRef>;
-    className?: string;
-};
-export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/components/bullet-legend/style");
-export declare const VisBulletLegend: ((props: VisBulletLegendProps) => JSX.Element | null);
+import { Ref } from 'react';
+import { BulletLegend } from '@unovis/ts/components/bullet-legend';
+import { BulletLegendConfigInterface } from '@unovis/ts/components/bullet-legend/config';
+
+export type VisBulletLegendRef = {
+    component?: BulletLegend;
+};
+export type VisBulletLegendProps = BulletLegendConfigInterface & {
+    ref?: Ref<VisBulletLegendRef>;
+    className?: string;
+};
+export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/components/bullet-legend/style");
+export declare const VisBulletLegend: ((props: VisBulletLegendProps) => JSX.Element | null);

package/html-components/bullet-legend/index.js

@@ -1,29 +1,32 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { BulletLegend } from '@unovis/ts/components/bullet-legend';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisBulletLegendSelectors = BulletLegend.selectors;
-function VisBulletLegendFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new BulletLegend(ref.current, Object.assign(Object.assign({}, props), { renderIntoProvidedDomNode: true }));
-        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 { BulletLegend } from "@unovis/ts/components/bullet-legend";
+import { arePropsEqual } from "../../utils/react.js";
+const VisBulletLegendSelectors = BulletLegend.selectors;
+function VisBulletLegendFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new BulletLegend(ref.current, { ...props, renderIntoProvidedDomNode: true });
+    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 VisBulletLegend = React.memo(React.forwardRef(VisBulletLegendFC), arePropsEqual);
-
-export { VisBulletLegend, VisBulletLegendSelectors };
+export {
+  VisBulletLegend,
+  VisBulletLegendSelectors
+};
 //# sourceMappingURL=index.js.map

package/html-components/bullet-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-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 { BulletLegend } from '@unovis/ts/components/bullet-legend'\nimport { BulletLegendConfigInterface } from '@unovis/ts/components/bullet-legend/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisBulletLegendRef = {\n  component?: BulletLegend;\n}\n\nexport type VisBulletLegendProps = BulletLegendConfigInterface & {\n  ref?: Ref<VisBulletLegendRef>;\n  className?: string;\n}\n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisBulletLegendFC (props: VisBulletLegendProps, fRef: ForwardedRef<VisBulletLegendRef>): ReactElement {\n  const ref = useRef<VisComponentElement<BulletLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<BulletLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<BulletLegend, HTMLDivElement>)\n\n    const c = new BulletLegend(ref.current as VisComponentElement<BulletLegend, HTMLDivElement>, { ...props, renderIntoProvidedDomNode: true })\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 VisBulletLegend: ((props: VisBulletLegendProps) => JSX.Element | null) = React.memo(React.forwardRef(VisBulletLegendFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBa,MAAA,wBAAwB,GAAG,YAAY,CAAC,UAAS;AAG9D,SAAS,iBAAiB,CAAE,KAA2B,EAAE,IAAsC,EAAA;AAC7F,IAAA,MAAM,GAAG,GAAG,MAAM,CAAoD,IAAI,CAAC,CAAA;AAC3E,IAAA,MAAM,YAAY,GAAG,MAAM,CAA2B,SAAS,CAAC,CAAA;IAGhE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA6D,CAAA;AAElF,QAAA,MAAM,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC,OAA4D,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,KAAK,CAAE,EAAA,EAAA,yBAAyB,EAAE,IAAI,IAAG,CAAA;AAC3I,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,eAAe,GAA0D,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-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 { BulletLegend } from '@unovis/ts/components/bullet-legend'\nimport { BulletLegendConfigInterface } from '@unovis/ts/components/bullet-legend/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisBulletLegendRef = {\n  component?: BulletLegend;\n}\n\nexport type VisBulletLegendProps = BulletLegendConfigInterface & {\n  ref?: Ref<VisBulletLegendRef>;\n  className?: string;\n}\n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisBulletLegendFC (props: VisBulletLegendProps, fRef: ForwardedRef<VisBulletLegendRef>): ReactElement {\n  const ref = useRef<VisComponentElement<BulletLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<BulletLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<BulletLegend, HTMLDivElement>)\n\n    const c = new BulletLegend(ref.current as VisComponentElement<BulletLegend, HTMLDivElement>, { ...props, renderIntoProvidedDomNode: true })\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 VisBulletLegend: ((props: VisBulletLegendProps) => JSX.Element | null) = React.memo(React.forwardRef(VisBulletLegendFC), arePropsEqual)\n"],"names":[],"mappings":";;;AAoBO,MAAM,2BAA2B,aAAa;AAGrD,SAAS,kBAAmB,OAA6B,MAAsD;AAC7G,QAAM,MAAM,OAA0D,IAAI;AAC1E,QAAM,eAAe,OAAiC,MAAS;AAG/D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,aAAa,IAAI,SAA8D,EAAE,GAAG,OAAO,2BAA2B,MAAM;AAC1I,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,kBAAyE,MAAM,KAAK,MAAM,WAAW,iBAAiB,GAAG,aAAa;"}

package/html-components/flow-legend/index.d.ts

@@ -1,12 +1,13 @@
-import { Ref } from 'react';
-import { FlowLegend } from '@unovis/ts/components/flow-legend';
-import { FlowLegendConfigInterface } from '@unovis/ts/components/flow-legend/config';
-export declare type VisFlowLegendRef = {
-    component?: FlowLegend;
-};
-export declare type VisFlowLegendProps = FlowLegendConfigInterface & {
-    ref?: Ref<VisFlowLegendRef>;
-    className?: string;
-};
-export declare const VisFlowLegendSelectors: typeof import("@unovis/ts/components/flow-legend/style");
-export declare const VisFlowLegend: ((props: VisFlowLegendProps) => JSX.Element | null);
+import { Ref } from 'react';
+import { FlowLegend } from '@unovis/ts/components/flow-legend';
+import { FlowLegendConfigInterface } from '@unovis/ts/components/flow-legend/config';
+
+export type VisFlowLegendRef = {
+    component?: FlowLegend;
+};
+export type VisFlowLegendProps = FlowLegendConfigInterface & {
+    ref?: Ref<VisFlowLegendRef>;
+    className?: string;
+};
+export declare const VisFlowLegendSelectors: typeof import("@unovis/ts/components/flow-legend/style");
+export declare const VisFlowLegend: ((props: VisFlowLegendProps) => JSX.Element | null);

package/html-components/flow-legend/index.js

@@ -1,29 +1,32 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { FlowLegend } from '@unovis/ts/components/flow-legend';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisFlowLegendSelectors = FlowLegend.selectors;
-function VisFlowLegendFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new FlowLegend(ref.current, Object.assign(Object.assign({}, props), { renderIntoProvidedDomNode: true }));
-        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 { FlowLegend } from "@unovis/ts/components/flow-legend";
+import { arePropsEqual } from "../../utils/react.js";
+const VisFlowLegendSelectors = FlowLegend.selectors;
+function VisFlowLegendFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new FlowLegend(ref.current, { ...props, renderIntoProvidedDomNode: true });
+    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 VisFlowLegend = React.memo(React.forwardRef(VisFlowLegendFC), arePropsEqual);
-
-export { VisFlowLegend, VisFlowLegendSelectors };
+export {
+  VisFlowLegend,
+  VisFlowLegendSelectors
+};
 //# sourceMappingURL=index.js.map

package/html-components/flow-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/flow-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 { FlowLegend } from '@unovis/ts/components/flow-legend'\nimport { FlowLegendConfigInterface } from '@unovis/ts/components/flow-legend/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisFlowLegendRef = {\n  component?: FlowLegend;\n}\n\nexport type VisFlowLegendProps = FlowLegendConfigInterface & {\n  ref?: Ref<VisFlowLegendRef>;\n  className?: string;\n}\n\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisFlowLegendFC (props: VisFlowLegendProps, fRef: ForwardedRef<VisFlowLegendRef>): ReactElement {\n  const ref = useRef<VisComponentElement<FlowLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<FlowLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<FlowLegend, HTMLDivElement>)\n\n    const c = new FlowLegend(ref.current as VisComponentElement<FlowLegend, HTMLDivElement>, { ...props, renderIntoProvidedDomNode: true })\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 VisFlowLegend: ((props: VisFlowLegendProps) => JSX.Element | null) = React.memo(React.forwardRef(VisFlowLegendFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAoBa,MAAA,sBAAsB,GAAG,UAAU,CAAC,UAAS;AAG1D,SAAS,eAAe,CAAE,KAAyB,EAAE,IAAoC,EAAA;AACvF,IAAA,MAAM,GAAG,GAAG,MAAM,CAAkD,IAAI,CAAC,CAAA;AACzE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAyB,SAAS,CAAC,CAAA;IAG9D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAA2D,CAAA;AAEhF,QAAA,MAAM,CAAC,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,OAA0D,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,KAAK,CAAE,EAAA,EAAA,yBAAyB,EAAE,IAAI,IAAG,CAAA;AACvI,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,aAAa,GAAwD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/flow-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 { FlowLegend } from '@unovis/ts/components/flow-legend'\nimport { FlowLegendConfigInterface } from '@unovis/ts/components/flow-legend/config'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisFlowLegendRef = {\n  component?: FlowLegend;\n}\n\nexport type VisFlowLegendProps = FlowLegendConfigInterface & {\n  ref?: Ref<VisFlowLegendRef>;\n  className?: string;\n}\n\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisFlowLegendFC (props: VisFlowLegendProps, fRef: ForwardedRef<VisFlowLegendRef>): ReactElement {\n  const ref = useRef<VisComponentElement<FlowLegend, HTMLDivElement>>(null)\n  const componentRef = useRef<FlowLegend | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<FlowLegend, HTMLDivElement>)\n\n    const c = new FlowLegend(ref.current as VisComponentElement<FlowLegend, HTMLDivElement>, { ...props, renderIntoProvidedDomNode: true })\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 VisFlowLegend: ((props: VisFlowLegendProps) => JSX.Element | null) = React.memo(React.forwardRef(VisFlowLegendFC), arePropsEqual)\n"],"names":[],"mappings":";;;AAoBO,MAAM,yBAAyB,WAAW;AAGjD,SAAS,gBAAiB,OAA2B,MAAoD;AACvG,QAAM,MAAM,OAAwD,IAAI;AACxE,QAAM,eAAe,OAA+B,MAAS;AAG7D,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,WAAW,IAAI,SAA4D,EAAE,GAAG,OAAO,2BAA2B,MAAM;AACtI,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,gBAAqE,MAAM,KAAK,MAAM,WAAW,eAAe,GAAG,aAAa;"}

package/html-components/leaflet-flow-map/index.d.ts

@@ -1,17 +1,18 @@
-import { Ref } from 'react';
-import { LeafletFlowMap } from '@unovis/ts/components/leaflet-flow-map';
-import { LeafletFlowMapConfigInterface } from '@unovis/ts/components/leaflet-flow-map/config';
-import { GenericDataRecord } from '@unovis/ts/types/data';
-export declare type VisLeafletFlowMapRef<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = {
-    component?: LeafletFlowMap<PointDatum, FlowDatum>;
-};
-export declare type VisLeafletFlowMapProps<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
-    data?: {
-        points: PointDatum[];
-        flows?: FlowDatum[];
-    };
-    ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;
-    className?: string;
-};
-export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
-export declare const VisLeafletFlowMap: (<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { LeafletFlowMap } from '@unovis/ts/components/leaflet-flow-map';
+import { LeafletFlowMapConfigInterface } from '@unovis/ts/components/leaflet-flow-map/config';
+import { GenericDataRecord } from '@unovis/ts/types/data';
+
+export type VisLeafletFlowMapRef<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = {
+    component?: LeafletFlowMap<PointDatum, FlowDatum>;
+};
+export type VisLeafletFlowMapProps<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
+    data?: {
+        points: PointDatum[];
+        flows?: FlowDatum[];
+    };
+    ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;
+    className?: string;
+};
+export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
+export declare const VisLeafletFlowMap: (<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null);

package/html-components/leaflet-flow-map/index.js

@@ -1,31 +1,33 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { LeafletFlowMap } from '@unovis/ts/components/leaflet-flow-map';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors;
-function VisLeafletFlowMapFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new LeafletFlowMap(ref.current, props, props.data);
-        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("div", { className: props.className, ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { LeafletFlowMap } from "@unovis/ts/components/leaflet-flow-map";
+import { arePropsEqual } from "../../utils/react.js";
+const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors;
+function VisLeafletFlowMapFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new LeafletFlowMap(ref.current, props, props.data);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (props.data) component?.setData(props.data);
+    component?.setConfig(props);
+  });
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("div", { className: props.className, ref });
+}
 const VisLeafletFlowMap = React.memo(React.forwardRef(VisLeafletFlowMapFC), arePropsEqual);
-
-export { VisLeafletFlowMap, VisLeafletFlowMapSelectors };
+export {
+  VisLeafletFlowMap,
+  VisLeafletFlowMapSelectors
+};
 //# sourceMappingURL=index.js.map

package/html-components/leaflet-flow-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/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 { LeafletFlowMap } from '@unovis/ts/components/leaflet-flow-map'\nimport { LeafletFlowMapConfigInterface } from '@unovis/ts/components/leaflet-flow-map/config'\nimport { GenericDataRecord } from '@unovis/ts/types/data'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisLeafletFlowMapRef<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = {\n  component?: LeafletFlowMap<PointDatum, FlowDatum>;\n}\n\nexport type VisLeafletFlowMapProps<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {\n  data?: { points: PointDatum[]; flows?: FlowDatum[] };\n  ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;\n  className?: string;\n}\n\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLeafletFlowMapFC<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> (props: VisLeafletFlowMapProps<PointDatum, FlowDatum>, fRef: ForwardedRef<VisLeafletFlowMapRef<PointDatum, FlowDatum>>): ReactElement {\n  const ref = useRef<VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>>(null)\n  const componentRef = useRef<LeafletFlowMap<PointDatum, FlowDatum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>)\n\n    const c = new LeafletFlowMap<PointDatum, FlowDatum>(ref.current as VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>, props, props.data)\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 <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 VisLeafletFlowMap: (<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLeafletFlowMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAsBa,MAAA,0BAA0B,GAAG,cAAc,CAAC,UAAS;AAGlE,SAAS,mBAAmB,CAA6E,KAAoD,EAAE,IAA+D,EAAA;AAC5N,IAAA,MAAM,GAAG,GAAG,MAAM,CAA6E,IAAI,CAAC,CAAA;AACpG,IAAA,MAAM,YAAY,GAAG,MAAM,CAAoD,SAAS,CAAC,CAAA;IAGzF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAsF,CAAA;AAE3G,QAAA,MAAM,CAAC,GAAG,IAAI,cAAc,CAAwB,GAAG,CAAC,OAAqF,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;AACjK,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;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,iBAAiB,GAA8J,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/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 { LeafletFlowMap } from '@unovis/ts/components/leaflet-flow-map'\nimport { LeafletFlowMapConfigInterface } from '@unovis/ts/components/leaflet-flow-map/config'\nimport { GenericDataRecord } from '@unovis/ts/types/data'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisLeafletFlowMapRef<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = {\n  component?: LeafletFlowMap<PointDatum, FlowDatum>;\n}\n\nexport type VisLeafletFlowMapProps<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> = LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {\n  data?: { points: PointDatum[]; flows?: FlowDatum[] };\n  ref?: Ref<VisLeafletFlowMapRef<PointDatum, FlowDatum>>;\n  className?: string;\n}\n\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLeafletFlowMapFC<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> (props: VisLeafletFlowMapProps<PointDatum, FlowDatum>, fRef: ForwardedRef<VisLeafletFlowMapRef<PointDatum, FlowDatum>>): ReactElement {\n  const ref = useRef<VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>>(null)\n  const componentRef = useRef<LeafletFlowMap<PointDatum, FlowDatum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>)\n\n    const c = new LeafletFlowMap<PointDatum, FlowDatum>(ref.current as VisComponentElement<LeafletFlowMap<PointDatum, FlowDatum>, HTMLDivElement>, props, props.data)\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 <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 VisLeafletFlowMap: (<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(props: VisLeafletFlowMapProps<PointDatum, FlowDatum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLeafletFlowMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;AAsBO,MAAM,6BAA6B,eAAe;AAGzD,SAAS,oBAAgG,OAAsD,MAA+E;AAC5O,QAAM,MAAM,OAAmF,IAAI;AACnG,QAAM,eAAe,OAA0D,MAAS;AAGxF,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,eAAsC,IAAI,SAAuF,OAAO,MAAM,IAAI;AAChK,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;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,oBAA+K,MAAM,KAAK,MAAM,WAAW,mBAAmB,GAAG,aAAa;"}

package/html-components/leaflet-map/index.d.ts

@@ -1,14 +1,15 @@
-import { Ref } from 'react';
-import { LeafletMap } from '@unovis/ts/components/leaflet-map';
-import { LeafletMapConfigInterface } from '@unovis/ts/components/leaflet-map/config';
-import { GenericDataRecord } from '@unovis/ts/types/data';
-export declare type VisLeafletMapRef<Datum extends GenericDataRecord> = {
-    component?: LeafletMap<Datum>;
-};
-export declare type VisLeafletMapProps<Datum extends GenericDataRecord> = LeafletMapConfigInterface<Datum> & {
-    data?: Datum[];
-    ref?: Ref<VisLeafletMapRef<Datum>>;
-    className?: string;
-};
-export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
-export declare const VisLeafletMap: (<Datum extends GenericDataRecord>(props: VisLeafletMapProps<Datum>) => JSX.Element | null);
+import { Ref } from 'react';
+import { LeafletMap } from '@unovis/ts/components/leaflet-map';
+import { LeafletMapConfigInterface } from '@unovis/ts/components/leaflet-map/config';
+import { GenericDataRecord } from '@unovis/ts/types/data';
+
+export type VisLeafletMapRef<Datum extends GenericDataRecord> = {
+    component?: LeafletMap<Datum>;
+};
+export type VisLeafletMapProps<Datum extends GenericDataRecord> = LeafletMapConfigInterface<Datum> & {
+    data?: Datum[];
+    ref?: Ref<VisLeafletMapRef<Datum>>;
+    className?: string;
+};
+export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
+export declare const VisLeafletMap: (<Datum extends GenericDataRecord>(props: VisLeafletMapProps<Datum>) => JSX.Element | null);

package/html-components/leaflet-map/index.js

@@ -1,31 +1,33 @@
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-import { LeafletMap } from '@unovis/ts/components/leaflet-map';
-import { arePropsEqual } from '../../utils/react.js';
-
-const VisLeafletMapSelectors = LeafletMap.selectors;
-function VisLeafletMapFC(props, fRef) {
-    const ref = useRef(null);
-    const componentRef = useRef(undefined);
-    useEffect(() => {
-        const element = ref.current;
-        const c = new LeafletMap(ref.current, props, props.data);
-        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("div", { className: props.className, ref: ref });
-}
+import React, { useRef, useEffect, useImperativeHandle } from "react";
+import { LeafletMap } from "@unovis/ts/components/leaflet-map";
+import { arePropsEqual } from "../../utils/react.js";
+const VisLeafletMapSelectors = LeafletMap.selectors;
+function VisLeafletMapFC(props, fRef) {
+  const ref = useRef(null);
+  const componentRef = useRef(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    const c = new LeafletMap(ref.current, props, props.data);
+    componentRef.current = c;
+    element.__component__ = c;
+    return () => {
+      componentRef.current = void 0;
+      c.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const component = componentRef.current;
+    if (props.data) component?.setData(props.data);
+    component?.setConfig(props);
+  });
+  useImperativeHandle(fRef, () => ({ get component() {
+    return componentRef.current;
+  } }), []);
+  return /* @__PURE__ */ React.createElement("div", { className: props.className, ref });
+}
 const VisLeafletMap = React.memo(React.forwardRef(VisLeafletMapFC), arePropsEqual);
-
-export { VisLeafletMap, VisLeafletMapSelectors };
+export {
+  VisLeafletMap,
+  VisLeafletMapSelectors
+};
 //# sourceMappingURL=index.js.map

package/html-components/leaflet-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/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 { LeafletMap } from '@unovis/ts/components/leaflet-map'\nimport { LeafletMapConfigInterface } from '@unovis/ts/components/leaflet-map/config'\nimport { GenericDataRecord } from '@unovis/ts/types/data'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisLeafletMapRef<Datum extends GenericDataRecord> = {\n  component?: LeafletMap<Datum>;\n}\n\nexport type VisLeafletMapProps<Datum extends GenericDataRecord> = LeafletMapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisLeafletMapRef<Datum>>;\n  className?: string;\n}\n\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLeafletMapFC<Datum extends GenericDataRecord> (props: VisLeafletMapProps<Datum>, fRef: ForwardedRef<VisLeafletMapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<LeafletMap<Datum>, HTMLDivElement>>(null)\n  const componentRef = useRef<LeafletMap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<LeafletMap<Datum>, HTMLDivElement>)\n\n    const c = new LeafletMap<Datum>(ref.current as VisComponentElement<LeafletMap<Datum>, HTMLDivElement>, props, props.data)\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 <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 VisLeafletMap: (<Datum extends GenericDataRecord>(props: VisLeafletMapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLeafletMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;;AAsBa,MAAA,sBAAsB,GAAG,UAAU,CAAC,UAAS;AAG1D,SAAS,eAAe,CAAmC,KAAgC,EAAE,IAA2C,EAAA;AACtI,IAAA,MAAM,GAAG,GAAG,MAAM,CAAyD,IAAI,CAAC,CAAA;AAChF,IAAA,MAAM,YAAY,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAA;IAGrE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAI,GAAG,CAAC,OAAkE,CAAA;AAEvF,QAAA,MAAM,CAAC,GAAG,IAAI,UAAU,CAAQ,GAAG,CAAC,OAAiE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;AACzH,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;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,aAAa,GAAgG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/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 { LeafletMap } from '@unovis/ts/components/leaflet-map'\nimport { LeafletMapConfigInterface } from '@unovis/ts/components/leaflet-map/config'\nimport { GenericDataRecord } from '@unovis/ts/types/data'\n\n// Utils\nimport { arePropsEqual } from 'src/utils/react'\n\n// Types\nimport { VisComponentElement } from 'src/types/dom'\n\nexport type VisLeafletMapRef<Datum extends GenericDataRecord> = {\n  component?: LeafletMap<Datum>;\n}\n\nexport type VisLeafletMapProps<Datum extends GenericDataRecord> = LeafletMapConfigInterface<Datum> & {\n  data?: Datum[];\n  ref?: Ref<VisLeafletMapRef<Datum>>;\n  className?: string;\n}\n\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction VisLeafletMapFC<Datum extends GenericDataRecord> (props: VisLeafletMapProps<Datum>, fRef: ForwardedRef<VisLeafletMapRef<Datum>>): ReactElement {\n  const ref = useRef<VisComponentElement<LeafletMap<Datum>, HTMLDivElement>>(null)\n  const componentRef = useRef<LeafletMap<Datum> | undefined>(undefined)\n\n  // On Mount\n  useEffect(() => {\n    const element = (ref.current as VisComponentElement<LeafletMap<Datum>, HTMLDivElement>)\n\n    const c = new LeafletMap<Datum>(ref.current as VisComponentElement<LeafletMap<Datum>, HTMLDivElement>, props, props.data)\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 <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 VisLeafletMap: (<Datum extends GenericDataRecord>(props: VisLeafletMapProps<Datum>) => JSX.Element | null) = React.memo(React.forwardRef(VisLeafletMapFC), arePropsEqual)\n"],"names":[],"mappings":";;;AAsBO,MAAM,yBAAyB,WAAW;AAGjD,SAAS,gBAAkD,OAAkC,MAA2D;AACtJ,QAAM,MAAM,OAA+D,IAAI;AAC/E,QAAM,eAAe,OAAsC,MAAS;AAGpE,YAAU,MAAM;AACd,UAAM,UAAW,IAAI;AAErB,UAAM,IAAI,IAAI,WAAkB,IAAI,SAAmE,OAAO,MAAM,IAAI;AACxH,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;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,gBAA6G,MAAM,KAAK,MAAM,WAAW,eAAe,GAAG,aAAa;"}

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

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