semiotic 2.0.3 → 3.0.0-beta.1

package/ai/dist/src/components/svg/nodeGenerators.js

@@ -0,0 +1,131 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hierarchicalRectNodeGenerator = exports.radialLabelGenerator = exports.radialRectNodeGenerator = exports.matrixNodeGenerator = exports.chordNodeGenerator = exports.sankeyNodeGenerator = exports.gridProps = exports.circleNodeGenerator = void 0;
+const React = __importStar(require("react"));
+const d3_shape_1 = require("d3-shape");
+const d3_scale_1 = require("d3-scale");
+const circleNodeGenerator = ({ d, i, styleFn, renderMode, key, className, transform }) => {
+    //this is repetitious
+    const style = styleFn(d, i);
+    return (React.createElement("rect", { key: key, transform: transform, width: d.nodeSize * 2, height: d.nodeSize * 2, ry: d.nodeSize * 2, rx: d.nodeSize * 2, x: -d.nodeSize, y: -d.nodeSize, ...style, style: style, className: className, "aria-label": `Node ${d.id}`, tabIndex: -1 }));
+};
+exports.circleNodeGenerator = circleNodeGenerator;
+const gridProps = (gridSize) => {
+    return {
+        x: -gridSize / 2,
+        y: -gridSize / 2,
+        width: gridSize,
+        height: gridSize
+    };
+};
+exports.gridProps = gridProps;
+const sankeyNodeGenerator = ({ d, i, styleFn, renderMode, key, className, transform }) => {
+    const height = d.direction !== "down" ? d.height : d.width;
+    const width = d.direction !== "down" ? d.width : d.height;
+    if (!d) {
+        return React.createElement("g", null);
+    }
+    return (React.createElement("rect", { key: key, className: className, transform: transform, height: height, width: width, x: -width / 2, y: -height / 2, rx: 0, ry: 0, style: styleFn(d), "aria-label": `Node ${d.id}`, tabIndex: -1 }));
+};
+exports.sankeyNodeGenerator = sankeyNodeGenerator;
+const chordNodeGenerator = (size) => ({ d, i, styleFn, renderMode, key, className }) => {
+    if (!d) {
+        return React.createElement("g", null);
+    }
+    return (React.createElement("path", { key: key, className: className, transform: `translate(${size[0] / 2},${size[1] / 2})`, d: d.d, style: styleFn(d, i), "aria-label": `Node ${d.id}`, tabIndex: -1 }));
+};
+exports.chordNodeGenerator = chordNodeGenerator;
+const matrixNodeGenerator = (size, nodes) => {
+    const gridSize = Math.min(...size);
+    const stepSize = gridSize / (nodes.length + 1);
+    return ({ d, i, styleFn, renderMode, key, className }) => {
+        if (!d) {
+            return React.createElement("g", null);
+        }
+        const showText = stepSize > 6;
+        const showLine = stepSize > 3;
+        const showRect = stepSize > 0.5;
+        const textProps = {
+            textAnchor: "end",
+            fontSize: `${stepSize / 2}px`
+        };
+        const style = styleFn(d, i);
+        const renderModeValue = renderMode ? renderMode(d, i) : undefined;
+        return (React.createElement("g", { key: key, className: className },
+            showRect && (React.createElement("rect", { x: stepSize / 2, y: d.y - stepSize / 2, width: gridSize - stepSize, height: stepSize, style: { ...style, stroke: "none" } })),
+            showRect && (React.createElement("rect", { y: stepSize / 2, x: d.y - stepSize / 2, height: gridSize - stepSize, width: stepSize, style: { ...style, stroke: "none" } })),
+            showLine && (React.createElement("line", { stroke: "black", x1: 0, x2: gridSize - stepSize / 2, y1: d.y - stepSize / 2, y2: d.y - stepSize / 2, style: style })),
+            showLine && (React.createElement("line", { stroke: "black", y1: 0, y2: gridSize - stepSize / 2, x1: d.y - stepSize / 2, x2: d.y - stepSize / 2, style: style })),
+            showLine && i === nodes.length - 1 && (React.createElement("line", { stroke: "black", x1: 0, x2: gridSize - stepSize / 2, y1: d.y + stepSize / 2, y2: d.y + stepSize / 2, style: style })),
+            showLine && i === nodes.length - 1 && (React.createElement("line", { stroke: "black", y1: 0, y2: gridSize - stepSize / 2, x1: d.y + stepSize / 2, x2: d.y + stepSize / 2, style: style })),
+            showText && (React.createElement("text", { x: 0, y: d.y + stepSize / 5, ...textProps }, d.id)),
+            showText && (React.createElement("text", { transform: `translate(${d.y}) rotate(90) translate(0,${stepSize / 5})`, ...textProps, y: 0 }, d.id))));
+    };
+};
+exports.matrixNodeGenerator = matrixNodeGenerator;
+const radialRectNodeGenerator = (size, center, type) => {
+    const radialArc = (0, d3_shape_1.arc)();
+    const { angleRange = [0, 360] } = type;
+    const rangePct = angleRange.map((d) => d / 360);
+    const rangeMod = rangePct[1] - rangePct[0];
+    const adjustedPct = rangeMod < 1 ? (0, d3_scale_1.scaleLinear)().domain([0, 1]).range(rangePct) : (d) => d;
+    return ({ d, i, styleFn, renderMode, key, className }) => {
+        if (!d) {
+            return React.createElement("g", null);
+        }
+        radialArc.innerRadius(d.y0 / 2).outerRadius(d.y1 / 2);
+        return (React.createElement("path", { key: key, transform: `translate(${center})`, d: radialArc({
+                startAngle: adjustedPct(d.x0 / size[0]) * Math.PI * 2,
+                endAngle: adjustedPct(d.x1 / size[0]) * Math.PI * 2
+            }), style: styleFn(d, i), className: className, "aria-label": `Node ${d.id}`, tabIndex: -1 }));
+    };
+};
+exports.radialRectNodeGenerator = radialRectNodeGenerator;
+const radialLabelGenerator = (node, nodei, nodeIDAccessor, size) => {
+    const anglePct = (node.x1 + node.x0) / 2 / size[0];
+    const nodeLabel = nodeIDAccessor(node, nodei);
+    const labelRotate = anglePct > 0.5 ? anglePct * 360 + 90 : anglePct * 360 - 90;
+    return (React.createElement("g", { transform: `rotate(${labelRotate})` }, typeof nodeLabel === "string" ? (React.createElement("text", { textAnchor: "middle", y: 5 }, nodeLabel)) : (nodeLabel)));
+};
+exports.radialLabelGenerator = radialLabelGenerator;
+const hierarchicalRectNodeGenerator = ({ d, i, styleFn, renderMode, key, className }) => {
+    if (!d) {
+        return React.createElement("g", null);
+    }
+    //this is repetitious
+    return (React.createElement("rect", { key: key, transform: `translate(0,0)`, width: d.x1 - d.x0, height: d.y1 - d.y0, x: d.x0, y: d.y0, rx: 0, ry: 0, style: styleFn(d, i), className: className, "aria-label": `Node ${d.id}`, tabIndex: -1 }));
+};
+exports.hierarchicalRectNodeGenerator = hierarchicalRectNodeGenerator;

package/ai/dist/src/components/svg/pieceDrawing.js

@@ -0,0 +1,110 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLaidOutPieces = void 0;
+exports.pointOnArcAtAngle = pointOnArcAtAngle;
+const React = __importStar(require("react"));
+function pointOnArcAtAngle(center, angle, distance) {
+    const radians = Math.PI * (angle + 0.75) * 2;
+    const xPosition = center[0] + distance * Math.cos(radians);
+    const yPosition = center[1] + distance * Math.sin(radians);
+    return [xPosition, yPosition];
+}
+const renderLaidOutPieces = ({ data, shouldRender, canvasRender, canvasDrawing, styleFn, classFn, renderKeyFn, ariaLabel, axis }) => {
+    const valueFormat = axis && axis[0] && axis[0].tickFormat;
+    if (!shouldRender)
+        return null;
+    const renderedPieces = [];
+    data.forEach((d, i) => {
+        if (canvasRender && canvasRender(d) === true) {
+            const canvasPiece = {
+                baseClass: "orframe-piece",
+                tx: d.tx || 0,
+                ty: d.ty || 0,
+                d: d.piece,
+                i,
+                markProps: d.renderElement || d,
+                styleFn: styleFn,
+                renderFn: () => d.renderValue,
+                classFn
+            };
+            canvasDrawing.push(canvasPiece);
+        }
+        else {
+            if (React.isValidElement(d.renderElement || d)) {
+                renderedPieces.push(d.renderElement || d);
+            }
+            else {
+                const pieceAriaLabel = ariaLabel
+                    ? `${d.o} ${ariaLabel.items} value ${(valueFormat && valueFormat(d.piece.value)) || d.piece.value}`
+                    : "";
+                const key = renderKeyFn
+                    ? renderKeyFn(d.piece)
+                    : d.renderKey || `piece-render-${i}`;
+                const elementData = d.renderElement || d;
+                const { markType, style = {}, ...restProps } = elementData;
+                // Merge style into direct props
+                const elementProps = { ...restProps, key, "aria-label": pieceAriaLabel };
+                if (style.fill !== undefined)
+                    elementProps.fill = style.fill;
+                if (style.stroke !== undefined)
+                    elementProps.stroke = style.stroke;
+                if (style.strokeWidth !== undefined)
+                    elementProps.strokeWidth = style.strokeWidth;
+                if (style.opacity !== undefined)
+                    elementProps.opacity = style.opacity;
+                if (style.fillOpacity !== undefined)
+                    elementProps.fillOpacity = style.fillOpacity;
+                if (style.strokeOpacity !== undefined)
+                    elementProps.strokeOpacity = style.strokeOpacity;
+                const remainingStyles = { ...style };
+                delete remainingStyles.fill;
+                delete remainingStyles.stroke;
+                delete remainingStyles.strokeWidth;
+                delete remainingStyles.opacity;
+                delete remainingStyles.fillOpacity;
+                delete remainingStyles.strokeOpacity;
+                if (Object.keys(remainingStyles).length > 0) {
+                    elementProps.style = remainingStyles;
+                }
+                if (markType) {
+                    renderedPieces.push(React.createElement(markType, elementProps));
+                }
+            }
+        }
+    });
+    return renderedPieces;
+};
+exports.renderLaidOutPieces = renderLaidOutPieces;