@hpcc-js/react 2.55.3 → 2.55.4

package/src/shape.tsx

@@ -1,138 +1,138 @@
-import * as React from "@hpcc-js/preact-shim";
-
-interface Circle {
-    radius?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
-}
-
-export const Circle: React.FunctionComponent<Circle> = ({
-    radius = 32,
-    fill = "navy",
-    stroke = fill,
-    strokeWidth = 1,
-    shapeRendering
-}) => <circle
-        r={radius}
-        fill={fill}
-        stroke={stroke}
-        stroke-width={strokeWidth}
-        shape-rendering={shapeRendering}
-    />;
-
-interface Square {
-    radius?: number;
-    cornerRadius?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
-}
-
-export const Square: React.FunctionComponent<Square> = ({
-    radius = 30,
-    cornerRadius = 0,
-    fill = "white",
-    stroke,
-    strokeWidth = 1,
-    shapeRendering
-}) => <rect
-        x={-radius}
-        y={-radius}
-        rx={cornerRadius}
-        ry={cornerRadius}
-        width={radius * 2}
-        height={radius * 2}
-        fill={fill}
-        stroke={stroke || fill}
-        stroke-width={strokeWidth}
-        shape-rendering={shapeRendering}
-    />;
-
-interface Rectangle {
-    width?: number;
-    height?: number;
-    cornerRadius?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
-}
-
-export const Rectangle: React.FunctionComponent<Rectangle> = ({
-    width = 30,
-    height = 30,
-    cornerRadius = 0,
-    fill = "white",
-    stroke = "black",
-    strokeWidth = 1,
-    shapeRendering
-}) => {
-    return <rect
-        x={-width / 2}
-        y={-height / 2}
-        rx={cornerRadius}
-        ry={cornerRadius}
-        width={width}
-        height={height}
-        fill={fill}
-        stroke={stroke || fill}
-        stroke-width={strokeWidth}
-        shape-rendering={shapeRendering}
-    />;
-};
-
-interface Shape {
-    shape?: "circle" | "square" | "rectangle";
-    height?: number;
-    width?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
-    cornerRadius?: number;
-}
-
-export const Shape: React.FunctionComponent<Shape> = ({
-    shape = "circle",
-    height = 128,
-    width,
-    fill,
-    stroke,
-    strokeWidth = 1,
-    shapeRendering,
-    cornerRadius
-}) => {
-    switch (shape) {
-        case "square":
-            return <Square
-                radius={height / 2}
-                fill={fill}
-                stroke={stroke}
-                strokeWidth={strokeWidth}
-                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
-                radius={height / 2}
-                fill={fill}
-                stroke={stroke}
-                strokeWidth={strokeWidth}
-                shapeRendering={shapeRendering}
-            />;
-    }
-};
+import * as React from "@hpcc-js/preact-shim";
+
+interface Circle {
+    radius?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+}
+
+export const Circle: React.FunctionComponent<Circle> = ({
+    radius = 32,
+    fill = "navy",
+    stroke = fill,
+    strokeWidth = 1,
+    shapeRendering
+}) => <circle
+        r={radius}
+        fill={fill}
+        stroke={stroke}
+        stroke-width={strokeWidth}
+        shape-rendering={shapeRendering}
+    />;
+
+interface Square {
+    radius?: number;
+    cornerRadius?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+}
+
+export const Square: React.FunctionComponent<Square> = ({
+    radius = 30,
+    cornerRadius = 0,
+    fill = "white",
+    stroke,
+    strokeWidth = 1,
+    shapeRendering
+}) => <rect
+        x={-radius}
+        y={-radius}
+        rx={cornerRadius}
+        ry={cornerRadius}
+        width={radius * 2}
+        height={radius * 2}
+        fill={fill}
+        stroke={stroke || fill}
+        stroke-width={strokeWidth}
+        shape-rendering={shapeRendering}
+    />;
+
+interface Rectangle {
+    width?: number;
+    height?: number;
+    cornerRadius?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+}
+
+export const Rectangle: React.FunctionComponent<Rectangle> = ({
+    width = 30,
+    height = 30,
+    cornerRadius = 0,
+    fill = "white",
+    stroke = "black",
+    strokeWidth = 1,
+    shapeRendering
+}) => {
+    return <rect
+        x={-width / 2}
+        y={-height / 2}
+        rx={cornerRadius}
+        ry={cornerRadius}
+        width={width}
+        height={height}
+        fill={fill}
+        stroke={stroke || fill}
+        stroke-width={strokeWidth}
+        shape-rendering={shapeRendering}
+    />;
+};
+
+interface Shape {
+    shape?: "circle" | "square" | "rectangle";
+    height?: number;
+    width?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    shapeRendering?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision";
+    cornerRadius?: number;
+}
+
+export const Shape: React.FunctionComponent<Shape> = ({
+    shape = "circle",
+    height = 128,
+    width,
+    fill,
+    stroke,
+    strokeWidth = 1,
+    shapeRendering,
+    cornerRadius
+}) => {
+    switch (shape) {
+        case "square":
+            return <Square
+                radius={height / 2}
+                fill={fill}
+                stroke={stroke}
+                strokeWidth={strokeWidth}
+                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
+                radius={height / 2}
+                fill={fill}
+                stroke={stroke}
+                strokeWidth={strokeWidth}
+                shapeRendering={shapeRendering}
+            />;
+    }
+};

package/src/subgraph.tsx

@@ -1,45 +1,45 @@
-import { Utility } from "@hpcc-js/common";
-import * as React from "@hpcc-js/preact-shim";
-import { Rectangle } from "./shape";
-import { Text } from "./text";
-
-export interface SubgraphProps {
-    id: string;
-    origData?: any;
-    text: string;
-    width?: number;
-    height?: number;
-    fill?: string;
-    stroke?: string;
-    fontHeight?: number;
-    fontFamily?: string;
-}
-
-export const Subgraph: React.FunctionComponent<SubgraphProps> = ({
-    text,
-    width = 100,
-    height = 100,
-    fill = "transparent",
-    stroke = "black",
-    fontHeight = 12,
-    fontFamily
-}) => {
-    const tSize = Utility.textSize(text, fontFamily, fontHeight, false);
-    return <>
-        <Rectangle
-            width={width}
-            height={height}
-            fill={fill}
-            stroke={stroke}
-        />
-        <g
-            transform={`translate(${(-width + tSize.width) / 2 + 4} ${(-height + tSize.height) / 2 + 4})`}
-        >
-            <Text
-                height={fontHeight}
-                text={text}
-                fontFamily={fontFamily}
-            />
-        </g>
-    </>;
-};
+import { Utility } from "@hpcc-js/common";
+import * as React from "@hpcc-js/preact-shim";
+import { Rectangle } from "./shape";
+import { Text } from "./text";
+
+export interface SubgraphProps {
+    id: string;
+    origData?: any;
+    text: string;
+    width?: number;
+    height?: number;
+    fill?: string;
+    stroke?: string;
+    fontHeight?: number;
+    fontFamily?: string;
+}
+
+export const Subgraph: React.FunctionComponent<SubgraphProps> = ({
+    text,
+    width = 100,
+    height = 100,
+    fill = "transparent",
+    stroke = "black",
+    fontHeight = 12,
+    fontFamily
+}) => {
+    const tSize = Utility.textSize(text, fontFamily, fontHeight, false);
+    return <>
+        <Rectangle
+            width={width}
+            height={height}
+            fill={fill}
+            stroke={stroke}
+        />
+        <g
+            transform={`translate(${(-width + tSize.width) / 2 + 4} ${(-height + tSize.height) / 2 + 4})`}
+        >
+            <Text
+                height={fontHeight}
+                text={text}
+                fontFamily={fontFamily}
+            />
+        </g>
+    </>;
+};