@hpcc-js/react 2.55.2 → 2.55.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/react",
-    "version": "2.55.2",
+    "version": "2.55.3",
     "description": "hpcc-js - Viz React",
     "main": "dist/index.js",
     "module": "dist/index.es6",
@@ -38,8 +38,8 @@
         "update": "npx --yes npm-check-updates -u -t minor"
     },
     "dependencies": {
-        "@hpcc-js/common": "^2.73.2",
-        "@hpcc-js/preact-shim": "^2.19.0"
+        "@hpcc-js/common": "^2.73.3",
+        "@hpcc-js/preact-shim": "^2.19.1"
     },
     "devDependencies": {
         "@hpcc-js/bundle": "^2.12.0",
@@ -56,5 +56,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "84f852a555c8d7b7381e4fcb93bfad829b1db62e"
+    "gitHead": "0907b8d15d369c89483954a1d96e2247ba020cb6"
 }

package/src/ImageChar.tsx

@@ -1,39 +1,39 @@
-import { Utility } from "@hpcc-js/common";
-import * as React from "@hpcc-js/preact-shim";
-
-interface ImageChar {
-    x?: number;
-    y?: number;
-    height?: number;
-    fill?: string;
-    stroke?: string;
-    fontFamily?: string;
-    char?: string;
-    yOffset?: number;
-}
-
-export const ImageChar: React.FunctionComponent<ImageChar> = ({
-    x,
-    y = 0,
-    height = 12,
-    fill,
-    stroke,
-    fontFamily = "FontAwesome",
-    char = ""
-}) => {
-
-    const renderChar = React.useMemo(() => {
-        return fontFamily === "FontAwesome" ? Utility.faChar(char) : char;
-    }, [char, fontFamily]);
-
-    return <text
-        x={x}
-        y={y}
-        fill={fill}
-        stroke={stroke}
-        font-family={fontFamily}
-        font-size={`${height}px`}
-        dominant-baseline="middle"
-        style="text-anchor: middle;alignment-baseline:middle;"
-    >{renderChar}</text>;
-};
+import { Utility } from "@hpcc-js/common";
+import * as React from "@hpcc-js/preact-shim";
+
+interface ImageChar {
+    x?: number;
+    y?: number;
+    height?: number;
+    fill?: string;
+    stroke?: string;
+    fontFamily?: string;
+    char?: string;
+    yOffset?: number;
+}
+
+export const ImageChar: React.FunctionComponent<ImageChar> = ({
+    x,
+    y = 0,
+    height = 12,
+    fill,
+    stroke,
+    fontFamily = "FontAwesome",
+    char = ""
+}) => {
+
+    const renderChar = React.useMemo(() => {
+        return fontFamily === "FontAwesome" ? Utility.faChar(char) : char;
+    }, [char, fontFamily]);
+
+    return <text
+        x={x}
+        y={y}
+        fill={fill}
+        stroke={stroke}
+        font-family={fontFamily}
+        font-size={`${height}px`}
+        dominant-baseline="middle"
+        style="text-anchor: middle;alignment-baseline:middle;"
+    >{renderChar}</text>;
+};

package/src/__package__.ts

@@ -1,3 +1,3 @@
-export const PKG_NAME = "@hpcc-js/react";
-export const PKG_VERSION = "2.55.2";
-export const BUILD_VERSION = "2.108.6";
+export const PKG_NAME = "@hpcc-js/react";
+export const PKG_VERSION = "2.55.2";
+export const BUILD_VERSION = "2.108.6";

package/src/edge.tsx

@@ -1,45 +1,45 @@
-import * as React from "@hpcc-js/preact-shim";
-import { VertexProps } from "./vertex";
-import { Text } from "./text";
-
-type Point = [number, number];
-
-export interface EdgeProps<V extends VertexProps = VertexProps> {
-    id: string | number;
-    origData?: any;
-    source: V;
-    target: V;
-    label?: string;
-    labelPos?: Point;
-    weight?: number;
-    strokeDasharray?: string;
-    strokeWidth?: number;
-    stroke?: string;
-    fontFamily?: string;
-    labelFill?: string;
-    labelHeight?: number,
-    path?: string;
-    points?: Array<[number, number]>;
-    curveDepth?: number;
-}
-
-export const Edge: React.FunctionComponent<EdgeProps> = ({
-    label,
-    labelPos,
-    labelFill = "black",
-    labelHeight = 12,
-    path,
-    stroke,
-    strokeWidth,
-    strokeDasharray
-}) => {
-    return <>
-        <path d={path} stroke={stroke} style={{ strokeWidth, strokeDasharray }}></path>
-        {
-            label && labelPos && labelPos.length === 2 ?
-                <g transform={`translate(${labelPos[0]} ${labelPos[1]})`}>
-                    <Text text={label} fill={labelFill} height={labelHeight} />
-                </g> : undefined
-        }
-    </>;
-};
+import * as React from "@hpcc-js/preact-shim";
+import { VertexProps } from "./vertex";
+import { Text } from "./text";
+
+type Point = [number, number];
+
+export interface EdgeProps<V extends VertexProps = VertexProps> {
+    id: string | number;
+    origData?: any;
+    source: V;
+    target: V;
+    label?: string;
+    labelPos?: Point;
+    weight?: number;
+    strokeDasharray?: string;
+    strokeWidth?: number;
+    stroke?: string;
+    fontFamily?: string;
+    labelFill?: string;
+    labelHeight?: number,
+    path?: string;
+    points?: Array<[number, number]>;
+    curveDepth?: number;
+}
+
+export const Edge: React.FunctionComponent<EdgeProps> = ({
+    label,
+    labelPos,
+    labelFill = "black",
+    labelHeight = 12,
+    path,
+    stroke,
+    strokeWidth,
+    strokeDasharray
+}) => {
+    return <>
+        <path d={path} stroke={stroke} style={{ strokeWidth, strokeDasharray }}></path>
+        {
+            label && labelPos && labelPos.length === 2 ?
+                <g transform={`translate(${labelPos[0]} ${labelPos[1]})`}>
+                    <Text text={label} fill={labelFill} height={labelHeight} />
+                </g> : undefined
+        }
+    </>;
+};

package/src/icon.tsx

@@ -1,95 +1,95 @@
-import { Palette } from "@hpcc-js/common";
-import * as React from "@hpcc-js/preact-shim";
-import { Image } from "./image";
-import { ImageChar } from "./ImageChar";
-import { Shape } from "./shape";
-
-export interface Icon {
-    shape?: "circle" | "square" | "rectangle";
-    width?: number;
-    height?: number;
-    padding?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    imageUrl?: string;
-    imageFontFamily?: string;
-    imageChar?: string;
-    imageCharFill?: string;
-    xOffset?: number;
-    yOffset?: number;
-    cornerRadius?: number;
-    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
-}
-
-export const Icon: React.FunctionComponent<Icon> = ({
-    shape = "circle",
-    width,
-    height = 32,
-    fill,
-    stroke,
-    strokeWidth = 0,
-    imageUrl = "",
-    imageFontFamily = "FontAwesome",
-    imageChar = "",
-    imageCharFill = Palette.textColor(fill),
-    padding = height / 5,
-    xOffset = 0,
-    yOffset = 0,
-    cornerRadius,
-    shapeRendering
-}) => {
-    return <>
-        <Shape
-            shape={shape}
-            width={width}
-            height={height}
-            fill={fill}
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-            shapeRendering={shapeRendering}
-            cornerRadius={cornerRadius}
-        />
-        {imageUrl ?
-            <Image
-                href={imageUrl}
-                x={xOffset}
-                y={yOffset}
-                height={height - padding}
-            ></Image> :
-            <ImageChar
-                x={xOffset}
-                y={yOffset}
-                height={height - padding}
-                fontFamily={imageFontFamily}
-                char={imageChar}
-                fill={imageCharFill}
-                font-weight={400}
-            ></ImageChar>
-        }
-    </>;
-};
-
-export interface IconEx extends Icon {
-    id: string;
-}
-
-export interface Icons {
-    icons: IconEx[];
-}
-
-export const Icons: React.FunctionComponent<Icons> = ({
-    icons = []
-}) => {
-    const IconComponents = icons.map(cat => {
-        return <g
-            key={cat.id}
-            id={cat.id}
-        >
-            <Icon
-                {...cat}
-            />
-        </g>;
-    });
-    return <>{IconComponents}</>;
-};
+import { Palette } from "@hpcc-js/common";
+import * as React from "@hpcc-js/preact-shim";
+import { Image } from "./image";
+import { ImageChar } from "./ImageChar";
+import { Shape } from "./shape";
+
+export interface Icon {
+    shape?: "circle" | "square" | "rectangle";
+    width?: number;
+    height?: number;
+    padding?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    imageUrl?: string;
+    imageFontFamily?: string;
+    imageChar?: string;
+    imageCharFill?: string;
+    xOffset?: number;
+    yOffset?: number;
+    cornerRadius?: number;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+}
+
+export const Icon: React.FunctionComponent<Icon> = ({
+    shape = "circle",
+    width,
+    height = 32,
+    fill,
+    stroke,
+    strokeWidth = 0,
+    imageUrl = "",
+    imageFontFamily = "FontAwesome",
+    imageChar = "",
+    imageCharFill = Palette.textColor(fill),
+    padding = height / 5,
+    xOffset = 0,
+    yOffset = 0,
+    cornerRadius,
+    shapeRendering
+}) => {
+    return <>
+        <Shape
+            shape={shape}
+            width={width}
+            height={height}
+            fill={fill}
+            stroke={stroke}
+            strokeWidth={strokeWidth}
+            shapeRendering={shapeRendering}
+            cornerRadius={cornerRadius}
+        />
+        {imageUrl ?
+            <Image
+                href={imageUrl}
+                x={xOffset}
+                y={yOffset}
+                height={height - padding}
+            ></Image> :
+            <ImageChar
+                x={xOffset}
+                y={yOffset}
+                height={height - padding}
+                fontFamily={imageFontFamily}
+                char={imageChar}
+                fill={imageCharFill}
+                font-weight={400}
+            ></ImageChar>
+        }
+    </>;
+};
+
+export interface IconEx extends Icon {
+    id: string;
+}
+
+export interface Icons {
+    icons: IconEx[];
+}
+
+export const Icons: React.FunctionComponent<Icons> = ({
+    icons = []
+}) => {
+    const IconComponents = icons.map(cat => {
+        return <g
+            key={cat.id}
+            id={cat.id}
+        >
+            <Icon
+                {...cat}
+            />
+        </g>;
+    });
+    return <>{IconComponents}</>;
+};

package/src/image.tsx

@@ -1,25 +1,25 @@
-import * as React from "@hpcc-js/preact-shim";
-
-interface Image {
-    href: string;
-    x?: number;
-    y?: number;
-    height?: number;
-    yOffset?: number;
-}
-
-export const Image: React.FunctionComponent<Image> = ({
-    href,
-    x,
-    y = 0,
-    height = 12
-}) => {
-
-    return <image
-        href={href}
-        x={x - height / 2}
-        y={y - height / 2}
-        width={height}
-        height={height}
-    ></image>;
-};
+import * as React from "@hpcc-js/preact-shim";
+
+interface Image {
+    href: string;
+    x?: number;
+    y?: number;
+    height?: number;
+    yOffset?: number;
+}
+
+export const Image: React.FunctionComponent<Image> = ({
+    href,
+    x,
+    y = 0,
+    height = 12
+}) => {
+
+    return <image
+        href={href}
+        x={x - height / 2}
+        y={y - height / 2}
+        width={height}
+        height={height}
+    ></image>;
+};

package/src/index.ts

@@ -1,18 +1,18 @@
-export * from "./__package__";
-
-export * from "./edge";
-export * from "./ImageChar";
-export * from "./icon";
-export * from "./render";
-export * from "./shape";
-export * from "./text";
-export * from "./vertex";
-export * from "./vertex2";
-export * from "./vertex3";
-export * from "./vertex4";
-export * from "./subgraph";
-
-import * as React from "@hpcc-js/preact-shim";
-export {
-    React
-};
+export * from "./__package__";
+
+export * from "./edge";
+export * from "./ImageChar";
+export * from "./icon";
+export * from "./render";
+export * from "./shape";
+export * from "./text";
+export * from "./vertex";
+export * from "./vertex2";
+export * from "./vertex3";
+export * from "./vertex4";
+export * from "./subgraph";
+
+import * as React from "@hpcc-js/preact-shim";
+export {
+    React
+};

package/src/render.ts

@@ -1,73 +1,73 @@
-import { HTMLWidget, publish, SVGWidget } from "@hpcc-js/common";
-import * as React from "@hpcc-js/preact-shim";
-
-export function render<P>(C: React.FunctionComponent<P>, props: Readonly<P>, parent: Element | Document | ShadowRoot | DocumentFragment, replaceNode?: Element | Text) {
-    React.render(React.h(C, props), parent, replaceNode);
-}
-
-export interface FunctionComponent<T> extends React.FunctionComponent<T> {
-}
-
-export function svgRender<P>(C: React.FunctionComponent<P>, props: Readonly<P>, parent: Element | Document | ShadowRoot | DocumentFragment, replaceNode?: Element | Text) {
-    React.render(React.h("svg", null, React.h(C, props)), parent, replaceNode);
-}
-
-export class HTMLAdapter<P> extends HTMLWidget {
-
-    @publish({}, "object", "Properties")
-    protected _props: P = {} as P;
-    props(): P;
-    props(_: Partial<P>): this;
-    props(_?: Partial<P>): P | this {
-        if (!arguments.length) return this._props;
-        this._props = { ...this._props, ..._ };
-        return this;
-    }
-
-    prop<K extends keyof P>(_: K): P[K];
-    prop<K extends keyof P>(_: K, value: P[K]): this;
-    prop<K extends keyof P>(_: K, value?: P[K]): this | P[K] {
-        if (arguments.length === 1) return this._props[_];
-        this._props[_] = value;
-        return this;
-    }
-
-    constructor(protected readonly _component: React.FunctionComponent<P>) {
-        super();
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        render(this._component, this._props, domNode);
-    }
-}
-
-export class SVGAdapter<P> extends SVGWidget {
-
-    @publish({}, "object", "Properties")
-    protected _props: P = {} as P;
-    props(): P;
-    props(_: Partial<P>): this;
-    props(_?: Partial<P>): P | this {
-        if (!arguments.length) return this._props;
-        this._props = { ...this._props, ..._ };
-        return this;
-    }
-
-    prop<K extends keyof P>(_: K): P[K];
-    prop<K extends keyof P>(_: K, value: P[K]): this;
-    prop<K extends keyof P>(_: K, value?: P[K]): this | P[K] {
-        if (arguments.length === 1) return this._props[_];
-        this._props[_] = value;
-        return this;
-    }
-
-    constructor(protected readonly _component: React.FunctionComponent<P>) {
-        super();
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        render(this._component, this._props, domNode);
-    }
-}
+import { HTMLWidget, publish, SVGWidget } from "@hpcc-js/common";
+import * as React from "@hpcc-js/preact-shim";
+
+export function render<P>(C: React.FunctionComponent<P>, props: Readonly<P>, parent: Element | Document | ShadowRoot | DocumentFragment, replaceNode?: Element | Text) {
+    React.render(React.h(C, props), parent, replaceNode);
+}
+
+export interface FunctionComponent<T> extends React.FunctionComponent<T> {
+}
+
+export function svgRender<P>(C: React.FunctionComponent<P>, props: Readonly<P>, parent: Element | Document | ShadowRoot | DocumentFragment, replaceNode?: Element | Text) {
+    React.render(React.h("svg", null, React.h(C, props)), parent, replaceNode);
+}
+
+export class HTMLAdapter<P> extends HTMLWidget {
+
+    @publish({}, "object", "Properties")
+    protected _props: P = {} as P;
+    props(): P;
+    props(_: Partial<P>): this;
+    props(_?: Partial<P>): P | this {
+        if (!arguments.length) return this._props;
+        this._props = { ...this._props, ..._ };
+        return this;
+    }
+
+    prop<K extends keyof P>(_: K): P[K];
+    prop<K extends keyof P>(_: K, value: P[K]): this;
+    prop<K extends keyof P>(_: K, value?: P[K]): this | P[K] {
+        if (arguments.length === 1) return this._props[_];
+        this._props[_] = value;
+        return this;
+    }
+
+    constructor(protected readonly _component: React.FunctionComponent<P>) {
+        super();
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        render(this._component, this._props, domNode);
+    }
+}
+
+export class SVGAdapter<P> extends SVGWidget {
+
+    @publish({}, "object", "Properties")
+    protected _props: P = {} as P;
+    props(): P;
+    props(_: Partial<P>): this;
+    props(_?: Partial<P>): P | this {
+        if (!arguments.length) return this._props;
+        this._props = { ...this._props, ..._ };
+        return this;
+    }
+
+    prop<K extends keyof P>(_: K): P[K];
+    prop<K extends keyof P>(_: K, value: P[K]): this;
+    prop<K extends keyof P>(_: K, value?: P[K]): this | P[K] {
+        if (arguments.length === 1) return this._props[_];
+        this._props[_] = value;
+        return this;
+    }
+
+    constructor(protected readonly _component: React.FunctionComponent<P>) {
+        super();
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        render(this._component, this._props, domNode);
+    }
+}