@hpcc-js/react 2.49.6 → 2.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/react",
-    "version": "2.49.6",
+    "version": "2.51.0",
     "description": "hpcc-js - Viz React",
     "main": "dist/index.js",
     "module": "dist/index.es6",
@@ -38,8 +38,8 @@
         "update": "npx npm-check-updates -u -t minor"
     },
     "dependencies": {
-        "@hpcc-js/common": "^2.69.0",
-        "@hpcc-js/preact-shim": "^2.15.0"
+        "@hpcc-js/common": "^2.71.0",
+        "@hpcc-js/preact-shim": "^2.16.0"
     },
     "devDependencies": {
         "@hpcc-js/bundle": "^2.11.1",
@@ -56,5 +56,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "46e2dd7a9998fe771f9104ddc09b3b0992d0bdfe"
+    "gitHead": "f7b7633dbb01360f18424eb1c9226424696ea920"
 }

package/src/ImageChar.tsx

@@ -20,7 +20,13 @@ export const ImageChar: React.FunctionComponent<ImageChar> = ({
     stroke,
     fontFamily = "FontAwesome",
     char = ""
-}) => <text
+}) => {
+
+    const renderChar = React.useMemo(() => {
+        return fontFamily === "FontAwesome" ? Utility.faChar(char) : char;
+    }, [char, fontFamily]);
+
+    return <text
         x={x}
         y={y}
         fill={fill}
@@ -29,4 +35,5 @@ export const ImageChar: React.FunctionComponent<ImageChar> = ({
         font-size={`${height}px`}
         dominant-baseline="middle"
         style="text-anchor: middle;alignment-baseline:middle;"
-    >{fontFamily === "FontAwesome" ? Utility.faChar(char) : char}</text>;
+    >{renderChar}</text>;
+};

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/react";
-export const PKG_VERSION = "2.49.6";
-export const BUILD_VERSION = "2.103.2";
+export const PKG_VERSION = "2.51.0";
+export const BUILD_VERSION = "2.104.1";

package/src/edge.tsx

@@ -37,5 +37,8 @@ export const Edge: React.FunctionComponent<Edge> = ({
     stroke = "black",
     strokeDasharray
 }) => {
-    return <path stroke={stroke} stroke-dasharray={strokeDasharray} d={line(calcArc(points, curveDepth))}></path>;
+    const d = React.useMemo(() => {
+        return line(calcArc(points, curveDepth));
+    }, [curveDepth, points]);
+    return <path stroke={stroke} stroke-dasharray={strokeDasharray} d={d}></path>;
 };

package/src/icon.tsx

@@ -4,7 +4,8 @@ import { ImageChar } from "./ImageChar";
 import { Shape } from "./shape";
 
 export interface Icon {
-    shape?: "circle" | "square";
+    shape?: "circle" | "square" | "rectangle";
+    width?: number;
     height?: number;
     padding?: number;
     fill?: string;
@@ -13,6 +14,7 @@ export interface Icon {
     imageFontFamily?: string;
     imageChar?: string;
     imageCharFill?: string;
+    xOffset?: number;
     yOffset?: number;
     cornerRadius?: number;
     shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
@@ -20,6 +22,7 @@ export interface Icon {
 
 export const Icon: React.FunctionComponent<Icon> = ({
     shape = "circle",
+    width,
     height = 32,
     fill,
     stroke,
@@ -28,6 +31,7 @@ export const Icon: React.FunctionComponent<Icon> = ({
     imageChar = "",
     imageCharFill = Palette.textColor(fill),
     padding = height / 5,
+    xOffset = 0,
     yOffset = 0,
     cornerRadius,
     shapeRendering
@@ -35,6 +39,7 @@ export const Icon: React.FunctionComponent<Icon> = ({
     return <>
         <Shape
             shape={shape}
+            width={width}
             height={height}
             fill={fill}
             stroke={stroke}
@@ -43,6 +48,7 @@ export const Icon: React.FunctionComponent<Icon> = ({
             cornerRadius={cornerRadius}
         />
         <ImageChar
+            x={xOffset}
             y={yOffset}
             height={height - padding}
             fontFamily={imageFontFamily}

package/src/index.ts

@@ -9,6 +9,7 @@ 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";

package/src/shape.tsx

@@ -85,8 +85,9 @@ export const Rectangle: React.FunctionComponent<Rectangle> = ({
 };
 
 interface Shape {
-    shape?: "circle" | "square";
+    shape?: "circle" | "square" | "rectangle";
     height?: number;
+    width?: number;
     fill?: string;
     stroke?: string;
     strokeWidth?: number;
@@ -97,6 +98,7 @@ interface Shape {
 export const Shape: React.FunctionComponent<Shape> = ({
     shape = "circle",
     height = 128,
+    width,
     fill,
     stroke,
     strokeWidth = 1,
@@ -113,6 +115,16 @@ export const Shape: React.FunctionComponent<Shape> = ({
                 shapeRendering={shapeRendering}
                 cornerRadius={cornerRadius}
             />;
+        case "rectangle":
+            return <Rectangle
+                width={width ?? height}
+                height={height}
+                fill={fill}
+                stroke={stroke}
+                strokeWidth={strokeWidth}
+                shapeRendering={shapeRendering}
+                cornerRadius={cornerRadius}
+            />;
         case "circle":
         default:
             return <Circle

package/src/text.tsx

@@ -44,28 +44,37 @@ export const Text: React.FunctionComponent<Text> = ({
     fill = "black",
     onSizeUpdate
 }) => {
-    const [totalWidth, onTotalWidthUpdate] = React.useState(0);
-    const [totalHeight, onTotalHeightUpdate] = React.useState(0);
+    const [totalWidth, setTotalWidthUpdate] = React.useState(0);
+    const [totalHeight, setTotalHeightUpdate] = React.useState(0);
+
     React.useEffect(() => {
         onSizeUpdate && onSizeUpdate({ width: totalWidth, height: totalHeight });
     }, [totalWidth, totalHeight, onSizeUpdate]);
 
-    const parts = text.split("\n");
-    const ts = Utility.textSize(parts, fontFamily, height);
-    onTotalWidthUpdate(ts.width);
-    onTotalHeightUpdate(parts.length * (height + 2) - 2);
+    const parts = React.useMemo(() => {
+        return text.split("\n");
+    }, [text]);
+
+    const ts = React.useMemo(() => {
+        return Utility.textSize(parts, fontFamily, height);
+    }, [fontFamily, height, parts]);
+
+    setTotalWidthUpdate(ts.width);
+    setTotalHeightUpdate(parts.length * (height + 2) - 2);
 
     const yOffset = -(totalHeight / 2) + (height / 2);
-    const TextLines = parts.map((p, i) => {
-        return <g transform={`translate(0 ${yOffset + i * (height + 2)})`}>
-            <TextLine
-                text={p}
-                height={height}
-                fontFamily={fontFamily}
-                fill={fill}
-            />
-        </g>;
-    });
+    const TextLines = React.useMemo(() => {
+        return parts.map((p, i) => {
+            return <g key={i} transform={`translate(0 ${yOffset + i * (height + 2)})`}>
+                <TextLine
+                    text={p}
+                    height={height}
+                    fontFamily={fontFamily}
+                    fill={fill}
+                />
+            </g>;
+        });
+    }, [fill, fontFamily, height, parts, yOffset]);
 
     return <>{TextLines}</>;
 };
@@ -96,15 +105,22 @@ export const TextBox: React.FunctionComponent<TextBox> = ({
     cornerRadius = 0,
     onSizeUpdate
 }) => {
-    const [textWidth, onTextWidthUpdate] = React.useState(0);
-    const [textHeight, onTextHeightUpdate] = React.useState(0);
+    const [textWidth, setTextWidthUpdate] = React.useState(0);
+    const [textHeight, setTextHeightUpdate] = React.useState(0);
+
     React.useEffect(() => {
         onSizeUpdate && onSizeUpdate({ width: textWidth, height: textHeight });
     }, [textWidth, textHeight, onSizeUpdate]);
 
+    const onTextSizeUpdate = React.useCallback(size => {
+        setTextWidthUpdate(size.width);
+        setTextHeightUpdate(size.height);
+    }, []);
+
     const w = textWidth + padding * 2 + strokeWidth;
     const h = textHeight + padding * 2 + strokeWidth;
     const textOffsetY = Math.floor(height / 10);
+
     return <>
         <Rectangle
             width={w}
@@ -123,13 +139,7 @@ export const TextBox: React.FunctionComponent<TextBox> = ({
                 onSizeUpdate={onTextSizeUpdate}
             />
         </g>
-    </>
-        ;
-
-    function onTextSizeUpdate(size) {
-        onTextWidthUpdate(size.width);
-        onTextHeightUpdate(size.height);
-    }
+    </>;
 };
 
 export interface LabelledRect extends TextBox {
@@ -176,8 +186,7 @@ export const LabelledRect: React.FunctionComponent<LabelledRect> = ({
                 baseline="hanging"
             />
         </g>
-    </>
-        ;
+    </>;
 };
 
 export const IconLabelledRect: React.FunctionComponent<IconLabelledRect> = ({
@@ -225,6 +234,5 @@ export const IconLabelledRect: React.FunctionComponent<IconLabelledRect> = ({
                 baseline="hanging"
             />
         </g>
-    </>
-        ;
+    </>;
 };

package/src/vertex.tsx

@@ -58,8 +58,9 @@ export const Vertex: React.FunctionComponent<Vertex> = ({
     onSizeUpdate,
     showLabel = true
 }) => {
-    const [textBoxWidth, onTextBoxWidthUpdate] = React.useState(0);
-    const [textBoxHeight, onTextBoxHeightUpdate] = React.useState(0);
+    const [textBoxWidth, setTextBoxWidthUpdate] = React.useState(0);
+    const [textBoxHeight, setTextBoxHeightUpdate] = React.useState(0);
+
     React.useEffect(() => {
         onSizeUpdate && onSizeUpdate({ width: 0, height: 0 });
     }, [textBoxWidth, textBoxHeight, onSizeUpdate]);
@@ -79,6 +80,12 @@ export const Vertex: React.FunctionComponent<Vertex> = ({
         offsetY += (textHeight + 8) / 2;
         annotationOffsetY -= textBoxHeight + textPadding;
     }
+
+    const onTextBoxSizeUpdate = React.useCallback(size => {
+        setTextBoxWidthUpdate(size.width);
+        setTextBoxHeightUpdate(size.height);
+    }, []);
+
     const label = showLabel ? <g transform={`translate(0 ${textboxOffsetY})`}>
         <TextBox
             text={text}
@@ -101,9 +108,4 @@ export const Vertex: React.FunctionComponent<Vertex> = ({
             <Icon {...icon} />
             {label}
         </g>;
-
-    function onTextBoxSizeUpdate(size) {
-        onTextBoxWidthUpdate(size.width);
-        onTextBoxHeightUpdate(size.height);
-    }
 };

package/src/vertex2.tsx

@@ -26,7 +26,9 @@ export const Vertex2: React.FunctionComponent<Vertex> = ({
         ...icon
     };
     const textBoxHeight = textHeight + textPadding * 2;
-    const { width } = Utility.textSize(text, textFontFamily, textHeight, false);
+    const { width } = React.useMemo(() => {
+        return Utility.textSize(text, textFontFamily, textHeight, false);
+    }, [text, textFontFamily, textHeight]);
 
     const stepSize = annotationsHeight;
     const textboxStrokeWidth = 1;

package/src/vertex3.tsx

@@ -63,7 +63,10 @@ export const Vertex3: React.FunctionComponent<IVertex3> = ({
 
     const annoOffsetY = 0;
 
-    const labelWidth = Utility.textSize(text, textFontFamily, textHeight, false).width;
+    const labelWidth = React.useMemo(() => {
+        return Utility.textSize(text, textFontFamily, textHeight, false).width;
+    }, [text, textFontFamily, textHeight]);
+
     let labelShapeWidth = 0;
     if (text !== "") {
         labelShapeWidth = labelWidth + (textPadding * 2) + (textboxStrokeWidth * 2);
@@ -73,13 +76,13 @@ export const Vertex3: React.FunctionComponent<IVertex3> = ({
 
     const textShapeHeight = textHeight + (textPadding * 2) + (textboxStrokeWidth * 2);
     const annotationArr = [];
-    annotations.forEach(anno => {
+    annotations.forEach((anno, idx) => {
         const annoText = anno.imageChar;
         const annoShapeWidth = textShapeHeight;
         fullAnnotationWidth += annoShapeWidth + annotationGutter;
         const annoOffsetX = fullAnnotationWidth - (annoShapeWidth / 2);
         annotationArr.push(
-            <g class="vertex3-anno" transform={`translate(${annoOffsetX} ${annoOffsetY})`}>
+            <g key={idx} class="vertex3-anno" transform={`translate(${annoOffsetX} ${annoOffsetY})`}>
                 <Icon
                     {...anno}
                     shape="square"

package/src/vertex4.tsx

@@ -0,0 +1,307 @@
+/* eslint-disable no-debugger, no-console */
+import { Utility } from "@hpcc-js/common";
+import * as React from "@hpcc-js/preact-shim";
+import { Icon } from "./icon";
+import { TextBox } from "./text";
+import { Vertex } from "./vertex";
+
+export interface IVertex4Annotation extends Icon {
+    shapeOffsetX?: number;
+    shapeOffsetY?: number;
+}
+
+export interface IVertex4 extends Vertex {
+    textboxStrokeWidth?: number;
+    annotations?: IVertex4Annotation[];
+    iconAnnotations?: IVertex4Annotation[];
+    annotationGutter?: number;
+    cornerRadius?: number;
+    subText?: any;
+    noLabelRadius?: number;
+    iconBorderWidth?: number;
+    iconBorderColor?: string;
+    iconBackgroundColor?: string;
+    shapeOffsetX?: number;
+    shapeOffsetY?: number;
+    iconOffsetX?: number;
+    iconOffsetY?: number;
+    iconPadding?: number;
+    iconFontSize?: number;
+    iconFontColor?: string;
+    iconFontFamily?: string;
+    iconText?: string;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+}
+
+export const Vertex4: React.FunctionComponent<IVertex4> = ({
+    categoryID = "",
+    text = "",
+    textHeight = 10,
+    textPadding = 4,
+    textFill = "#287EC4",
+    textboxFill = "white",
+    textboxStroke = "#CCCCCC",
+    textboxStrokeWidth = 1,
+    textFontFamily = "Verdana",
+    annotationGutter = 2,
+    annotations = [],
+    iconAnnotations = [],
+    cornerRadius = 3,
+    icon = {},
+    subText = {},
+    showLabel = true,
+    noLabelRadius = 5,
+
+    iconBorderWidth = 1,
+    iconBorderColor = "#333",
+
+    iconBackgroundColor = "#fff",
+
+    iconFontColor = "#000",
+    iconFontSize=20,
+    iconFontFamily="FontAwesome",
+
+    shapeOffsetX = 0,
+    shapeOffsetY = 0,
+    iconOffsetX = 0,
+    iconOffsetY = 0,
+
+    iconPadding = 4,
+    iconText="?",
+    shapeRendering="auto"
+}) => {
+    icon = {
+        height: 50,
+        imageChar: "?",
+        imageFontFamily: "FontAwesome",
+        imageCharFill: "#555555",
+        fill: "transparent",
+        strokeWidth: 0,
+        ...icon
+    };
+    subText = {
+        text: "",
+        fill: "white",
+        textFill: "#555555",
+        ...subText
+    };
+
+    const annoOffsetY = 0;
+    const labelWidth = React.useMemo(() => {
+        return Utility.textSize(text, textFontFamily, textHeight, false).width;
+    }, [text, textFontFamily, textHeight]);
+
+    let labelShapeWidth = 0;
+    if (text !== "") {
+        labelShapeWidth = labelWidth + (textPadding * 2) + (textboxStrokeWidth * 2);
+    }
+    let fullAnnotationWidth = labelShapeWidth + annotationGutter;
+    const textOffsetX = fullAnnotationWidth - (labelShapeWidth / 2);
+    
+    const textShapeHeight = textHeight + (annotationGutter*2) + (textboxStrokeWidth * 2);
+    const annoWidthArr = annotations.map((anno, i) => {
+        return Utility.textSize(anno.imageChar, anno.imageFontFamily, anno.height, false).width;
+    });
+    const annotationArr = [];
+    let _labelAnnoOffsetX = fullAnnotationWidth;
+    annotations.forEach((anno, i) => {
+        const annoText = anno.imageChar;
+        const annoTextHeight = anno.height ?? textShapeHeight;
+        _labelAnnoOffsetX += annoWidthArr[i] + annotationGutter;
+        const annoOffsetX = _labelAnnoOffsetX - (annoWidthArr[i] / 2);
+        annotationArr.push(
+            <g key={i} class="vertex3-anno" data-anno={JSON.stringify(anno)} transform={`translate(${annoOffsetX} ${annoOffsetY})`}>
+                <Icon
+                    {...anno}
+                    shape="rectangle"
+                    width={annoWidthArr[i]}
+                    height={annoTextHeight}
+                    imageChar={annoText}
+                    imageFontFamily={anno.imageFontFamily}
+                    cornerRadius={cornerRadius}
+                    strokeWidth={0}
+                />
+            </g>
+        );
+    });
+    
+    if (annotations.length > 0) {
+        fullAnnotationWidth += annotationGutter * (annotations.length - 1);
+    }
+    const iconAnnotationArr = [];
+    iconAnnotations.forEach((anno, i) => {
+        const x = anno.shapeOffsetX;
+        const y = anno.shapeOffsetY;
+        iconAnnotationArr.push(
+            <g key={i} class="vertex3-iconAnno" data-anno={JSON.stringify(anno)} transform={`translate(${x} ${y})`}>
+                <Icon
+                    {...anno}
+                    shape={anno.shape ?? "square"}
+                    imageChar={anno.imageChar}
+                    imageFontFamily={anno.imageFontFamily}
+                    cornerRadius={cornerRadius}
+                    stroke={anno.stroke}
+                    strokeWidth={anno.strokeWidth}
+                />
+            </g>
+        );
+    });
+    
+    const textElement = <g transform={`translate(${textOffsetX} ${annoOffsetY})`}>
+        {!showLabel || text === "" ? <circle r={noLabelRadius} stroke={textboxStroke} fill={textFill} /> : <TextBox
+            text={text}
+            height={textHeight}
+            padding={textPadding}
+            strokeWidth={textboxStrokeWidth}
+            stroke={textboxStroke}
+            fill={textboxFill}
+            textFill={textFill}
+            fontFamily={textFontFamily}
+            cornerRadius={cornerRadius}
+        />}
+    </g>;
+
+    const subTextOffsetX = 0;
+    const subTextOffsetY = textShapeHeight + (annotationGutter * 2);
+
+    const subtextElement = subText.text === "" ? null : <g
+        transform={`translate(${subTextOffsetX} ${subTextOffsetY})`}
+    >
+        <TextBox
+            fill={subText.fill || "#FFFFFF"}
+            textFill={subText.textFill || textFill}
+            {...subText}
+            height={textHeight}
+            padding={textPadding}
+            strokeWidth={0}
+            stroke={textboxStroke}
+            fontFamily={textFontFamily}
+            cornerRadius={cornerRadius}
+        />
+    </g>;
+    return <g>
+        <g
+            transform={`translate(${shapeOffsetX} ${shapeOffsetY})`}
+        >
+            <Icon
+                {...icon}
+                strokeWidth={iconBorderWidth}
+                shape="circle"
+                height={iconFontSize}
+                fill={iconBackgroundColor}
+                stroke={iconBorderColor}
+                imageFontFamily={iconFontFamily}
+                imageChar={iconText}
+                imageCharFill={iconFontColor}
+                padding={iconPadding}
+                xOffset={iconOffsetX}
+                yOffset={iconOffsetY}
+                cornerRadius={cornerRadius}
+                shapeRendering={shapeRendering}
+            />
+            {iconAnnotationArr}
+        </g>
+        <g
+            transform={`translate(${-fullAnnotationWidth / 2} ${annoOffsetY})`}
+        >
+            {textElement}
+            {annotationArr}
+        </g>
+        {subtextElement}
+    </g>
+        ;
+};
+
+export const CentroidVertex4: React.FunctionComponent<IVertex4> = function ({
+    categoryID = "",
+    text = "",
+    textHeight = 12,
+    textPadding = 10,
+    textFill = "#287EC4",
+    textboxFill = "white",
+    textboxStroke = "#CCCCCC",
+    textboxStrokeWidth = 1,
+    textFontFamily = "Verdana",
+    annotationGutter = 2,
+    annotations = [],
+    iconAnnotations = [],
+    cornerRadius,
+    icon = {},
+    subText = {},
+    showLabel = true,
+    noLabelRadius = 5,
+
+    iconBorderWidth = 1,
+    iconBorderColor = "#333",
+
+    iconBackgroundColor = "#fff",
+
+    iconFontColor = "#000",
+    iconFontSize=20,
+    iconFontFamily="FontAwesome",
+
+    shapeOffsetX = 0,
+    shapeOffsetY = 0,
+    iconOffsetX = 0,
+    iconOffsetY = 0,
+
+    iconPadding = 4,
+    iconText="?",
+    shapeRendering="auto"
+}) {
+    icon = {
+        height: 91,
+        padding: 40,
+        imageCharFill: "#555555",
+        imageFontFamily: "FontAwesome",
+        fill: "#FFCC33",
+        stroke: "#DFDFDF",
+        imageChar: "?",
+        strokeWidth: 4,
+        yOffset: -15,
+        ...icon
+    };
+    subText = {
+        text: "",
+        fill: "transparent",
+        textFill: "#555555",
+        ...subText
+    };
+    const props = {
+        categoryID,
+        text,
+        textHeight,
+        textPadding,
+        textFill,
+        textboxFill,
+        textboxStroke,
+        textboxStrokeWidth,
+        textFontFamily,
+        annotationGutter,
+        annotations,
+        iconAnnotations, 
+        cornerRadius,
+        icon,
+        subText,
+        showLabel,
+        noLabelRadius,
+        iconBorderWidth,
+        iconBorderColor,
+        iconBackgroundColor,
+        iconFontColor,
+        iconFontSize,
+        iconFontFamily,
+        shapeOffsetX,
+        shapeOffsetY,
+        iconOffsetX,
+        iconOffsetY,
+        iconPadding,
+        iconText,
+        shapeRendering
+    };
+    return <Vertex4
+        {...props}
+        icon={icon}
+        subText={subText}
+    />;
+};

package/types/ImageChar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageChar.d.ts","sourceRoot":"","sources":["../src/ImageChar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAC;AAE9C,UAAU,SAAS;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAiBe,CAAC"}
+{"version":3,"file":"ImageChar.d.ts","sourceRoot":"","sources":["../src/ImageChar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAC;AAE9C,UAAU,SAAS;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAwBxD,CAAC"}

package/types/__package__.d.ts

@@ -1,4 +1,4 @@
 export declare const PKG_NAME = "@hpcc-js/react";
-export declare const PKG_VERSION = "2.49.6";
-export declare const BUILD_VERSION = "2.103.2";
+export declare const PKG_VERSION = "2.51.0";
+export declare const BUILD_VERSION = "2.104.1";
 //# sourceMappingURL=__package__.d.ts.map

package/types/edge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edge.d.ts","sourceRoot":"","sources":["../src/edge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAC;AAyB9C,MAAM,WAAW,IAAI;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAO9C,CAAC"}
+{"version":3,"file":"edge.d.ts","sourceRoot":"","sources":["../src/edge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAC;AAyB9C,MAAM,WAAW,IAAI;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAU9C,CAAC"}